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

• RT: @wparchive Birthday Giveaway: 10 Premium Wordpress Themes Free For 10 Lucky Readers. http://bit.ly/dCsErY Pls RT # 6 hours ago
• RT @webdesign_news: Bokeh Effect in Web Design: Showcase, Tutorials and Resources http://bit.ly/9RXDbS # 6 hours ago
• Over 5000 FREE Adobe #Photoshop Brushes http://bit.ly/2roGEN # 15 hours ago
• RT @Designrfix: 115+ Famous Resources for Promote your Design Articles/News http://su.pr/1SLC4N # 17 hours ago
• RT @VandelayDesign: How to Turn Inspiration from Others into Personal Original Works http://bit.ly/aQQlTT # 18 hours ago