Thursday, October 2, 2008

How to make advanced 3d in Photoshop

Description: In this tutorial I will show you how to create an advanced 3D text using only Photoshop CS2.

Step 1:

First start a new document, The size of the document depends on you on how big your text are going to be.

Step 2:

First go to type tool and type the word you want. In this tutorial I am using my alias ICEMAN. (note: the simple the font the better the result).

Step 3:

Now we need to convert the text so we can transform it, just simple go to Layer->Type->Convert to shape(or just go directly to the layer and right click->convert to shape).

Then to go Edit->transform->Perspective (or press ctrl-T and then right click then Perspective). Just transform until your satisfied with it.

Step 4:

Down CTRL+ALT press the Arrow Key(this duplicates the layer or CTRL+J) move the duplicate on what you want your 3d looks like, I'm move the duplicate in 1 pixel down and 1 pixel right. Do this until you are satisfied with the height of the text and after that, you will get something like this:

Step 5:

Now merge all the duplicate layer together, EXCEPT the top one and the background layer. The result will be like this.

Step 6:

Now apply the layer styles in the second layer (Layer->Layer Styles-> ... ) or just right click the layer and then go to blending options.

Gradient: Opacity 100%

Bevel and Emboss: depth 650%, direction up, size 5%, soften 16%, angle 120

Drop Shadow: opacity 100%, distance 19, spread 0, size 24

Step 7:

Now to the last step experiment on the top layer. I just use gradient then bevel and emboss. and the result is.

Next week i will be teaching you the advanced effect for the 3d text.

10 comments:

Surfer Jerry said...

Good tutorial I'm a newbie to Photoshop. I got a long way to go. thanks for the info!

Icymar "Iceman" Tagimacruz said...

Thanks Jerry, I will post here what I have learn in photoshop so far.

Joey said...

Thank you so much. It's such a great tutorial.

Icymar "Iceman" Tagimacruz said...

Thank you joey.

@_raj said...

hey!.. good one man.. you have posted something very useful for every blogger/designer. Keep blogging such stuff. Good luck.

Icymar "Iceman" Tagimacruz said...

hi @_raj,

Thanks for the appreciation I will share to everyone what I have learn in the past few years.

julian said...

great site ! Useful information

Logo Service said...

That's nice. I got this tutorial very helpful .

Dissertation Writing Services said...

Nice work, This tutorial is very helpful.

hcg said...

It is a very informative and useful post thanks it is good material to read this post increases my knowledge