123456

Photoshop Tutorial : How to Create a 3D Text Using a 2D Design Program

This Awesome Trick Enables You to Add a 3D Appearance to Your 2D TEXT Using Photoshop Cs

Peter R
Step#1:
Create your new design with document size as needed ,
FILE>>NEW " Then add your setting to the file .
My file is 400W*200H with
- Normal monitor resolution 72 pixel/inch
- RGB Colors , " if you need it for print purpose you may need to change the color type to CYMK .
- Transparent Background.

Step#2:
Select your background. " one color background or a gradient background ".
In my case , I will create a gradient background with white and light gray color combined.
- From the toolbox chose the Gradient tool after choosing your foreground color and background .
- Select the first layer in your layers pallet , then with the gradient tool selected move it vertically from up to bottom .

Step#3:
Now select the type tool .
Chose a good font style and color that fit your needs , then start writing your text.

Step#4:
To add a perfect look to the text we will add a gradient effect to it .
- Select the text layer, from the bottom of the layer pallet, Click add a layer style Then select Gradient Overlay
- In the gradient dialog box chose your gradient style ,
" you may select your fore/back ground colors , or just chose one of Photoshop gradient styles stored . You can open them by clicking on the gradient list, Then chose the Scale you may need " Scale of 50% is ideal in our condition ".

Take a look at the attached Photo .

Step#5:
To add the 3D style we need to rasterizing the text layer first .
- Right click on the text layer and click on rasteriz Layer option ,
OR From Layers Menu Click on Rasterize > Rasterize Layer.

Take a look at the attached Photo .

Step#6:
All we need now is to Positioning the text to a 3D perspective direction , Using transform selection .
- select the text layer THEN hit Ctrl+T Or Command+T if you are using Mac , Start moving your text with -8 degree diagonally upward .
- Then add about 10 to 30 degree to move the text in H dimension and around 5 in V dimension .

Take a look at the attached Photo .

Step#7:
Now Duplicate the new text layer ,
- click on the text layer and hit duplicate layer , Or just drag the text layer to the new layer icon on the layer pallet .
- With the duplicated layer selected , Press SHIFT and hit down 2 times . THAT will move the duplicated layer away from the original layer about 20 inches.
- With the duplicated layer still selected , Press ALT + CTRL bottoms then hit the up arrow about 20 times , as you see every hit you make a new layer is created with a shifting distance equals to one pixels .
NOTE : You must keep hitting until you reach the original text ( it's about 17 to 22 hit ).

NOW YOUR 3D TEXT IS READY ... try to add your artistic touch to your design like adding a bevel and emboss to the top text layer " The original one " .

That's my final one.. Take a look, is it cool or what!!
Until next time , have fun .

Published by Peter R

A senior web developer with wide experience in web programming languages like JavaScript, AJAX and CSS. I've a great interest in web technologies and gadgets since collage. Famous for writing How-to guides a...  View profile

1 Comments

Post a Comment
  • Urmasteet12/9/2010

    Is or what an option?

To comment, please sign in to your Yahoo! account, or sign up for a new account.