3D Text in photoshop Tutorial



Info & Save:

Category:
Photoshop
Date added:
09-08-07
Level:
Beginner/Intermediate
Author:
Celox
Save to:
Delicious   Digg   Stumbleupon

Intro:

This adobe photoshop tutorial will show you on how to make a 3D text effect with photoshop.

Step 1:

Make a new file with 600px width and 300px height, and with #51676b as background color, you can change this when making the new file.

Type in your preferred text, I used a default font so you won't have to download anything making this tutorial, the font I used is "Impact" which is available on all windows installations.

I used color #33515e for the text, I advice you to use the same colors as me to get the same effect, after the tutorial it's wise to experiment with different colors and some minor changes to the effect.

Free photoshop cs2 tutorials - 3D photoshop text

Step 2:

Rasterize the layer, right click text layer in layers window > Rasterize layer. Now we can perspective the layer, without rasterizing we can't do a perspective on text.

> Edit > Transform > perspective, then go to the top right corner box and drag it to the middle top, the effect we want with this is to have a small back and bigger front so it looks more 3d in the end. Also try to drag the other 3 corners if you don't get the similar effect to me which is shown below:

Free photoshop cs2 tutorials - 3D photoshop text

Step 3:

Now we're going to make the base that's going under the the main text layer, the 3d look which we'll see in the end result.

Make sure you got the text layer selected in the layers window, then HOLD alt on your keyboard and press the up arrow on your keyboard 10 times. Holding alt and pressing an arrow key makes a new layer and moves it 1 pixel in this case up.

Right click Layer copy 5 > Blending options // "Layer is the name of the layer, in my case it's Celox."

And change the color overlay to:

Free photoshop cs2 tutorials - 3D photoshop text

Free photoshop cs2 tutorials - 3D photoshop text

Step 4:

Right click Layer copy 10 > Blending options, check Bevel and Emboss, and Color overlay then change the settings below:

Free photoshop cs2 tutorials - 3D photoshop text

Free photoshop cs2 tutorials - 3D photoshop text

Free photoshop cs2 tutorials - 3D photoshop text

Shoutbox
Celox
The brand new site is up and running! There changed a lot around here, so many that I'll be posting a descriptive post on the blog tomorrow Happy I hope you all like the new version's redesign, the new features and what not. There are still some minor bugs those need fixing but I'll get on that in the very near future.
draw_dogs_101
Er... Wierd dogs msg me..
Celox
Hey Hey!
maycute_25
helow to celoxdesign
Celox
Added some new cool text effects, check 'em out! Especially check out the 3D Bulge text effect, it's again one of the best text effect tutorials on the web.
Celox
200 members \o/ let's get drunk! Happy
Celox
I've replied in the critique my graphics thread
Matt
Look at my spider man
Webpoll
Did the site improve with its new update?
Hell yeah!
Nah, I don't think so..
No idea, this is my first time here

Advertisements