Creating 3D Text Effects

Monday, January 05 2009

In this tutorial, you will learn one of many ways to create a high quality 3D text effect using PhotoShop CS4.

To begin, we will start with a blank canvas and use the text tool to write some text to the document. Make it pretty big, like so:

If you're ever in the market for some great Windows web hosting, try Server Intellect. We have been very pleased with their services and most importantly, technical support.

Next, we want to make duplicates of our text layer, but first, right-click the layer and choose Rasterize Layer. This will make the text no longer editable, so that we can manipulate it as an image. Now make sure you have the layer selected, and press Ctrl+J to duplicate the layer. Then, with the Move tool selected, press the up arrow key once and the right arrow key once, to move the new layer up 1px and to the right 1px. We need to repeat this (duplicating and moving) until we have gotten a good enough shadow, like so (I did this 6 times):

We are using Server Intellect and have found that by far, they are the most friendly, responsive, and knowledgeable support team we've ever dealt with!

Now select all duplicate layers except the one on top by shift-clicking, and then press Ctrl+E to merge. We should now have just 3 layers - the face of the text, the shadow of the text, and then background layer.

If you're looking for a really good web host, try Server Intellect - we found the setup procedure and control panel, very easy to adapt to and their IT team is awesome!

Now we can apply a nice gradient and inner shadow to the face of the text. We do this by either double-clicking the layer, or right-clicking and choosing Blending Options:

We chose Server Intellect for its dedicated servers, for our web hosting. They have managed to handle virtually everything for us, from start to finish. And their customer service is stellar.

And this is what the styles look like on the layer itself:

Finally, we can also add a style to the shadow. Let's add an outer glow and a gradient overlay:

And this is our image after the styles have been applied. Feel free to add more, or try something different.

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

lawrence77 said on 02/19/2009 at 7:35 AM

very cool!


rajee said on 02/03/2010 at 1:34 AM

3d tex effect


pandora jewelry said on 02/07/2010 at 11:47 PM

I appreciate the work you guys put in to make this world a better place for the disabled. Thanks!


Leave a Comment