Create 3D text in Photoshop: A step-by-step guide
Get to grips with Photoshop's 3D tools by generating artistic type.
In this tutorial, we'll show you how to create a piece of 3D art featuring a realistic three-dimensional text effect. You'll also learn how to edit multiple images using adjustments and basic tools.
The first part of this tutorial takes place in Photoshop CC's 3D environment, which means you have to work with three different panels almost simultaneously. The Layers panel is where you place and create the 3D text. In the 3D panel, you access the 3D commands, while the Properties panel is where you apply the extrusion effect, distort and apply different materials to add realism. Working in a three-dimensional space is fairly easy but you have to pay close attention.
The second part of the tutorial is back to familiar, 2D territory, using the Selection tools, masks, adjustment layers and other basic techniques. Don't forget to download the resources.
01. Create the background
First, change the workspace. Go to Window > Workspace > 3D. Now, create a new blank canvas (cmd/ctrl+N). Name it 3D Text, setting the Width to 1500px, Height to 620 pixels, Resolution to 300ppi and then click OK. Go to File > Place Embedded 'pix_117004_background.jpg', adjust the size and press return/enter.
02. Download a new font
Go to dafont.com and download the font South Afirkas 2100 by zanatlija. Unzip the file and install on your system. Grab the Type tool (T). In Options choose the Font Type: South Afirkas, Size: 70pt and then type the word SAFARI.
03. Add texture
Go to File > Place Embedded 'pix_2068284_texture1.jpg'. Place over the text and then clip the layers, press cmd/ctrl+opt/alt+G. Hold Shift and click on the Safari layer. With both layers active, press cmd/ctrl+E to merge. Rename the layer Safari_texture.
04. Create a 3D layer
Go to 3D > New 3D Extrusion from Selected Layer. In the Properties panel, click in Mesh, choose Texture Mapping: Scale and set the Extrusion Depth to 10mm. In the 3D panel, click on the Safari_Texture Front Inflation Material, set the Roughness to 80% and Bump to 100%.
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
05. Add more textures
In the 3D Layer panel, click Safari_Texture Extrusion Material. Now in the Properties panel, click the Diffuse icon and choose Replace Texture, locate the 'pix_2068284_texture2.jpg' and Open. Adjust the Roughness to 80% and Bump to 100%.
06. Edit UV properties
We're now going to edit the extrusion texture. In Properties, open the Diffuse icon again and select Edit UV Properties. Set the U/X Scale to 65% and the V/Y Scale to 50% and then click OK.
07. A bevel effect
In the 3D panel, click the Safari_Texture layer. Now, in the Properties panel, click Cap. Set the Sides to Front, the Bevel Width to 35% and change the Contour to Cone_Inverted.
08. Move the 3D text
Grab the Move tool (V). In the 3D workspace click on Dolly the 3D camera (it's the third icon in the bottom left). Hold the mouse button and drag up to move the text further away. Click on the Orbit and Pan the 3D camera to rotate and move the image down.
09. Adjust the light
In the 3D panel, click Infinite Light. Use the on-image controller to adjust the light, placing it in front of the 3D text and moving it around 75 degrees to the top-left corner. Render the image by going to 3D>Render 3D Layer.
10. Create a layer mask
In the Layers panel, press cmd/ctrl+J to duplicate the Safari_Texture layer. Go to Layer > Rasterize > 3D. (Hide the original 3D Safari_Texture layer.) Add a layer mask. Grab the Brush tool. Press F5 and choose the Dune Grass brush, tweak the Shape Dynamics and Scattering then paint over the mask, blending the grass.
11. Make adjustments
First, let's sharpen the image a bit. Click on the Safari_Texture thumbnail. Go to Filter > Sharpen > Sharpen More. Now adjust the tones. Go to Layer > New Adjustment Layer > Levels. Set the Inputs to 0, 1.15, 215 and clip the layers.
12. Place the lion
Go to File > Place Embedded 'pix_1236169_lion.jpg'. Grab the Quick Selection tool (W) and select the lion. Go to Select > Select and Mask. Change View Mode to Overlay. Set Edge Detection Radius to 15 pixels, check Smart Radius, and use the tools to enhance the selection. Output to 'New layer with layer mask'.
13. More adjustments
Grab the Dune Grass brush and paint over the mask to hide the paws and tail behind the bushes. Now, go to Filter > Sharpen > Sharpen. Then go to Layer > New Adjustment Layer > Levels. Set the Inputs to 0, 0.95, 245 and clip the layers.
14. The Pen tool
Go to File > Place Embedded 'pix_602530_elephant.jpg'. Grab the Pen tool (P) and draw a path around the elephant. In Options, click Make: Selection and then click OK. Go to Layer > Layer Mask > Reveal Selection. Press cmd/ctrl+T and adjust the size.
15. Add more adjustments
Go to Layer > New Adjustment Layer > Brightness/Contrast. Set Brightness to 30, Contrast to 15, clip the layers and then click OK. Now, make a quick colour correction. Go to Layer > New Adjustment Layer > Photo Filter. Choose Filter: Deep Yellow, set the Density to 30%, clip the layers and click OK.
16. Bring in the ostrich
Go to File > Place Embedded 'pix_341989_ostrich.jpg'. Grab the Quick Selection tool (W) and select the image. In Options, click Select and Mask. Use the Refine Edge Brush tool (R) or the Brush tool (B) to enhance the mask, then click OK. Resize the image and place the ostrich next to the elephant.
17. Curves adjustment
Now, let's apply a Curves adjustment to correct the tones. Go to Layer > New Adjustment Layer > Curves. Place the mouse cursor in the centre and drag down a bit or set the Input to 45 and the Output to 40, clip the layers and click OK.
18. Place more images
Go to File > Place Embedded 'pix_1224295_monkey.jpg'. Use the Quick Selection tool to select the image and the Select and Mask command to refine the selection. Resize the image and place over the letters. Use a Curves adjustment to correct the tones.
19. Add the giraffe
Place the 'pix_927281_giraffe.jpg'. Select and mask the giraffe. Add a new layer on top of it and clip the layers (cmd/ctrl+opt/alt+G). Change the blending mode to Soft Light, grab the Brush tool and using a light yellow colour, paint over the body to whiten the shadows.
20. Colour correction
Place a new adjustment layer on top of the layer stack. Go to Layer > New Adjustment Layer > Photo Filter. Choose Filter: Warming Filter (85), set the Density to 25%, and click OK.
21. Create a snapshot
Press shift+cmd/ctrl+opt/alt+E to create a snapshot. Now make the final adjustment. Go to Filter > Camera Raw filter. Set the Exposure to +0.25, Highlights to -30, Clarity: +10 and Saturation: +5, then click OK.
This article originally appeared in issue 152 of Photoshop Creative. Subscribe here.
Related articles:
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
Related articles
- People are still amazed that Toy Story 4's cobwebs were made by AI spiders
- Artist reveals behind-the-scenes work from Unreal Engine 5's stunning MegaLights tech demo
- Warhammer 40,000 Space Marine 2 almost had 100K enemies on screen
- Digital artist Guillermo Flores Pacheco is "very proud" to be the first Mexican artist to design a Adobe Photoshop splash screen