22 Best Photoshop Text Effect Tutorials

Advertisement


Don't miss any article. Subscribe to RSS feed, or follow us in Twitter

Typography means a lot in any medium kind of presentation. Whether it’s a logo, banner or just a title; being able to inject creativity into it not only help in delivering the message across, it also leaves solid impression on the viewer. Good typography design is not easy, or should I say getting the type match and speaks for the product is often a very challenging job.

Here are some of the best Photoshop text effects tutorials on the web, and as usual it’s the creativity that counts. Full content after jump.

  1. ‘Bee Movie’ Text Effect

  2. Metal Text Effect

    Really metallic chrome effect.

  3. Grass Text Effect

    Cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience.

  4. Leopard ‘X’ Effect

  5. Exploding Text Effect

    9 Steps in creating an exploding text.

  6. Reflective Liquid Effect

    Realistic text made from water drops.

  7. Slow Shutter Text Effect

    Learn how to create this stunning slow shutter text effect using just Photoshop.

  8. Flaming Meteor Text Effect

    Take typography one step further by having text falling from the sky in a burning inferno.

  9. Smooth Glass Effect

    Nice looking translucent glass type that’ll work great on any background, made completely with layer styles.

  10. Soft Stylized 3D Type

    Basics of creating polished 3D type using Illustrator and Photoshop.

  11. Fire Burning Text Effect

    How to use a photograph of fire to set text to the match.

  12. Text Graffiti

  13. Bling Text Effect

    How to make a realistic bling bling gold and diamond text.

  14. Supernatural Text Effect

    Creating a smoky night effect on text to give it an eerie supernatural sort of feel.

  15. 3D Typographic Effects

    How to add the wow factor to 3D text using Photoshop’s art tools.

  16. Chain Text

  17. Smooth Chrome Text

  18. Starcraft Text

    How to create a nice StarCraft style wallpaper.

  19. Advance Glow Effect

  20. Old School Type

  21. Grunge Rubber Stamp

    Simple method to create grunge brushes, and to detail how these brushes can be used to reproduce realism in our rubber-stamped logos.

  22. Swirl Text

    Useful for creating a unique logo for your website.

Related Contents

Sponsors

Posted by hongkiat in Photoshop Tutorials , at 06.11.08

Tags: , , ,

Comments

  1. Eli June 11th, 2008

    Thanks for the linkage :) Good roundup.

    Reply
  2. Wing Loon June 11th, 2008

    I am using the Grass Text Effect wallpaper for a week now. Looks cool on my desktop wallpaper.

    Reply
  3. Wyman June 11th, 2008

    Agreed! They are indeed good font style. Great list!

    Reply
  4. Ramy June 11th, 2008

    Great post! I like this.

    Isn’t number 21 of the iPwnd logo?

    Reply
  5. KNizam June 11th, 2008

    like them all :)

    Reply
  6. J.Glow June 12th, 2008

    Wow! What a great collection of tutorials! Thank you for sharing, this will be so useful!

    Reply
  7. alisabki June 12th, 2008

    soooo good! thanks a lot.

    Reply
  8. MhawSayar June 13th, 2008

    Great collection! Really stunning!
    Thank you indeed! :)

    Reply
  9. Fachia June 13th, 2008

    Nice complete compilation. And all of them are good design tricks

    Reply
  10. maverick June 14th, 2008

    awesome text! love the grass effect :D

    Reply
  11. budzer June 16th, 2008

    Wow!, they’re really cool text effect. thanks

    Reply
  12. James Kurtz III June 16th, 2008

    Grass text = Awesome!

    Reply
  13. Slim June 23rd, 2008

    How fun!

    Reply
  14. Danny June 24th, 2008

    If only I was good at art :(

    Reply
  15. RJK June 27th, 2008

    xlnt font styles…thanx for the links..

    Reply
  16. Harry June 27th, 2008

    Great links ! Keep it up mate

    Reply
  17. manawphyu June 30th, 2008

    Thank you so mach. you post.

    Reply
  18. GAME2PCEO June 30th, 2008

    Wow!!!! it was too nice

    Reply
  19. Geoserv July 4th, 2008

    STUMBLED!

    I am trying to learn PS, and will definitely enjoy these.

    VOTED for this post at:
    http://www.newsdots.com/design/22-best-photoshop-text-effect-tutorials/

    Reply
  20. KC July 9th, 2008

    I saw it first on Smashing Magazine Website….

    Reply
  21. fisherkiller July 25th, 2008

    DEAD LINK!
    DEAD LINK!
    DEAD LINK!

    Reply
  22. sandy August 7th, 2008

    wow amazing posts, this is what i need. i’v been searching this tutorials. thanks for great photoshop effect

    Reply
  23. bugbaby August 8th, 2008

    I already add this to my web :D, and still hard to learn and try it for my self :(

    Reply
  24. lodem August 28th, 2008

    thanks a lot guys…
    i learned more in photoshop…
    GOD bless……

    Reply
  25. shashisweet September 1st, 2008

    Swirl Text

    Reply
  26. JONxBLAZE September 2nd, 2008

    Great list of tutorials. Thanks!

    Reply
  27. Mike October 3rd, 2008

    Hey man, this is just great! Awesome job!

    Reply
  28. Delhi City India October 27th, 2008

    Great Job, tutorial is very nice……….thanks

    Reply
  29. Yasser November 5th, 2008

    wow, so usefull effects and in same time so easy, thanks

    Reply
  30. Icon November 5th, 2008

    Amazing collection. Thanks fro sharing.

    Reply
  31. jeff November 13th, 2008

    I really liked the metallic “s” so I checked out the tutorial and I must say in terms of description it has to be the worst ps tutorial I’ve ever seen.

    Reply
  32. Jeremy November 18th, 2008

    These are not very well understood and i don’t get it because im a newer photoshop user

    Reply
  33. Navdeep November 27th, 2008

    Kool collection n effects..

    Reply
  34. 许成城 November 29th, 2008

    It’s very nice`~

    Reply
  35. Neon December 11th, 2008

    Amazing artwork, truly fantastic!

    Keep it up PSDTuts, you’re going great!

    Reply
  36. Andrey December 13th, 2008

    Great
    But I didn’t like the Bling Text Effect

    Reply
  37. kiran Pawar December 23rd, 2008

    EXCELLENT EFFECTS.

    Reply
  38. Priscila December 25th, 2008

    Wow! Thanks for sharing.

    Reply
  39. jayakumar March 8th, 2009

    These all are amazing and useful. Thank U.

    Reply
  40. digital_pig March 16th, 2009

    wow! i like the dragon force text…

    Reply
  41. Mr.Transporter April 10th, 2009

    Nice one

    Reply
  42. tomZa April 13th, 2009

    big up, much respect, learned a lot from this site, respect keep it up

    Reply
  43. Piyush Agarwal May 3rd, 2009

    wat agr8 collection of tutorial it solved my all problem

    Reply
  44. Dario Gutierez May 22nd, 2009

    Awesome list.

    Reply
  45. 09907115568 May 22nd, 2009

    realy nice effect i like it…

    Reply
  46. Rob Wallace May 25th, 2009

    Can’t find a website banner concept — thank you for saving my butt. Swirl text rocks.

    Reply
  47. Vignesh May 28th, 2009

    What an effect! Hands off for posting.

    Thanks

    Reply
  48. 09163261103 June 29th, 2009

    nice effect guys thanks for sharing…

    Reply
  49. Hursh July 18th, 2009

    Amazing Book “Understanding Post-Processing – The Tutorial”, very well written, nice thought process and simply enjoyable. Look at
    http://mitchellkphotos.com/ebook.html

    Reply
  50. kelinci July 18th, 2009

    Your blog really fantastic. Thanks.

    Reply
  51. glaiza July 30th, 2009

    Good Works! Kip it up guys.Thanks =) Lol

    Reply
  52. Avery August 6th, 2009

    Good looking tutorials,thank you for sharing.

    Reply
  53. Luiz August 8th, 2009

    muito legal os efeitos fiquei até com vontade de aprender a utilizar o photoshop.

    Reply
  54. Turan August 10th, 2009

    Thanks gerat sharing, Turkish tutorial Logo text effects tutorial.

    http://bestpstutorials-tr.blogspot.com/2009/08/logo-text-effects-v1.html

    Reply
  55. HariesDesign.com August 21st, 2009

    Great information

    Reply
  56. Kir August 23rd, 2009

  57. Kir August 23rd, 2009

  58. Bill August 23rd, 2009

  59. majik August 24th, 2009

    very good text effect thanks

    Reply
  60. free style September 4th, 2009

    cool text

    Reply
  61. hunter_hunted September 11th, 2009

    Yo dog im in love with ur posts these are awesome
    im really hunted by ur posts

    Reply
  62. Samreen September 13th, 2009

    I have never seen such a systematic,elaborate,well thought and useful site on texts.Thanks a Lot!

    Reply
  63. http://game4home.com September 22nd, 2009

    nice effect

    Reply
  64. http://www.game4barbie.com October 12th, 2009

    yes nice effect

    Reply

Trackbacks

  1. Los 22 mejores tutoriales sobre efectos en texto » Cosas sencillas
  2. Los mejores 22 tutoriales de photoshop para tipografías «
  3. Los mejores tutoriales para efectos de texto en Photoshop | Siguiendo la estela
  4. 22 Best Photoshop Text Effect Tutorials | WhiteSandsDigital.com
  5. PHOTOSHOP, photoshop fırçası, photoshop yazı, photoshopda yazı » 22 PHOTOSHOP YAZI EFFECTI » Elektroseyir
  6. 22 tutoriales photoshop efecto sobre texto | Codigo Geek
  7. 22 Best Photoshop Text Effect Tutorials | kotahi.net - technology news
  8. CosaArnada » Blog Archive » Compilation of 22 Best Photoshop Text Effect Tutorials
  9. vBharat » 22 Best Photoshop Text Effect Tutorials
  10. sastgroup.com » Blog Archive » 22 bellissimi tutorials Photoshop di effetti su testo
  11. ____________________{. Agent NO.2 .}_____Blog : 别让时间在指尖流走 » Blog Archive » { Fonts } 22款华丽字体设计教程 [摘]
  12. Top Stumbles - Best of StumbleUpon
  13. Photoshop için en iyi 22 yazı efekti » Sadece Bir Blog
  14. 22 Best Photoshop Text Effect Tutorials | Technically Personal!
  15. 40+ Hand-picked Photoshop Icon Designs [Photoshop Tutorials]
  16. bugbaby_ » Photoshop Text Effect
  17. 天藍色 the color of blue sky » 50+ Nice Clean CSS Tab-Based Navigation Scripts
  18. 23 Tutoriales Photoshop para dar Efecto al Texto » El Blog de Nebel
  19. 50+ Nice Clean CSS Tab-Based Navigation Scripts | Web Tricks
  20. 50+ Great Photoshop Text Effect Tutorials, Part II | Photoshop Tutorial
  21. Tutorial:Photoshop Text Effect | DiGiSource
  22. 50+22 tutoriales de efectos de texo « Alvaro Bernal Blog Oficial
  23. Efectos de texto en Photoshop | Isopixel
  24. 10个PhotoShop文本特效 | 帕兰映像
  25. 40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial
  26. Articles in Hongkiat.com | Readers Questions and Related | Blogosphere
  27. Photoshop tutorials | Blog om webudvikling
  28. 40+ Greatest Web Interface Design Photoshop Tutorials, Part I | Photoshop Tutorials
  29. Text « Truuke Tikker
  30. Kedai Gambar Ku | KGK // Just another WordPress weblog
  31. 70 Wonderful 3D Typography That Truely Inspires | Inspiration
  32. 【デザイン】 70 Wonderful 3D Typography « MO2
  33. Over 70 Astonishing Photoshop Text Effect Tutorials for free | PalSoftwares And Technology
  34. 110+ Awesome Resources for Popular Adobe Products | Spoonfed Design
  35. Haftalık Derleme #2 {onlayn.org}
  36. 70+ odličnih Photoshop tekst efekata | Kroativ
  37. Photoshop Text Effect Sites - AC Web
  38. 克兰印象 » 10个PhotoShop文本特效
  39. Beautiful post introduction images: examples and Photoshop tutorial
  40. 22 geniales tutoriales de Photoshop para dar formato al texto - LimiteNet.com
  41. 50+ Great Photoshop Text Effect Tutorials, Part II | DAWG FILE
  42. 40 Cool Abstract and Background Photoshop Tutorials « Resources For Designers
  43. Photoshop Tutorial Collections « sishimaru
  44. * 31 Aug 300+ Resources to Help You Become a Photoshop Expert - partytow for all
  45. 300 more Resources to Help You Become a Photoshop Expert - tutsmore
  46. 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Photoshop Tutorials
  47. 300+ Resources to Help You Become a Photoshop Expert | huibit05.com
  48. 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Download E-Books Free Video Training Courses Softwares
  49. Buenísimos tutoriales photoshop para textos GRATIS !!! « Blog de Diseño Web
  50. ¡Hei pwantso! » 20090929
  51. 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Programming Blog
  52. 22 Best Photoshop Text Effect Tutorials | Photoshop Tutorials | My Web Development Bookmarks
  53. معرفی 300 مرجع کامل فتوشاپ | www.coreldesign.com

Leave a reply