3D Text Tutorial

There is a simple way to simulate faux 3d Text in Photoshop. This technique can be adapted for different perspectives as well.

3D Text

Open a new canvas in Photoshop. Mine was 500×500px. Grab the text tool and type out your text in a large, bold font (I used Impact).

Once you’re happy with your text, we’re going to rasterize this layer so we can transform it. Right-click the layer with the text, and select Rasterize.

3D Text

Now to adjust the perspective. Hold down Ctrl-T to enter into transform mode. Right click the image and select Perspective.

3D Text

Here I grabbed the upper right corner and dragged it downwards to achieve the following effect.

3D Text

To make things easier in the next step, create a new folder. Drag your text layer into this folder.

3D Text

Now we’re going to duplicate the text layer, while nudging it forward one pixel. Hold down Ctrl+Alt, then click the right arrow until you are satisfied with the depth of the text.

3D Text

Drag the top-most layer out from the folder. Select the folder and hold down Ctrl-E to merge all those layers into one.

3D Text

3D Text

Select the top-most layer and apply a Gradient Overlay to it under Blending Options. Here I’ve opted for a subtle green gradient.

3D Text

Select the bottom layer and apply a 3px black Stroke.

3D Text

This is what your text should look like so far:

3D Text

Head over to the next page to learn how to add a small highlight to your 3D text!

Pages: 1 2

5 Responses to “3D Text Tutorial”

  1. How to make a new folder in photoshop

  2. thanks its was of gr8 help

    ke3p up the Go()d work

  3. Great !!! saving time doing this. ow, btw..i set the overlay but the upper text have the same color with text. it dont gradiate. how come? if u write me to my email, i can send the picture if u dont understand. thnx

  4. Yo Frans – I don’t think you entered your email when you wrote this comment, so I can’t contact you. It might be easier if you just send me the psd so I can take a look at it, contact me through my contact page:
    http://mintyferret.com/request-a-tutorial/

  5. Ty for this, been trying to make something like this!

    Here is what I made out of this tutoiral

    http://img356.imageshack.us/my.php?image=anonymtestcopywz0.jpg

Leave a Reply