In this tutorial, you will learn how to make a flat logo volume using 3D tools and revive it using a new Time scale (Timeline) in Photoshop CS6.
Lesson details
Adobe Photoshop Cs6 3d Extension Windows 10
Announced on October 18 during Adobe Max, Photoshop 2018 includes 360˚ compatibility for editing directly into the panoramic file. Many 360˚ Panoramic Photographers have been keen to try out the new functionality but one hard to resolve issue popped up. 'my 3D menu is greyed out and I can't se. How to download and active 3D Option In Adobe Photoshop CS6Downloading Link.https://mega.nz/#!EoBXgKBY!DzweJFGN564YhHDhseeqmEsICG58c86Rtbf8WDTGt6sPassword.
Program: Adobe Photoshop CS6 Extended
Complexity: average
Estimated Completion Date: 1 hour + render time
Final result
Materials for the lesson:
Envato resource logo.
Step 1
Open the logo in Photoshop. Please note that a file with a PNG extension is important because it contains transparency and it will be more convenient when we convert an object into 3D. Now there is no need to adjust the size of the logo, since we will change it at the end, while maintaining the animation.
Step 2
Choose a tool Frame (Crop Tool) and expand the top and bottom of the document to increase the space for our scene. Click Enter, to accept the changes.
Tool Rectangular area (Rectangular Marquee Tool) select the text Envato, excluding the logo sheet and at the bottom of the layers palette, press the button Add layer mask (Add Layer Mask). This action will only highlight text.
Step 3
To facilitate the task, the author renamed the layer with visible text on Text. Make a copy of this layer, rename it to Leaf and make the layer mask active. After that we can edit it. Now press the key combination Ctrl + I, to invert the mask. Thus, on this layer only the sheet will be visible, and the text will be deleted. The result should look identical to the original image with the logo that we opened at the beginning of the lesson. The only difference is that the text and the leaf icon are currently on separate layers.
Make the leaf layer active Leaf and go to the menu Layers – Layer Mask – Apply ( Layer> Layer Mask> Apply). This action will remove all the pixels that were hidden under the mask.
Now go to the menu 3D and select the item New 3D extrusion from selected layer (3D> New 3D Extrusion From Selected Layer). After that, you will be automatically moved to the 3D space where you will work with the 3D scene. If this does not happen, you can turn it on yourself in the menu. Window – Work Environment – 3D (Window> Workspace> 3D). Notice that the leaf layer is now a 3D layer in the layers palette.
Step 4
Go to the 3D palette, select the object Leaf (indicated by the star icon) and turn on the palette Properties (Properties). In the palette settings set Extrusion depth (Extrusion Depth) at 35 and uncheck the options Shadow capture (Catch Shadows) and Put shadows (Cast Shadows).
Now we need to move the object Leaf exactly to the center of the scene. Before we do this, for convenience, change the look of our camera. Highlight Current view (Current View) in the 3D palette and select setting Above (Top) for option View (View) in the palette Properties (Properties).
Using on-screen control levers 3D object, move the leaf to the exact center of the scene, which is indicated by the intersection of the red and blue lines.
Step 5
Currently our document has a top view. To change and reset the camera view in the palette Properties (Properties) set the view Default (Default Camera). note that 3D an object Leaf will not be in the correct position. We will fix this in the next step.
Correct the position of the leaf. Use the camera tools in the top menu, which are shown in the screenshot. Move the camera to the correct placement of the logo. By simply moving the camera, we can achieve the appearance of the object in the proper position. It is important that in fact, therefore, does not move 3D object as it was in step 4.
Step 6
Now we are ready to create the animation. Open up Time scale (Timeline) and click Create timeline for video (Create Video Timeline). If you do not see the time scale in the program workspace, you can open it in the menu Window – Timeline (Window> Timeline).
When you do this, you will see that all layers are displayed as separate video layers in the timeline. In our case it will be two video layers.
Step 7
Since we need to animate a leaflet, we need to access its properties in the timeline. To reveal the list of properties that can be animated, click on the small arrow opposite the name of the video layer. For this animation we will focus on the option Position 3D scene (3D Scene Position).
Click on the stopwatch icon to Enable keyframe animation (Enable Keyframe Animation). This action will add the first keyframe in the timeline, indicated by a yellow diamond.
Since the keyframe of the animation is turned on, Photoshop will automatically add a keyframe when you make changes to the position of the scene (or rotation). Before you start rotating the scene, you need to specify how long the animation will last. To do this, drag the current time indicator (indicated by the blue slider) to another point on the timeline.
Step 8
Go back to the 3D palette activate layer Scene (Scene) and go to the palette Properties (Properties). Click icon Coordinates (Coordinate) and change on axis Y 360 degree angle. This will rotate the scene around her. Y axis 360 degrees.
Notice that after these actions a new keyframe was added on the timeline. Using the current time indicator (blue slider), moving it back and forth, you can view the animation process of a 3D object. Since our 3D leaf was placed at the very center of our scene, we will see it rotating in place.
Adobe Photoshop Cs6 3d Extension Download
Step 9
Our goal is to ensure that the leaf 3D object constantly rotates around its axis, but all the time only shows its front part. To do this, you must first duplicate the layer Leaf in the layers palette. Note that a copy of the leaf layer will immediately appear in the timeline.
Now let’s clear the time scale so that the 3D object leaves three-quarters of a turn.
Move the cursor to the beginning of the video layer with a copy of the leaf. When the cursor changes to a square bracket icon with two arrows, drag the layer to the red line. This video layer will now be cropped and its animation will begin after three quarters of a revolution.
This time you need to clear the first part of our animation. To do this, find the point at which the object leaf is rotated by one quarter. Activate video layer Leaf at Time scale (Timeline) and drag its end to the red line as shown in the screenshot.
Finally move the video layer with the copy of the leaf to the new red line. Make sure your animation runs smoothly.
Adobe Photoshop Cs6 3d Extension Free Download
Step 10
Before we continue creating our animation, we must tell the program which frames we want to use. Use the current time indicator to determine the point where our object appears to make a full turn. Now slide the slider to the red line Set end of work area, which is under the time bar. After these actions in the animation, only these frames will be shown.
Step 11
Our work with the preparation of the animation is completed and it is time for us to do its preservation in the format of GIF. Consider two options. The first is fast preservation with low quality. The second option will take more time, but will allow us to save high-quality GIF.
Option 1 – go to the menu File – Save for Web (File> Save for Web). This option skips the rendering process and saves the footage as it appears in our document. Go ahead and change the settings as you like. Click save when done.
Below is an example of the final animation using Option 1 without rendering. Note that the edges of the leaves appear jagged.
Step 12
Option 2 – requires rendering of our scene. This is highly recommended for improving the quality of the final product. Go to the menu File – Export – Watch Video (File> Export> Render Video) and make the changes as shown in the screenshot. Make sure you have the option Photoshop Image Sequence (Photoshop Image Sequence) to exit and Final ray tracing (Ray Traced Final). This method will make our scene as separate frames.
After all the frames are rendered, we can open them as an animation. Go to the menu File – Open as (File> Open As) and navigate to the folder you created for the processed frames. Select the first frame and check the options at the bottom of the window. Sequence of images (Image Sequence). Now press the button Open (Open) and in the next dialog box confirm OK.
After these actions, the frames that have been rendered will automatically appear in a new animation in the new timeline.
The final step. To save the animation in GIF format, just repeat Step 11, and you’re done!
There are so many things that can be done in the Photoshop CS6 3D environment. With all the 3D tools and settings, you can create many amazing 3D effects easily and quickly. This tutorial will show you how to create a simple and fun layered text effect using the 3D capabilities, and will show you some cool tips and tricks that can be used whenever working in the 3D environment in general as well.
Tutorial Assets
1- PoetsenOne font.
2- Tiles Texture – 2.
Step 1
Create a new 1150 x 825 px document, and create the text in Black using the font PoetsenOne, and the font Size 200 pt.
Next, we are going to create some guides near the top and the bottom of the text. To do so, show the Rulers (View -> Rulers), then click and drag the ruler at the top to create each guide and place it where you want it to be on the text.
The holes we are going to create inside the text will be added along those guides.
Duplicate the text layer, and make it invisible by clicking the eye icon next to it. Then right click the copy layer and choose Convert to Shape.
Step 2
Set the Foreground color to White, pick the Ellipse Tool, click the Geometry Settings icon in the Options bar, then set the Fixed Size dimensions to 7, and check the From Center box.
Then, click and drag slightly along the upper guide you created, to place a circle in the center of the first letter’s edges surrounding the guide.
Click the Combine Shapes icon in the Options bar, then continue adding the circles along both guides for the all letters/letters’ tips.
When you’re done, you can get rid of the guides if you like by going to View -> Clear Guides.
Step 3
Go to Edit -> Define Custom Shape, and type in a name for the new shape (e.g. Dots).
Pick the Custom Shape Tool, then scroll down the Custom Shape picker to click the “Dots” shape you’ve just defined.
After that, click the Subtract Front Shape icon in the Options bar, click the Geometry Settings icon, and choose the Defined Size option and un-check the From Center box. This will create the dots in the exact same original size.
Select the text shape layer, then click and drag the dots shape so that the first dot of the shape is placed exactly over the first dot shape you already have. The dots will snap when they are exactly on top of each other.
Once you release the mouse button, the dots will be subtracted from the text shape.
Set the Foreground color to #b7b7b7, pick the Rectangle Tool, then click and drag to create a rectangle that extends a tiny bit outside the document, and place that rectangle right below the text shape layer.
Subtract the Dots shape from the rectangle just like you did previously.
In the image below, the other layers are made invisible so that you can see the result.
Step 4
Select each of the shape layers that you have, then go to 3D -> New 3D Extrusion from Selected Path.
To access the 3D mesh settings and properties, you'll need to open two panels: The 3D panel, and the Properties panel (both found under the Window menu).
The 3D panel has all the components of the 3D scene, and when you click the name of any of those, you'll be able to access its settings in the Properties panel. So make sure to always select the name of the element you want to modify in the 3D panel before you change its settings in the Properties panel.
Select the Rectangle layer in the Layers panel, then its mesh name in the 3D panel, and change the Extrusion Depth to 10 in the Properties panel.
Select the text shape layer, then its mesh name in the 3D panel, and change the Extrusion Depth to 5.
Click the Cap icon at the top of the Properties panel, and change the Bevel Width to 2.
Select the dots shape layer, its mesh name in the 3D panel, click the Cap icon, then change the Bevel Width to 20, and change the Contour to Cone – Inverted.
Duplicate the text shape layer twice so that you have 3 text shape layers. Then select all the 3D layers you have, and go to 3D -> Merge 3D Layers. This will place all the 3D meshes in one scene. You can rename the merged 3D layer to anything you like (e.g. Final Scene).
Step 5
Select the Move Tool. You'll find a set of 3D Modes for the tool to the right of the Options bar. When you choose one of those, you can then click and drag to perform any changes (on the selected element in the 3D panel).
So click the Current View tab in the 3D panel, then click and drag in any empty area of the 3D scene to change the Camera View, but don't move any of the meshes yet.
Next, select each 3D mesh name in the 3D panel, and move it to place the elements in the 3D scene.
Step 6
Click all the material tabs of the first text shape mesh in the 3D panel, then, in the Properties panel, click the Diffuse texture icon, and choose Remove Texture.
Change the rest of the settings as shown below. The Diffuse color is #d83054, the Specular is #bbb798, the Illumination is #1d0000, and the Ambient is #454545. But you can absolutely choose any other colors you like for the Diffuse.
Follow the same steps to change the material settings for the other text shape meshes you have. The only value you need to change is the Diffuse one if you want to use different colors for each layer of text. The color used for the second layer here is #32dae5.
The color used for the third layer is #bde640.
Adobe Photoshop Cs6 3d Plugin Free Download
As for the dots mesh, after you remove the Diffuse texture, change the settings as shown below. The Diffuse color is #e8dfca, the Specular is #fff7e5, and the Illumination and Ambient colors are set to #000000.
Step 7
Select the Rectangle’s Front Inflation Material tab in the 3D panel, and change the Specular, Illumination and Ambient colors to #000000. Then change the rest of the values as shown below.
Click the Diffuse texture icon and choose Edit Texture.
This will open the texture’s file so that you can modify it.
Place the “Tiles Texture – 2” image on top of the rectangle shape layer, resize it as needed, then right click its layer and choose “Create Clipping Mask” so that the holes of the shape appear through the texture.
Go to Image -> Adjustments -> Hue/Saturation, change the Saturation value to -100, and the Lightness to 13.
Save the file (File -> Save), then go to Save As to save the file in the folder of the original file you’re working on using the name “Bump”. Then close it (File -> Close) to go back to the original document.
Step 8
Click the Bump folder icon and choose Load Texture, and load the “Bump” file you saved in the previous step.
Click the Bump texture icon and choose Edit Texture.
Create a new layer on top of all layers, pick the Brush Tool, and choose the “Spatter 46 pixels” brush tip.
Adobe Photoshop Cs6 3d Extension Free
Open the Brush panel (Window -> Brush), and under Shape Dynamics, change the Size Jitter to 25% and the Angle Jitter to 100%.
Right click the new layer you created and choose Create Clipping Mask, then make the texture layer invisible by clicking the eye icon next to it. Set the Foreground color to Black, set the brush tip size to 25 px, then click once in the middle of each dot. The Shape Dynamics settings will help create results of slightly different sizes and angles.
The dark color of the brush in the Bump texture will create an illusion of flatter surface areas, that seem to be deeper-looking parts compared to the original surface.
Save the file and close it to go back to the original document.
Step 9
Select the text mesh name of the very front text layer, then go to 3D -> Split Extrusion. This will make each letter a separate mesh, so that you can move it on its own.
Adjust the camera view so that the text fits within the document in an angle you like.
Select all the mesh groups in the 3D panel except for the Rectangle group, then pick the Move Tool, and rotate the text slightly so that it looks like its falling off of the wall.
You can change the camera view to see how the text looks, and make sure that the higher side is attached to its holes in the wall.
If needed, you can change the Ellipse mesh Extrusion Depth from the Properties panel.
Step 10
Once you’re done, change the camera view to the final angle that you want to use for rendering later on. Then, from the View drop down menu, choose Save to save that camera view.
Enter a name for the view and click OK.
Now whenever you change the camera view then want to go back to the final one, you can click the saved view tab at the bottom of the 3D panel, or choose it from the View drop down menu in the Properties panel.
Step 11
Choose the Front view from the View drop down menu.
Zoom in the camera view until you can see the letters clearly. Start selecting some letters from the front layer of text, then rotate, move, and place them out of their original places. The Front view will make getting the letters in place much easier.
A slight change can be enough for some letters. Not every letter needs to be totally out of its original place. But it’s up to you to decide how to move the letters around depending on the final result you’re looking for.
When you’re done, get back to your final (saved) view.
Step 12
Time to work on the lighting. Start by clicking the Infinite Light 1 tab in the 3D panel, then, in the Properties panel, change the color to #fffdf5, the Intensity to 80%, and the Shadow Softness to 30%.
Adobe Photoshop Cs6 3d Extensions
Click the Coordinates icon at the top of the Properties panel, and use the values shown below.
You can also use the Move Tool to move the light around in the Scene.
Click the Add new Light to Scene icon down the 3D panel, and choose Point Light.
In the Properties panel, change the color to #fff8ea, the Intensity to 100%, and the Shadow Softness to 30%.
The light might seem so bright, but you’ll need to move it so that it touches the wall. Place it on top of the part you like of the text.
Step 13
Select the Rectangle Extrusion Material, remove its Diffuse texture, and change its settings as below. The Diffuse color is #676767, the Specular is #333333, and the Illumination and Ambient colors are #000000. This will darken up the holes material.
Select the Background layer, and fill it with the color #362f2d.
If there’s nothing else you want to change, select the 3D “Final Scene” layer again, then go ahead and render the scene (3D -> Render). The rendering might take some time, but you can stop it by clicking anywhere inside the scene, or pressing the Esc key.
When the rendering is finished, click the ‘Create new fill or adjustments layer’ icon down the Layers panel, and choose Gradient Map.
Create the Gradient using the colors #4b0082 to the left and #00a86b to the right. Then change the adjustment layer’s Blend Mode to Soft Light and its Opacity to 50%. This will enhance the coloring and contrast of the final result.
Conclusion
This is the final result. Photoshop CS6’s 3D Tools and environment are a great way to achieve some amazing 3D effects. You can as well play around with the colors and moving the letters to get different versions of the effect.
Hope you enjoyed the tutorial and found it helpful.