photoshop creative

Create easy 3D type effects

Posted in:
Tips & Tutorials, by Mark White
August 12, 2015

How can you create 3D text in Photoshop?


1. The Type tool


Grab the Horizontal Type tool (T). Choose a bold font (we picked Cooper Std). Set the size to 90pt, the colour to #338e37 (by clicking on the colour swatch in the Options bar), and the type the first letter of your text by clicking on the canvas.

2. A new action


Before applying the layer style, let’s record an action to speed up our workflow. o to Window>Actions and in the Actions palette click on Create New Set button and enter the name 3D Recording. Click OK.

3. Record the action


In the Actions palette, click Create New Action. On the New Action window, name it Action Style and hit Record. Go to Layer>Layer Style>Stroke. Change the Size to 5px, set Position to Inside and set its colour to #6da84a.

4 Apply more styles


Inside the Layer Style menu, click on Inner Glow. Set the Blend Mode to Normal, Opacity to 100%, Noise to 25%, use #e9ffca for its colour swatch, Choke to 50%, Size to 15px, Range to 50% and click OK. Hit Stop in the Actions palette.

5. Place and merge


Go to File>Place Embedded and open your lime stock photo. Adjust its size, place it over the font using the transform handles and hit Enter. Press Cmd/Ctrl+Opt/Alt+G to clip the two layers. Hold Shift and select the image and text layers in the palette, then press Cmd/Ctrl+E to merge. Name this layer J Font.

6. Record more actions


Click on Create New Action, name it 3D extrusion and hit Record. In the 3D palette (Window>3D), select 3D extrusion and hit Create. Select the J Font layer and set the Extrusion Depth to 950px inside the Properties palette. Hit Stop in the Actions palette.

7. Replace the texture


To create the final action, click on Create New Action. In the New Action window, enter the name Texture and hit Record. Select the J font Extrusion Material’. In the Properties palette, open the diffuse filder and click Replace Texture. Load a rind texture and hit OK.

8. Edit UV properties


Let’s edit the texture. Open the Diffuse folder again and select Edit UV Properties. Set U Scale to 500%, V Scale to -80 U Offset to 0%, V Offset to -8% and then press OK. Stop the action once more.

9. Play the actions


Press V and in the Options bar, click on the Drag 3D Object button. Select the J Font and move it to the left. Go to the Layers palette, grab the Type tool (T) and type a new letter. Go to the Actions palette, select Action Style and hit Play.

10. Place the image


Go to File>Place Embedded and select your lime image once more. Adjust the size and place over the font again before hitting enter. Now press Cmd/Ctrl+Opt/Alt+G to clip the layers. Hold Shift and select both the layers from the palette, and then press Cmd/Ctrl+E to merge. Name this merged layer U Font. In the Actions palette, select 3D Extrusion and hit Play.

11. Final action


In the 3D palette, select U font Extrusion Material. Now go to the Actions palette, select the Texture action and hit Play. Repeat steps 10 to 12 for each letter and don’t forget to rename each layer before applying the 3D Extrusion action.

12. Merge 3D layers


After you complete a word, hold the Shift key, and select each layer. Go to 3D>Merge 3D Layers. Select the Move tool (V) and in the 3D palette hold Shift and select each letter. On the Properties panel click on Coordinates and click Move to Ground.

13. Change 3D view


In the 3D palette, select Current View. In the Options bar, select Rotate the 3D object. Rotate the camera horizontally. Now go to View >Show>3D Selection. Click over the letter to display the 3D axis. Rotate the letters slightly along the X, Y and Z axis.

14. 3D render


Click on Infinite Light 1 and move around until you are happy. Go to 3D>Render and wait until Photoshop completes the task. Save your work. Click on the Layers palette, go to File>Place, load up the lead images and also place a sliced lime around the texture.

15. Background gradient


Select the Background layer. Grab the Gradient tool (G), open the Gradient Editor and create a three-stop gradient using the colours #ffffff, #769210 and #394608. Set the gradient to Radial and click OK. Drag the gradient from the middle to the bottom-right.

  • You have done such an amazing job on this series. I appreciate your work.

  • Hi Mark White, it is really a easy to understand tutorial about 3d effects, Thank you for that kind of post.