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

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.

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

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

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

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.

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


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

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

This is what your text should look like so far:

Head over to the next page to learn how to add a small highlight to your 3D text!
Now we can add a small highlight to the text. Duplicate the top layer and delete the layer style.

Select this new layer and fill it with white (hold down Ctrl while selecting the layer).

With the Rectangular Marquee Tool selected, nudge this selection down and left by 2 pixels.

Making sure your highlighted layer is selected, hit Delete.


Set the Blending Mode of the highlighted layer to Overlay. And there you have it! Faux 3D text.

Here are more examples of different perspectives and styles using the same technique. When you’re duplicating layers for depth, you would hold down Ctrl+Alt as usual, but you may have to select a different directional arrow.



No comments:
Post a Comment