fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

3D Letter Photoshop Tutorial
Tutorials Text Effects 14302 Views May 31st, 2011

From this simple tutorial you will learn how to create a perfect 3D letter in Photoshop. Putting together more 3D letters you will obtain a cool 3D text effect. In just a few simple steps you will transform your boring 2D text into a cool 3D effect. I really hope you find it useful!


Font Family, Font Style and Size

When you want to transform a simple letter into a 3D letter there are some things that you need to take into account. First you need a proper font, simple and without decorations. Usually the handwriting font families, like Amienne, Giddyup, Segoe, etc are not fit for 3D transformation.

I like to set the Font Style to Bold, usually the Normal style is too thin. And of course to obtain a more visible 3D effect you need to work with big font size (70 - 100 px depending on the font family). Between lower-case letter and upper-case letter I prefer to work with the last one. You will see that the 3D effect is much better for upper-case letters.

3D Letter in Photoshop

For 3D transformation we need to work with every single letter and transform it into 3D. So it involves a certain amount of work. For that reason keep your text short. There are two types of letters that need specific treatment: the ones that have only straight corners or angles and the ones with angles and round shapes.

I will start with the "T" letter, so an angle letter. The font is Blackoak with the settings presented below.

Go to Edit, Transform menu and choose Skew from the list. Transform the letter like shown in the image.

Go to Edit, Transform menu and choose Scale from the list. Transform the letter like shown in the image.

Transform The Letter in 3D

Now I will start the 3D process by adding depth to this letter. You can of course change the perspective(vertical for example) of this letter but I prefer this one. Duplicate the T Layer and call it T1 Layer. Change the color for both layers as follows: T Layer #fe4e37 and T1 Layer #ce301b. Move the T1 Layer up like in the image.

With the Pen Tool draw 3 shapes, each in 3 different layers, to complete the 3D transformation.

For Shape 1 simply change the color to #bb2713. Open the Layer Style Window and add Gradient Overlay for Layer 2 and make the following settings.

For Layer 3 add Gradient Overlay with the same settings, the only difference is the Gradient colors and locations.

This is how our 3D letter looks like after adding Gradient Overlay to simulate the shadow/light effect.

The last step is to add the Gradient Overlay to the initial T Layer. The setting are the same except the Gradient map that looks like this:

If you want to make the letter a little high all you have to do is to move the T and T1 Layers as far apart from each other as you want. Then simply move the points to the direction you want, using the Convert Point Tool. You can find this tool in the Pen Tool category. You can see that in this case you have to add two extra shapes Layer 4 and Layer 5. Use Gradient Overlay to obtain a similar result like in the other three layers.

So the number of the layers depends on the depth of the 3D effect. In most of the cases people want high depth so we need seven layers. Now our letter looks pretty good.

If you want to see the exact settings you can download the PSD file for free. Remember that this PSD file is free for personal, non-commercial use only!


If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

1 comment(s) for "3D Letter Photoshop Tutorial"

6:43 AM Monday, November 07, 2011
really nice
Thank you reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create The Mummy movie poster effect in Photoshop. We'll create an evil woman character...
New collection of free water textures that you might want to add to your design resources box. The l...
Learn how to create a fairy pixie dust magic trail in Photoshop using overlay textures, blending tec...
Download our new set of circle brushes which contains 30 circles drawn in Photoshop. Making a circle...

      Painted Wood Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Dispersion with Real Images Photoshop Action