3D Text in Photoshop

[Master Chief]

Welcome in this tutorial you will learn how to make 3d looking text using photoshop.

 

This can be used in signatures like this one:

 

Start by opening a new photoshop document, I used 200px x 250px.

Then pick 2 colors that match eachother, like dark and light blue, or dark and light green. Take out your gradient tool

and make a nice gradient on the background like this:

 

Now take out your text tool and pick the font you want to use, I prefer to use normal fonts like verdana and arial, in this case I picked arial with a size of 160px and a light green color. For the letter, my advice would be to first start with a simple letter that doesnt have any circular shapes like a V, N or A:

 

Now right click on your text layer and convert it to a vector shape, remmeber you cant change the text after this anymore!

 

Now go to edit > Transform path > Perspective, and drag one of the corners to create something like this.

 

Now duplicate this layer once and change the color of this layer to the dark color you choose during the first step.

Move this layer underneath the original layer.

Now with the dark layer selected, move it a bit to the left/right and up/down (pickup whatever you prefer) using the

arrows on your keyboard. Now you should have something like this:

 

Now take out the pen tool (shortcut: P), and make sure it is set with the following settings, for the color select one

between the dark and the light color from step one:

 

And then make 2 vector shapes that fill the empty spaces in your text like this (or how many you need, depends on the letter):

 

Now your letter should look like this and is finished!

 

 

Extra

Of course you can continue and make your shape even better, a thing I like to do is to select all vector layers, then right click and select merge layers. Now you can add blending options to the shape by going to Layer > Layer style.

I added a drop shadow, bevel and emboss and a gradient overlay:

[Jack]

or you can use c4d: http://en.wikipedia.org/wiki/Cinema_4D

Edited April 24, 2014 by Jack

[Master Chief]

or you can use c4d: http://en.wikipedia.org/wiki/Cinema_4D

True, and I like c4d more. it just depends whether someone wants to get the extra program or not

[zaros784]

Awesome!

[Sex]

Thanks for tut.

[posbot]

thanks for the guide

[Renewdata]

Thanks for guide, will use it. :P

[Designer]

where´s the credits?