In this Psd tutorial, author Ed Lopez will demonstrate how to create an earthy 3D typographic piece using Photoshop’s 3D tools.
If you are looking to take your typography skills to the next level then View Now
- Applications Used: Adobe Photoshop CS5
- Difficulty: Advanced
- Estimated Completion Time: 2h +
- Updated: December 8,2013
Download Source Files
Source files for this tutorial are available to Premium members.
Get a Premium Membership
Final Product What You’ll Be Creating
Detailed Video Instruction
This tutorial includes 10 videos that demonstrate the process of creating this project in detail so that you can better understand the techniques that were used in each step. Below is a clip from one of those videos.
Step 1 – Type the text and make it 3D
OK let’s get started; if you have some knowledge of the 3d tools in PS you know this is very easy, if you don’t, you will find out just that; a very easy thing to do. Let’s open up this nice stock image I have selected for our work.
Now just select the text tool from the tool bar.
Choose a simple medium/light gray color for the text.
I selected this font here, yet if you don’t have it just select some other that is available in your system; I prefer a thick font for this.
For this Helvetica font I selected 110 for the size, yet it varies from font to font.
What you want is a big thick font that almost fills the horizontal space of the canvas as seen here.
Then proceed to the 3D menu and select Repousee- Text Layer.
In the dialog box that appears, select the shape preset shown and adjust the settings indicated. The 3D tools are quite taxing on the equipment, so depending on your system you could have to wait a bit for each step, just be patient.
Now we will also be using the 3D widget that appears on the left top corner of your image. These widget has 3 arrows to control the 3D object in three separate axis, and each arrow has 3 different handles that perform 3 different tasks as indicated here, for rotating, moving, and scaling. Familiarize with these controls so you can go through all the steps with ease.
Now using the widget, reposition the text with a bit of perspective as shown here. That is it we have 3d text that we can work with in a separate layer inside Photoshop.
…and that’s the end of the preview!
View The Tutorials