22 Best Photoshop Text Effect Tutorials

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.

‘Bee Movie’ Text Effect
Metal Text Effect

Really metallic chrome effect.
Grass Text Effect

Cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience.
Leopard ‘X’ Effect
Exploding Text Effect

9 Steps in creating an exploding text.
Reflective Liquid Effect

Realistic text made from water drops.
Slow Shutter Text Effect

Learn how to create this stunning slow shutter text effect using just Photoshop.
Flaming Meteor Text Effect

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

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

Basics of creating polished 3D type using Illustrator and Photoshop.
Fire Burning Text Effect

How to use a photograph of fire to set text to the match.
Text Graffiti
Bling Text Effect

How to make a realistic bling bling gold and diamond text.
Supernatural Text Effect

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

How to add the wow factor to 3D text using Photoshop’s art tools.
Chain Text
Smooth Chrome Text
Starcraft Text

How to create a nice StarCraft style wallpaper.
Advance Glow Effect
Old School Type
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.
Swirl Text

Useful for creating a unique logo for your website.

Sponsors

Posted by hongkiat in Photoshop Tutorials , at 06.11.08

Tags: photoshop, text effects, tutorials, typography

Eli June 11th, 2008

Thanks for the linkage :) Good roundup.

Wing Loon June 11th, 2008

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

Wyman June 11th, 2008

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

Ramy June 11th, 2008

Great post! I like this.

Isn’t number 21 of the iPwnd logo?

KNizam June 11th, 2008

like them all :)

J.Glow June 12th, 2008

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

alisabki June 12th, 2008

soooo good! thanks a lot.

MhawSayar June 13th, 2008

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

Fachia June 13th, 2008

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

maverick June 14th, 2008

awesome text! love the grass effect :D

budzer June 16th, 2008

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

James Kurtz III June 16th, 2008

Grass text = Awesome!

Slim June 23rd, 2008

How fun!

Danny June 24th, 2008

If only I was good at art :(

RJK June 27th, 2008

xlnt font styles…thanx for the links..

Harry June 27th, 2008

Great links ! Keep it up mate

manawphyu June 30th, 2008

Thank you so mach. you post.

GAME2PCEO June 30th, 2008

Wow!!!! it was too nice

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/

KC July 9th, 2008

I saw it first on Smashing Magazine Website….

fisherkiller July 25th, 2008

DEAD LINK!
DEAD LINK!
DEAD LINK!

sandy August 7th, 2008

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

bugbaby August 8th, 2008

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

lodem August 28th, 2008

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

shashisweet September 1st, 2008

Swirl Text

JONxBLAZE September 2nd, 2008

Great list of tutorials. Thanks!

Mike October 3rd, 2008

Hey man, this is just great! Awesome job!

Delhi City India October 27th, 2008

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

Yasser November 5th, 2008

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

Icon November 5th, 2008

Amazing collection. Thanks fro sharing.

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.

Jeremy November 18th, 2008

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

Navdeep November 27th, 2008

Kool collection n effects..

许成城 November 29th, 2008

It’s very nice`~

Neon December 11th, 2008

Amazing artwork, truly fantastic!

Keep it up PSDTuts, you’re going great!

Andrey December 13th, 2008

Great
But I didn’t like the Bling Text Effect

kiran Pawar December 23rd, 2008

EXCELLENT EFFECTS.

Priscila December 25th, 2008

Wow! Thanks for sharing.

jayakumar March 8th, 2009

These all are amazing and useful. Thank U.

digital_pig March 16th, 2009

wow! i like the dragon force text…

Mr.Transporter April 10th, 2009

Nice one

tomZa April 13th, 2009

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

Piyush Agarwal May 3rd, 2009

wat agr8 collection of tutorial it solved my all problem

Dario Gutierez May 22nd, 2009

Awesome list.

09907115568 May 22nd, 2009

realy nice effect i like it…

Rob Wallace May 25th, 2009

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

Vignesh May 28th, 2009

What an effect! Hands off for posting.

Thanks

09163261103 June 29th, 2009

nice effect guys thanks for sharing…

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