3D text effect

Adobe Photoshop // 14,957 views Add comments

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.


Free Web Hosting

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.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

18 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

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login