Thanks to the 3D environment in Photoshop, you can create a lot of interesting things. Using its settings and tools, you can easily and quickly create 3D effects. This lesson will show you how to create a simple and fun text effect using 3D capabilities, and will give you useful tips and advice that you can apply in your work.
Materials for the lesson:
Used by Photoshop CS6
Font – PoetsenOne
Create a new document with the size of 1150 x 825 pixels., Write the text of the size of 200 pt, black color, using the font PoetsenOne.
Next, we need to create some guides near the top and bottom of the text. To do this, open the line in the menu View – Rulers (View -> Rulers) and check this option. Then click with the mouse in the ruler scale area and, without releasing the mouse, drag the guide, positioning it as in the screenshot. The holes we create inside the text will be on these guides.
Duplicate the text layer and make the original invisible by clicking on the eye next to the layer thumbnail. Then right-click on the copy and select the option Convert to curves (Convert to Shape).
Set the foreground color to white, activate the tool Ellipse (Ellipse Tool), in the top settings panel, click the specified icon and set in the menu Preset size (Fixed Size) 7 pixels, just check the options From the center (From Center).
Then click and drag a little along the top guide to create a circle in the center of the edge of the first letter.
Click on the options bar Combine shapes (Combine Shapes) and continue to add circles along both guides on all letters. When finished, you can remove the guides in the menu Preview – Delete guides (View -> Clear Guides).
Now go to the menu Editing – Define an arbitrary shape (Edit -> Define Custom Shape) and enter the name of the new shape (for example, Dots).
Activate the tool Arbitrary shape (Custom Shape Tool), scroll down the shape selection list and select the shape you just created. After that, in the top settings panel, click the function Subtract front figure (Subtract Front Shape), and also enable the option Keep dimensions (Defined Size) and uncheck feature From the center (From Center). This will create points in its original size.
Select the text layer with the shape, then click and drag the shape with the points so that the first point of the shape is located exactly as the circle point that you already have. After you release the mouse button, the points will be subtracted from the test piece.
Set the foreground color to # b7b7b7, activate the tool Rectangle (Rectangle Tool), create a rectangle slightly larger than the document itself and place it directly below the text.
Subtract the dotted shape from the rectangle, as you did earlier. In the bottom image of the screenshot, the layers are invisible so that you can see the result.
Next, select the layers with the shapes that you have, then go to the menu New 3D-extrusion from the selected circuit (3D -> New 3D Extrusion from Selected Path).
To access the 3D settings you need to open two panels – the panel 3D and panel Properties (Properties). The 3D panel has all the components of the 3D scene, and when you click on the name of any of them, you can access its settings in the properties panel. Therefore, be sure to choose the name of the element that you want to change in the 3D panel before changing its settings in the property panel.
Select a rectangle in the layers panel and the name of its grid in the 3D panel to change Extrusion depth (Extrusion Depth) to 10 in the panel Properties (Properties).
Select the layer with the shape of the text in the layers panel and the name of its grid in the 3D panel and change Extrusion depth (Extrusion Depth) to 5.
Click on the icon Capital (Cap) at the top of the property bar and change Chamfer width (Bevel Width) to 2.
Select a layer with points in the layers panel and the name of its grid in the 3D panel, click the icon Capital (Cap) and then change Chamfer width (Bevel Width) to 20 and select Circuit (Contour) Inverted cone (Cone – Inverted).
Duplicate the text shape layer twice so that you have three text shape layers. Then select all the 3D layers you have and go to the menu. 3D – Merge 3D Layers (3D -> Merge 3D Layers). This action will put all the 3D grids in one scene. You can rename the merged 3D layer as you like, for example Final Scene.
Activate the tool Move (Move Tool). In the upper right part of the settings panel you will find a bar with 3D modes (3D Modes). When you select one of them, you can move it, thereby making changes to the selected element in the 3D panel.
So select the tab Current view (Current View) in the 3D panel, then click and drag in any empty place of the 3D scene to change the camera view, but do not move any of the grids yet.
Next, select all the grids in the 3D panel and move them, placing the elements in the 3D scene.
Select all materials in the grid of the first text shape in the 3D panel, then in the properties panel click on the texture icon opposite the option Scattering (Diffuse) and select Remove texture (Remove Texture).
Change the remaining parameters as shown below. Colour Scattering (Diffuse) # d83054, Highlight color (Specular) # bbb798, Glow (Illumination) # 1d0000 and Lighting (Ambient) # 454545. But you can choose absolutely any other color for diffusion that you like.
Follow the same steps to change material settings for other text shapes. You need to change the value Scattering (Diffuse) if you want different colors on each text layer. In the lesson for the second text, the author applies the color # 32dae5.
For the third layer the color is # bde640.
As for the grid with points, after removing the texture in the texture icon opposite the option Scattering (Diffuse) change the settings as shown below in the screenshot. Colour Scattering (Diffuse) # e8dfca, Highlight color (Specular) # fff7e5, color Glow (Illumination) and Lighting (Ambient) put # 000000.
Now select the grid of the rectangle in the 3D panel and Front bulge material (Front Inflation Material). Install Highlight color (Specular), color Glow (Illumination) and Lighting (Ambient) to # 000000. Then change the remaining values as shown below.
Click on the texture icon opposite the option Scattering (Diffuse) and select the option Edit texture (Edit Texture).
After that you can change the texture. Place the image with the texture above the rectangle layer, resize if necessary, then right-click the layer and select Create clipping mask (Create Clipping Mask). This is necessary so that the texture is applied only to the rectangle and does not cover the holes in it.
Next, go to the menu Image – Correction – Hue / Saturation (Image -> Adjustments -> Hue / Saturation) and change the value Saturation (Saturation) to minus 100, and Brightness (Lightness) at 13. Now save the file in the menu File – Save (File -> Save), then click Save as (Save As) to save this file in the folder of the source file you are working with and give it the name Bump. Then close it and return to the document you are working with.
Click on the folder icon opposite the option Relief (Bump) select Load texture (Load Texture) and load the Bump file that you saved in the previous step.
Again click on the folder icon opposite the option Relief (Bump) and select Edit texture (Edit Texture).
Create a new layer above all in the layers palette, activate the tool. Brush (Brush Tool) and select a brush Splash 46 pix (Spatter 46 pixels).
Open the brush settings panel in the menu Window – Brush (Window -> Brush) and in Form dynamics (Shape Dynamics) put Size fluctuation (Size Jitter) by 25% and Angle swings (Angle Jitter) at 100%.
Right-click on the newly created layer and select Create clipping mask (Create Clipping Mask), then make the texture layer invisible. Set the foreground color to black, set the brush print size to 25 pixels, then click once in the middle of each point. The shape dynamics settings will help create results of slightly different sizes and angles.
The dark color of the brush will create on the texture the illusion of a flatter surface in areas that appear deeper than the original surface. Save the file and close it to return to the original document.
Highlight the mesh name of the front text layer and go to the menu 3D – Split Extrusion (3D -> Split Extrusion). This action will divide the label into separate grids for each letter and allow you to move each of them separately. Adjust the camera so that the text fits within the document and at an angle that you like.
Select all groups with grids in the 3D panel except the group with a rectangle, then activate the tool Move (Move Tool) and rotate the text slightly as if it were falling off the wall.
You can change the camera view to see what the text looks like and make sure that the side of the letters that is above is attached to a hole in the wall.
If necessary, you can change the extrusion depth on the grid with an ellipse in the properties panel.
Once done, finally set the desired camera view for later rendering. Then in the properties panel tab View (View) select at the bottom of the drop-down menu. Save (Save) to save the position of the camera.
Enter the name and click OK.
Now, whenever you change the camera view and want to return to the final one, you can select it in the 3D panel or in the properties panel in the drop-down menu in the tab View (View).
And now in the drop-down menu, select the camera position In front (Front).
Increase the camera view until you can see the letters clearly. Select some letters of the front layer with the text, and then rotate, moving from its original position. With the current camera view, this will be easy.
For some letters, apply minor changes, not everyone should completely change their position. But of course it’s up to you how in the end you want to see your work. When finished converting, return to the camera the view that was previously saved.
It’s time to work with the lighting. Click on the 3D panel on the layer. Infinite light 1 (Infinite Light), then in the panel Properties (Properties) select color # fffdf5, Intensity (Intensity) 80% and Shadow Smoothing (Shadow Softness) 30%.
Click on the icon Coordinates (Coordinates) in the properties panel and enter the values shown below.
You can also use the tool to change the position of the light source in the scene. Move (Move Tool).
Click at the bottom of the 3D panel icon Add a new light to the scene (Add new Light to Scene) and select New point light (New Point Light).
In the panel Properties (Properties) change the color to # fff8ea, Intensity (Intensity) 100% and Shadow Smoothing (Shadow Softness) 30%.
The light may seem very bright and you will need to move it so that it touches the wall. Position it above the text as you like.
Now in the Rectangle grid select the layer Extrusion material (Extrusion Material). Delete its texture in the folder opposite Scattering (Diffuse), as was done earlier, and make the settings as shown below. Colour Scattering (Diffuse) # 676767, Highlight color (Specular) # 333333, Glow (Illumination) # 000000 and Lighting (Ambient) # 000000. This will darken the holes.
Select a background layer and fill it with # 362f2d.
If there is already nothing you want to change, then select the 3D Final Scene layer again and go to the menu 3D – Rendering (3D -> Render). Rendering may take some time, but you can stop it at any time by clicking anywhere within the scene, or by pressing the Esc key.
When rendering is complete, click on the icon at the bottom of the layers palette to add a new adjustment layer. Gradient map (Gradient Map).
Adjust the gradient using colors # 4b0082 on the left and # 00a86b on the right. Then change the blending mode of the adjustment layer to Soft light (Soft Light) and reduce Opacity (Opacity) up to 50%. This will improve the color and contrast of the image.
Summarize. Now you know that 3D tools in Photoshop CS6 are a great way to achieve amazing 3D effects. By playing with the colors and position of the letters, you can achieve various effects.
The final result.