Posted on Saturday, 12th January 2008 by tutorials007

3dtext250x100.gif

In this tutorial you will learn how to make an beautiful 3D text effect in photoshop.
Use it for your website headers, print design, wallpapers…everything!

1. Make a new document. Use settings like on picture below.

3d_text_1.gif

2. Use Horizontal Type Tool (T) and write something.
I used font Impact, size 60.

3d_text_2.gif
3. In this step we will make a perspective look to our font layer.
We can’t make perspective look untill we convert our font layer to shape.
Go to Layer -> Type -> Convert to shape to convert our text layer to shape.

Now go to Edit -> Transorm -> Perspective.

3d_text_3.gif

Now, hold pressed CTRL + SHIFT + ALT and pull yor top right corner of Perspective box like shown on picture above.
Press Return (Enter) button on your keyboard.

3d_text_4.gif

4. Now our Perspective is added and we can Rasterize this shape.
Go to Layer -> Rasterize -> Shape to rasterize our layer.
5. Copy your text layer. Place your copy below the original text.
Make sure that black is your foreground color and press SHIFT + ALT + BACKSPACE to fill your copy with black.

6. Now, we will add 3D effect.
Make sure that you are on a copy of your text layer.
Press with one hand CTRL + ALT and hold’em down, with other hand keep pressing right arrow.
Press it untill you’re statisfied with your 3D effect

3d_text_5.gif

Allright, we have our 3d effect but we also have a lot of new layers. Don’t worry, now we will mess with them.
7. Hide your original text layer and background layer.
Press SHIFT + CTRL + E to merge visible layers.
Now we have only 3 layers

3d_text_6.gif

That’s it! Your 3D is finished.

Now you can play with it. Add some drop shadow, change colors…

3d_text_9.gif

3d_text_7.gif

3d_text_8.gif

Don’t lose the battle with your text files, keep things in order with a pdf to doc converter. You’ve got better things to do than wrangle with pdf conversion problems, so get the software that can convert pdf to word easily and never worry about document issues again.

Posted in Photoshop Tutorials | Comments (29)



29 Responses to “3D text effect”

  1. dinesh Says:

    hi fren nice tutorial. do u have nay chat id man i lik eto chat with u if u done mind pls mail me
    kumar.life@gmail.com

  2. Photoshop Expert Says:

    This DOES NOT WORK!!!

  3. tutorials007 Says:

    No really?! Oh, thank god you told me! Punk, how did I get the result then. Try to use this as is.

  4. Helen Says:

    I beg to differ!!

    This tutorial is fabulous, well written & very simple to follow, completed in a few minutes & worked 1st time!

    Great work, Thanks!

  5. tutorials007 Says:

    Thank you Helen. I’m glad that you liked it!

  6. ram Says:

    hello UR TUTORIAL IS SO NICE KEEP IT UP

  7. shawne Says:

    This is the place for the awesome tutorializeDDDDDDDDDD!! .. Evrything is done by a minute!! it’s fast and easy!! dont deny it!!! Schools are suck!!

    Well Done!!!
    I’m 25 yrs old but i’m interesting to learn everything!!

  8. tutorials007 Says:

    Thank you Ram & Shawne. I’m glad you liked it!

  9. Sundi Says:

    Quick and fast tips. Thx

  10. Acellion Says:

    Nice tutorial, this method of 3D text is more commonly used in Adobe Illustrator though

  11. erickia Says:

    omg, i hope this work for me

  12. BERNIE Says:

    THANKS FOR BEING THERE, GIVING US NOVICE SOME CHANCE. I APPRECIATE IT A LOT

  13. ramana Says:

    excelent tutorials

  14. jamie Says:

    I had some trouble getting this to work with cs3. When I held down CTRL + ALT and pressed right key the screen kept going black but there was no 3d effect?

  15. Lisa Says:

    I could sit and play with photoshop for hours on end and not be able to work out things like this! Thank you!!

  16. Carl Says:

    Nice Tutorial! TnX a lot!!!

  17. kruz Says:

    Finally, a 3D text tutorial that actually works. Thank you sooooooo much

  18. amit Says:

    great work keep it up

  19. L Says:

    great!!

  20. CH@RLI!E Says:

    Awesome tutorial! Thanks ;-)

  21. Sandeep Says:

    Very Nice..

  22. Yasin Says:

    very good

  23. beginer Says:

    yeah man the screen shifts positions when I did ctrl + alt, dunno that was a cool new tip to learn for windows :D i was lauging so hard (who would read the screen sideways) anyway i will keep playing around til i figure something, props anyway

  24. beginer Says:

    just figured it out it is not ctrl + alt, I think it is shift + alt on step 6, sweet!

  25. shaggy Says:

    this tutorial is more useful for fresher

  26. BrutalBaron Says:

    im a beginner with photshop, and i’d love to learn more bout the stuff. this is diffcult for me, but ima try and try again, till i get something out of it

  27. kombi Says:

    very nice
    thanks

  28. paul Says:

    i am one of the beginner photoshop. it’s very much useful for me. Thanks Lot….

  29. cesar Says:

    Thanks so much, this is the first Photoshop tutorial that has actually worked for me.
    Thanks!!!

Leave a Reply