How to make a nice 3D text

Hello and welcome to our second tutorial on AREA 1!

In this tutorial I will explain you how to make a nice 3D text in Adobe Photoshop, so let’s get started.

First, create a new file using:
Width: 500 px
Height: 500 px
See Screenshot 1.

Next, select the Text Tool and type your text.
See Screenshot 2.

Right click on the new created text layer and choose Rasterize Type.
See Screenshot 3.
Then go to Edit > Transform > Perspective to start transforming your text.
See Screenshot 4.
While holding the SHIFT key, bring the top-right corner towards the center until you reach Horizontal Skew to 20°. Press accept. See Screenshot 5.

Next, while hold CTRL + ALT press the up arrow around 6-8 times. Now you should have 7 or 9 layers of your text (1 original + 6 or 8 copies). Select the first layer (Layer copy 6 or 8), right click on it and go to Blending Options > Drop Shadow. Change the blend mode to Soft light. See Screenshot 6.

Now let’s go to the second layer (Layer copy 5 or 7, -1 the Layer you used above), right click and go to Blending Options > Gradient Overlay. Add a gradient. See Screenshot 7. Add the same gradient to all the layers, excepting the first one on which we have added Drop Shadow.

Now let’s go to our last layer, the original one, right click and go to Blending Options > Drop Shadow. Change the Blend Mode to Normal and Size to 10. See Screenshot 8.

That’s it! You can do a lot of modifications to it.
Here’s my final result: Screenshot 9.
Hope you’ll enjoy this tutorial! Please leave a comment & thanks for the visit.



You can discuss this tutorial on the forum, click HERE.

Author: Mihai Opariuc - E-mail

My name is Opariuc Mihai, I'm a graphic/web designer from Ploiesti, Romania and I'm the owner of AREA 1. I hope we can share a lot of information, tips&tricks and ideas through this website. Follow me on Twitter @area1.

SHARE ARTICLE: SUBSCRIBE:

RECENT TWEETS

AREA 1 on Twitter

• 8 #Design Elements Your #Blog Should Have - http://su.pr/9aIh2G - (via @smashingshare) # 10 hours ago
• RT @visualswirl 25 Examples of Watercolor Art in Web Design http://su.pr/7DfB6x # 10 hours ago
• RT @richbugger 80 creative examples of logos featuring animals http://tinyurl.com/yahnspr # 10 hours ago
• RT @Minervity: 100 Sources of Blogging Inspiration - http://bit.ly/drOUeD # 10 hours ago
• Interview & Deviant Feature: NeonFlames | Design Juices http://bit.ly/d05kdu # 10 hours ago