3D text effect

Posted on 12. Jan, 2008 by tutorials007 in Photoshop Tutorials

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.

34 Responses to “3D text effect”

  1. dinesh

    24. Jan, 2008

    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

    25. Jan, 2008

    This DOES NOT WORK!!!

  3. tutorials007

    25. Jan, 2008

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

  4. Helen

    26. Jan, 2008

    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

    26. Jan, 2008

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

  6. ram

    02. Feb, 2008

    hello UR TUTORIAL IS SO NICE KEEP IT UP

  7. shawne

    02. Feb, 2008

    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

    02. Feb, 2008

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

  9. Sundi

    03. Feb, 2008

    Quick and fast tips. Thx

  10. Acellion

    10. Feb, 2008

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

  11. erickia

    13. Feb, 2008

    omg, i hope this work for me

  12. BERNIE

    20. Feb, 2008

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

  13. ramana

    22. Feb, 2008

    excelent tutorials

  14. jamie

    03. Mar, 2008

    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

    03. Mar, 2008

    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

    08. Mar, 2008

    Nice Tutorial! TnX a lot!!!

  17. kruz

    15. Mar, 2008

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

  18. amit

    20. Mar, 2008

    great work keep it up

  19. L

    09. May, 2008

    great!!

  20. CH@RLI!E

    15. May, 2008

    Awesome tutorial! Thanks ;-)

  21. Sandeep

    21. May, 2008

    Very Nice..

  22. Yasin

    04. Jun, 2008

    very good

  23. beginer

    27. Jun, 2008

    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

    27. Jun, 2008

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

  25. shaggy

    01. Jul, 2008

    this tutorial is more useful for fresher

  26. BrutalBaron

    09. Jul, 2008

    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

    14. Jul, 2008

    very nice
    thanks

  28. paul

    04. Aug, 2008

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

  29. cesar

    25. Nov, 2008

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

  30. Silly.

    10. Mar, 2009

    Nice man.

    http://tinypic.com/0Silly0

    Done a few pics :D

  31. vitlis21

    19. Mar, 2009

    THANKS!!!!!!

  32. Salam Aidilfitri « Islamic Artworks by IPIJ Teknologi

    16. Sep, 2009

    [...] 3D text effect [...]

  33. Muhammad Irfan

    09. Dec, 2009

    Thanks but stuck in point # 6 (3D-effect).While doing, my screen rotates instead of text layer , what should I do.
    Early response is highly appreciated.

    Thanks in Advance and Regards
    Muhammad Irfan

  34. Muharrem

    20. Dec, 2009

    waovvv thanks for shared

Leave a Reply

Get Adobe Flash playerPlugin by wpburn.com wordpress themes