Quick and Easy 3D Text
User Rating: / 21
PoorBest 
Tutorials - Photoshop

Step 1:
First things first, create a new document, make it any size you wish. For this tutorial i will make a small 200px x 200px.
Select your Type Tool(T), click on the background and type in your text. I just wrote "3D". Dont worry about colours at this stage. And ensure that the text is NOT in bold.


Step 2:
Now its time to prepare your text for transformation. Since we want to keep the text crisp, and want the ability to possible change the size later on, we will convert it to a shape.
Go to Layer > Type > Convert to shape. Now the text is a vector shape and is ready to be transformed.

Step 3:
Make sure your text layer is highlighted. Go to Edit > Transform > Perspective. Click and drag the top left hand anchor point and pull it towards the right, drag it untill you get the perspective that you're after. I dragged the anchor point across untill my horizonal skew value reached 20º.


Step 4:
This is the step where we add our colour to the text. Right click on your text layer, and click on Blending Options. Use these settings:




It should look something like this:

Feel free to change the colours to match what you're after. These colours are just for example.

Step 5:
And now for the 3D business. Make sure your text layer is highlighted again. Now hold CTRL + ALT, while holding down those two keys tap the up arrow key. As you can see the layer is duplicated and moved up one pixel. Repeat this to achieve the hight that you are after.


Step 6:
A few finishing touches, to make it look a little better.
Right click on the very top later and select Blending options. Apply these drop shadow settings:

NOTE: Ensure that you have Global light deselected first!


And this is it:


Step 7:
And a little effect on the bottom layer. Right click on the very bottom text layer (not the background, the last text layer). Select blending options, and apply these shadow settings:


And here is your final result!




I hope you enjoyed that, and took something away from it.

 

< Prev   Next >
 

Comments  

  1. #15 Jesse
    2010-01-2216:41:38
    Step 5. All I have too do is to repeated all the previous move layer until it form shape like 3D form because I have six layers repeatedly for the height that is what you mean.

    Step 7, Mine is different. First, My idea is to click all the 6 repeated layers (mine) except the last white background as my layer 1. I have to right click and choose merge layers so the result it turns into layer 2 which has no color/transparent and my layer 1/last layer is white then I apply the blending which found on the layer style picture in step 7.

    The instruction is very confusing and hard to figure it out what to do next. So I decided make my own way. My 3D form is left side instead right side to be reversed.

    Please reply to me
  2. #14 huong
    2009-06-2304:11:01
    toi muon nhan file nay
  3. #13 jykke
    2009-05-2504:15:27
    Very good! Easy tutorial and the final result was great!
  4. #12 Dewald Hein
    2009-04-0116:02:33
    Quoting Tonestar:
    EXCELLENT TUTORIAL MAN…Better than the others trying to get me to duplicate the regular way. Good job man.

    Thanks for the nice comment Tonestar
    I'm curious about this duplicating the "regular" way. I always go with the easiest and most logical ways, haha.
  5. #11 Tonestar
    2009-04-0103:12:28
    EXCELLENT TUTORIAL MAN…Better than the others trying to get me to duplicate the regular way. Good job man.
  6. #10 Ilir
    2009-02-2306:16:41
    WooW very nice one.
    I wrote "NYC"
    and i like it, thanks
  7. #9 Dewald Hein
    2009-02-2222:56:18
    Quoting ehmilee:
    i can't get the ctrl + alt tap up arrow thing.. i did the right thing, but i have no idea why it wont work on my cpu. can someone help me?

    Make sure that you have the move tool selected. Press 'v'.
    Let me know if that doesnt work =)
  8. #8 ehmilee
    2009-02-2213:01:03
    i can't get the ctrl + alt tap up arrow thing.. i did the right thing, but i have no idea why it wont work on my cpu. can someone help me?
  9. #7 Usi
    2009-02-2001:03:35
    I want download psd file …
  10. #6 pasha
    2009-01-0316:39:56
    hi pasha

Add comment

:D:lol::-);-)8):-|:-*:oops::sad::cry::o:-?:-x:eek::zzz:P:roll::sigh:


Security code
Refresh