Sponsored by the National Association of Photoshop Professionals. Learn More

Text Shape Layers

 

Converting text into shapes allows you to distort the text as you like while retaining straight, clean edges.

Corey Barker

Corey Barker is Executive Producer of PlanetPhotoshop.com and is an Education and Curriculum Developer for the National Association of Photoshop Professionals. Corey has also made numerous appearances on the highly rated podcast, PhotoshopUser TV, and is co-host of Layers TV.

Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • Twitter
  • NewsVine
  • Technorati
  • BlinkList
  • Design Float
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • LinkedIn
  • MySpace
  • Fleck
  • Netvibes

62 Comments

  1. Kyle said on — March 28, 2008 @ 8:27 pm

    Great tutorial! On your next one can you show us how you made the logo for the new design? Also, love the new website layout!

  2. Dani Crisan said on — March 29, 2008 @ 4:33 pm

    coooooooooooooooooooooooooooooooooooooool

  3. Tammy said on — March 31, 2008 @ 8:06 pm

    dang! I wish I had something to use this on! I am just a digital scrapbooker, but you have taught me so much with your excellent tutorials!

  4. Bob Murray said on — April 1, 2008 @ 7:40 am

    I’ll be converting text to shapes from now on.
    As always, Corey’s teaching is excellent.
    This is a great planet to visit often.
    It has a cool atmosphere!

  5. Geeo said on — April 3, 2008 @ 2:07 pm

    How can I download ?

  6. emmanuel said on — April 3, 2008 @ 11:47 pm

    thank you very much i love how you teach

  7. Craig said on — April 4, 2008 @ 8:37 am

    I have been visiting your website for a little over a year. Always great stuff, love your tuts. It is always the small tips like the hold control to drag without snapping. You show me things that I never knew I wanted or thought was possible, in not only PS but AI as well. So thanks a lot, you have no idea how helpful you have been!

  8. remm pangilinan said on — April 5, 2008 @ 10:51 pm

    Thank You so Much!!! I loved your videos! Thanks

  9. Peter said on — April 6, 2008 @ 1:52 pm

    Thank you ! i can use that for my logo’s and websites

  10. Carl said on — April 6, 2008 @ 3:25 pm

    I get an error when i try to convert to shape “error,could not complete your request because the type layer uses a faux bold style”

    What am i doing wrong?

    Please help

  11. marden kurdistani said on — April 6, 2008 @ 4:07 pm

    that is more simple

  12. Eric said on — April 9, 2008 @ 7:06 pm

    Corey rocks!

  13. jin-jin said on — April 10, 2008 @ 9:06 pm

    great illustration!!

  14. Omar said on — April 11, 2008 @ 9:09 am

    just as carl said,,i get the ssame error

    “error,could not complete your request because the type layer uses a faux bold style”
    is there a missing step ?

    please help

  15. Josh said on — April 15, 2008 @ 8:21 am

    I cannot convert to shape. It dosen’t have the option. Even when i control right click. But i am using a non upgraded photoshop.

  16. Nix said on — April 21, 2008 @ 2:51 pm

    For those of you who receive the “faux bold error”. This is because you have enabled faux bold (a setting that fakes a bold style). You can switch it off in the character palette.

    On a related note, it would be awesome if you could show a quick and easy way to extrude text. The way I know are cumbersome and not very fancy, so I am usually forced to make it in actual 3D-programs instead. Thanks for a very useful tutorial, though.

  17. Venkatx5 said on — May 8, 2008 @ 3:00 am

    Cool One. I am getting low Voulme :(

  18. Ezequiel Santiago said on — May 16, 2008 @ 12:54 am

    That was a good one tutorial, simple but very well explained, thank you very much, If help me enough. How can I download ?

  19. Márcio Guerra said on — May 17, 2008 @ 2:00 pm

    Cool video tutorial… I am starting to feel that I wanna buy a new spaceship and fly to this planet! Thank you very much!

    Márcio Guerra

    P.s.- Yet simple, you still amaze me in every single tutorial you make. It really rocks! Thanks

  20. Lukas said on — June 2, 2008 @ 11:58 am

    i just want to ask, im new on ps and i dont know how he selekt the words he writen..

  21. upload said on — June 12, 2008 @ 12:28 pm

    thanks aloooot

    but It`s diefecul expane some thing not under stand

  22. Franky said on — June 14, 2008 @ 4:35 am

    Hi,

    I’ve been looking at our site a few weeks now and tried a few video’s. I’m an absolute NOOB when it comes to Photoshop but with the help of your video’s I’m getting great results !

    Thank you ! This is really a very unique website and I’m recommending you to everyone who want to hear it ;)

  23. Purple Haze said on — June 21, 2008 @ 10:46 pm

    Great illustration, I applycated it on cs2

    thanks a lot :)

  24. Sid said on — June 22, 2008 @ 6:21 pm

    How do you mkae the backround liek your desktop kinda liek the Mac version of Photo shop

  25. wahed said on — July 3, 2008 @ 11:17 am

    thanks a lot it was cool

  26. Rucj said on — July 9, 2008 @ 4:44 pm

    Hey i love this tutorial i think the 3D looks really cool and is very important to graphics these days.

  27. Kevin said on — July 15, 2008 @ 5:03 pm

    uhh, it doesn’t work when i try to highlight both layers

  28. Justin said on — August 18, 2008 @ 10:21 pm

    hey awsome tutorials could u please tell me how im doin? if not, then o well ur probly busy
    ur tuts are the best easyest to follow on the web

    http://i196.photobucket.com/albums/aa132/Moffeia/Moffeia1.jpg

    http://i196.photobucket.com/albums/aa132/Moffeia/Paige.jpg

  29. Asilee said on — August 24, 2008 @ 7:15 pm

    You know I was watching this tutorial yesterday and the movie U-571 came on that night. Talk about ironic.

  30. Tooraj said on — September 19, 2008 @ 8:38 am

    Thanks for the great tutos, is there any possibility to download those?

  31. Impervious said on — September 19, 2008 @ 5:14 pm

    Lovin your Tutorials. But this one has me stumped. When I convert to Shape I get this goofy outline. Why?

    http://www.jordall.net/dezcorps/Projects/GrfX/ConvertToShape.jpg

    Thank you for all your teachings.

  32. Chris said on — September 27, 2008 @ 10:54 pm

    After I duplicate the text layer/flip it and add the layer mask as you have done, when I try to use the gradient tool over the text nothing happens. Help?

  33. joan said on — October 3, 2008 @ 10:57 pm

    coooooool! i love it!

  34. joan p. galanza said on — October 3, 2008 @ 10:58 pm

    how can i download it… pleaseeeee

  35. alex said on — October 14, 2008 @ 5:24 pm

    Is it possible to add gradient to the font for this?

  36. David said on — October 14, 2008 @ 5:33 pm

    i download the font of off dafont.com but im having trouble getting it on photoshop can u plz tell me how to insert the new font into photoshop

  37. jack said on — October 20, 2008 @ 11:35 am

    can u do one for beginners?

  38. lil strap said on — October 21, 2008 @ 12:48 pm

    Thank you for all your teachings.

  39. anttoly said on — November 23, 2008 @ 3:51 am

    Thank you for the tutorial.
    For those who were looking to download this tutorial – you will find an flv file in your Temporary Internet Files folder (use search) after you watched it

  40. katia hoehne said on — December 8, 2008 @ 9:33 am

    Great, i need this, thanks

  41. Henriko said on — December 20, 2008 @ 4:52 pm

    Great one!
    I often been upset on the Distortion-tool when making perspectives :-)

    Thanks!

    /H

  42. 50 Tutorial - 3D In Photoshop Pingback on — December 22, 2008 @ 9:46 am

    [...] Text shape layers [...]

  43. azooz said on — January 22, 2009 @ 8:55 am

    Thanks ……………

  44. mostwanted said on — February 4, 2009 @ 7:44 pm

    my outcome :p
    http://filesend.it/files/2957_eu827/tw.png

  45. Jack said on — February 10, 2009 @ 9:42 am

    I just want to know how to change background and how to put window like that where it says: “3D_letters copy @ 100%”.

  46. balkoboy said on — February 18, 2009 @ 5:36 pm

    Very well tutorial. Lots of smart tips & tricks as well.
    Learned alot from all of your tutorials. great work.

    Best regards form Norway.

  47. ael said on — March 1, 2009 @ 3:56 am

    great job!!!!!……hope 2 see many more like this

    ……tnx

  48. Dirk Smith said on — March 7, 2009 @ 6:10 am

    Hey Corey, you are a FANATASTIC help with my 365day project and teaching me photoshop. Here is my day 96 picture using your tutorial.
    http://www.flickr.com/photos/dereksbeard/3333317677/

  49. muho said on — March 7, 2009 @ 8:13 am

    8| this is great

  50. Charles Kronuer said on — March 8, 2009 @ 6:26 pm

    Amazing stuff. I hope to see you at Photoshop World Boston….09 to thank you personally for your contribution to our art and general understanding of photoshop.

  51. Mike said on — March 8, 2009 @ 6:47 pm

    How come hardly any of these work for me? I’m using exact same program.. I get up to the bit where he does the gradient of the reflection.. It doesn’t work, just stays a solid color even though I do the exact same thing he does. So instead I just change the opacity of the reflection, then I right click on the top word and no option comes up saying ‘distort’? It just has two of my layer names, and then an option ‘Select similar layers’ – I go into distort under the ‘filter’ heading and it just has options like glass, glow, grain etc… Can anyone help?

  52. Art said on — March 31, 2009 @ 4:37 pm

    superb 2.0 type of tutorial. ur too good man :)

  53. Francia said on — April 6, 2009 @ 11:36 pm

    Hallo! Im just trying to see the complet video and it doesnt work… it cuts off in the middle… Am i doing something wrong?

  54. Jake said on — April 9, 2009 @ 8:58 pm

    Great job! Thanks :P

  55. photo retouching said on — April 23, 2009 @ 3:35 am

    This tutorial really helps raise the quality of your titles from bland 2 dimensional to 3D! It is also so useful for such a broad amount of applications, even film editing!

  56. farid said on — April 28, 2009 @ 3:57 am

    hi.how i can free download this movies
    plz help me

    feritupac@yahoo.com

  57. 50 spectacular 3D photoshop tutorials « Online Free Application Software Tips Tools Wallpapers Pingback on — May 15, 2009 @ 9:28 am

    [...] Text shape layers [...]

  58. Dre said on — May 20, 2009 @ 5:12 pm

    Q? What keys takes the place for command/delete in windows?

  59. rSKKK~ said on — June 7, 2009 @ 6:31 pm

    awesome tut<– really good, thanks a lot
    PD: my outcome http://i88.photobucket.com/albums/k197/rioseko/outcomeshapetext.png

  60. Jay said on — June 23, 2009 @ 4:29 am

    When I try to add the gradient, nothing happens. How do I fix that? Great tutorial by the way!

  61. Mary said on — June 28, 2009 @ 6:07 pm

    sooooooooooooooo nice ….thnx

  62. ploey said on — July 6, 2009 @ 7:19 am

    can’t seem to convert my text to shape. it says, “the type layer uses a faux bold style”

    reply asap.. thanks..

RSS feed for comments on this post. TrackBack URI

Leave a comment

Document Your Happy Accidents

Sometimes our best creations happen by pure experimentation and accident. Sitting in front of a Photoshop file, you are 40 History States in, and then it happens…magic! You really want to be able to get back to that moment. To do so, make sure that you turn on the History Log checkbox in the General Preferences (Photoshop>Preferences>General [PC: Edit>Preferences>General]). You can save the information as metadata, as a separate text file, or both!

Read More Tips

Tip of the Day
 
 
Kelby Training