30 Beautiful Photoshop Text Effect Tutorials

Sep 9 2008 by Jacob Gube | 169 Comments

There are thousands of Photoshop tutorials out there, but few that are top-notch in terms of instructions, presentation – and of course – outcome. In this post, you’ll find 30 beautiful, high-quality Adobe Photoshop tutorials from top tutorial sites and designers like PSDTUTS, PSHERO, and Abduzeedo.

1. Create a Spectacular Grass Text Effect

Create a Spectacular Grass Text Effect - screen shot.

Use the Pen Tool and a lot of patience to create this excellent grass effect.

2. Create a Layered Glowing Text Effect

Create a Layered Glowing Text Effect - screen shot.

This beginner-level tutorial allows you to create text that glows.

3. Using Light and Shade to Bring Text to Life

Using Light and Shade to Bring Text to Life - screen shot.

Learn about the concepts behind lighting and shading to make your text stand out.

4. Transparent Glass Lettering

Transparent Glass Lettering - screen shot.

This is PSDTUT’s rendition of the popular glass text effect.

5. How To Create A Gold Text Effect

How to Create A Gold Text Effect - screen shot.

A classic text effect that rarely turns out classy (instead of gaudy and cheesy).

6. Icey Styles

Icey Styles - screen shot.

Uses some basic Layer Styles like Bevel and Emboss to create a cold text effect.

7. Dramatic Text on Fire Effect

Dramatic Text on Fire Effect - screen shot.

Set your text on fire with the Smudge Tool and some layer masking.

8. Wood Inlay Text

Wood Inlay Text - screens hot.

Using wood textures and some layer masks, you can create this "wooden inlay" effect.

9. Watercolor Text

Watercolor Text - screen shot.

Learn about the Brushes Palette to achieve a water-color painting effect.

10. The Sugar Bag Effect

The Sugar Bag Effect - screen shot.

Find out how to create this "Sugar Bag" effect using basic Layer Styles and selections.

11. Text In Stitches

Text In Stitches - screen shot.

This tutorial shows you how to create an stiched effect using a custom brush set.

12. Text Ticker

Text Ticker - screen shot.

Mimic the text that you commonly see in "news tickers".

13. Cartoon/Comic-Style Text Effect

Cartoon/Comic-Style Text Effect - screen shot.

This is PhotoshopStar’s rendition of this popular pop-culture text effect.

14. ‘Bee Movie’ Text Effect

Bee Movie Text Effect - screen shot.

Use a load of Layer Styles to create this text effect seen in the film "Bee Movie".

15. Simple, Sleek and Stylish Text Effect

Simple, Sleek and Stylish Text Effect - screen shot.

Create a quick and sleek "Web 2.0" feel with this easy Photoshop tutorial.

16. Smooth Glass Type

Smooth Glass Type - screen shot.

Learn how to create a translucent text effect.

17. Moon Shine Text Effect

Moon Shine Text Effect - screen shot.

Quickly create this "dreamy" text effect using some basic Layer Styles.

18. Colorful Glowing Text Effect

Colorful Glowing Text Effect - screen shot.

Create this layered, glowing effect by separating the text in individual layers and a white to transparent gradient layer to get this cool, colorful glowing text effect.

19. Bubble Text

Bubble Text - screen shot.

This is another quick tutorial on how to make this text effect using layer styles.

20. Killer Halftone Effect

Killer Halftone Effect - screen shot.

This tutorial shows a way to apply the halftone effect to the background of your text.

21. Text on Turf

Text on Turf - screen shot.

This tutorial uses the Noise Filter to create the grass-like texture.

22. Spray Paint Text

Spray Paint Text - screen shot.

Create your own digital grafitti by following this excellent tutorial from PSD Learning.

23. Scanline Text

Scanline Text - screen shot.

This is PSD Learning’s beautiful take on the relatively "old-school" scan line technique.

24. Retro Text

Retro Text - screen shot.

This tutorial uses both Photoshop and Illustrator to create a retro look.

25. Grunge Text Effect

Spectacular Style Text Effect - screen shot.

This tutorial from psdfan shows you how you can apply this popular effect on text.

26. Pimp your text

Grunge Text Effect - screen shot.

Can’t afford real bling-bling? Make some digital ones with this quick tutorial.

27. Paint Effect

Pimp your text - screen shot.

UBL Designes shows us how to accent text as though you splattered paint on it.

28. Spectacular Style Text Effect

Paint Effect - screen shot.

Create a 3D text effect by duplicating layers and offsetting each layer.

29. Shining Neon Text Effect

Shining Neon Text Effect - screen shot.

Create a colorful neon text effect by using a Gradient Overlay and a few Layer Styles.

30. Super Cool Frilly Bits Typography

Super Cool Frilly Bits Typography - screen shot.

Uses vector files to accent your text to achieve a similar look as the sample.

Show it off!

If you use one of these tutorials – we’d love to see your work – post it online and link to it in the comments. If you don’t have a server, you can use one of the many image hosting services like Flickr or even ImageShack.

(Possibly) Related Posts

169 Comments

Ross

September 9th, 2008

Hey, thanks for featuring 3 of my tutorials, great list!

Janko

September 9th, 2008

Nice collection, I haven’t seen them all

Rudy Herman Sinen

September 9th, 2008

Amazingly creative.
I like the Grass effect, stitches and the cute Bee Movie.

Marco

September 10th, 2008

Thanks for sharing! Too bad none of my tutorials got selected :( .

Check one of them here:
http://www.marcofolio.net/photoshop/stunning_neon_light_3d_typography.html

Keep up the great work!

Free Apple Gear

September 10th, 2008

Wow. This stuff is amazing. I’ll have to give these effects a try.

Marilu

September 10th, 2008

Thank you so much guys, these are great tutorials and referrals for others. Now, all I have to do is find the e-mail addresses of all my boring typography professors I had in Art school…lol

Marilu

September 10th, 2008

Even if by a miracle, I do hope the boring professors see this post, lol.

techborneo.com

September 10th, 2008

Wow! this tutorial really cool! i love and being as a tech person who work on many things with Photoshop i just love this one. You guys rock!

i will try this one..

Krazd

September 10th, 2008

beautiful tutorials! dugg!

mahsyar90

September 10th, 2008

wow!its great!
i have to bookmark this! lol

ilyas TEKER

September 10th, 2008

Great..

thanks for sharing

Niyaz

September 10th, 2008

Thanks for the great list….

Synergy Designs

September 10th, 2008

Great collection. I just started using Photoshop and these tutorials will sure point me in the right direction.

starry

September 10th, 2008

Awesome list of text effects! I love messing around with photoshop! My favorite software. Thanks for the nice list.

Mr.Mikey

September 10th, 2008

These look FANTASTIC, and I’m about to design a new logo / header. What can I say? It’s pretty damn perfect!

ResonantFish

September 10th, 2008

#13 – You forget to mention that for all of these, you should SPELL THE WORDS CORRECTLY!

Photoshostar?!?

bangbouh

September 10th, 2008

Great collection. thanks!

Tom Ross

September 10th, 2008

Thanks for featuring one of my tuts. Great list!

erichansa

September 10th, 2008

The “fire” font is impressive

bauty

September 10th, 2008

increibles… mil gracias !!!!! keep up the good (awesome) work!!!!!

josh

September 10th, 2008

Im liken these pixs

Dave Whittle

September 10th, 2008

Dynamite collection – thanks for finding the quality effects and putting them all in one place.

IhateDesign

September 10th, 2008

Pretty amazing, its just what im looking for for teaching photoshop to my sister

sampat

September 10th, 2008

really good. now i am able to do all this.thanks

ida

September 11th, 2008

Hei.It is fantastic pictures.A person who create it must be smart.

Craig

September 12th, 2008

Don’t bother with the smooth glass type…it’s trashed

Paul Sanderson

September 12th, 2008

I need your help…

in feb this year i started this http://www.wscoop.com its a resource for developers and designers.

But I need help

I need links to web design and development, site , articles links…… anything you think of….

Please are you able to help me make this into a great resource for developers and designers.

Ernest Asante

September 13th, 2008

I want some of your free tutorials how do I get them. I am a graphic designer.

Jacob Gube

September 13th, 2008

jose: Awesome, I’m assuming you tried the Smooth Glass Type tutorial from Luxa (#16 on the list)?

sandi

September 14th, 2008

Noo too amazing. But it’s so nice…

Mobility Creative

September 15th, 2008

Plenty of good tutorials here. Will have to look at them when I get a chance to and even try some out and see what I come up with. It’s always good to see some good tutorials. Thanks for the links.

Rob

September 23rd, 2008

Thanks for all of this. I now just have to find the time to master the effects. I guess one a week would be a good start.

cheers
Rob

Diane

September 23rd, 2008

Love this resource and will use it often. I’ve already used #18 for a church announcement for our youth retreat. I have it on the announcements slideshow on the front page of our site at http://www.fumcunioncounty.org. Thank you for organizing these tutorials for us.

Anthony

September 25th, 2008

thats awesome i thought i was good at photoshop. your great. check out my work if you want

Tanya

September 30th, 2008

Gorgeous tuts! Thank u!!

Jarkendia

October 4th, 2008

Sweet! Thanks ;)

gosk2001

October 22nd, 2008

really thanks about that

30 efectos de texto en Photoshop (Tutorial)

November 9th, 2008

[...recopilados en 30 espectaculares efectos de texto en Photoshop...]

Leo

November 25th, 2008

Great. Not all, but thera are many nice example.

Pixelwiese

December 9th, 2008

Wow,
most of them are really good.
Thanks!

J

December 16th, 2008

This is really something i was looking a long time ago!!

Waqar

March 9th, 2009

Here Is My Work With The Help Of This Tut….

http://img183.imageshack.us/img183/4440/bubblestylepreview.jpg

Thankx

Nityananda

March 13th, 2009

I Agree this ia a Fabulous Brash

dmx87

May 4th, 2009

Thanks for featuring……..the quality effects and putting them all in one place.

Rose

May 21st, 2009

I love the first one “EARTH”. “FIRE” also nice. :-)

Rob Wallace

May 24th, 2009

Thanks — my new logo is Vcool Transparent Glass lettering is working.

james

June 8th, 2009

nice list
here is best text ,3d text,and Typographic text Photoshop Tutorial
http://www.photoshopwebsite.com/photoshop-tutorials/90-awesome-text-effect-tutorials-in-photoshop-part-ii-2/

suog

June 9th, 2009

better if aall the tutorial is in PDF format

Arun

June 26th, 2009

It is very useful. keep the creativity

asha

July 14th, 2009

very nice text effects

Ashely Adams

July 23rd, 2009

These tutorials are an excellent way of learning useful Photoshop text effects. Some of them unleash the real power of Photoshop. I liked the “Transparent Glass Lettering” and the “Moon Shine Text Effect” very much and the accompanying tutorials showed me everything I needed to know. Thanks a lot for the post.

Marc Bohlen

September 3rd, 2009

Nice collection, my favorites are Moon Shine Text Effect and Smooth Glass Type

nadeem ullah

September 5th, 2009

better if aall the tutorial is in PDF format

Said Abdullah

October 3rd, 2009

It is very useful go a head
There is an other resource like that in this site:
http://www.ebooks.allnewthings.com

awang

November 1st, 2009

nice tutorials

Patrick Amrhein

November 2nd, 2009

Wow! What a great collection …

Borat

November 5th, 2009

I LIKE…

kate

November 6th, 2009

this is crazyyyyyyyyyyyyy

ben

December 8th, 2009

woww!!!! great collection! i LOVE them…very nice!!!!

taylor

December 14th, 2009

nice thanks for the asome tuts!!!!!

Isaac

December 23rd, 2009

Thanks a million! Now I can create a header for my site with an elegant text myself.

Th3 L3g3nd

December 30th, 2009

Thanks Kyle Pero i reallly loved your work thanks thanks to all of you hope you make more and diiferent

shani khan

December 31st, 2009

very beutifull style its good and i hope God give u more idias and you creat more new style.thanks

sourabh Raghuwnahi

January 12th, 2010

These tutorials are an excellent way of learning useful Photoshop text effects. Some of them unleash the real power of Photoshop. I liked the “Transparent Glass Lettering” and the “Moon Shine Text Effect” very much and the accompanying tutorials showed me everything I needed to know. Thanks a lot for the post.

joe

February 3rd, 2010

i almost peed myself! Great tut’s

anupama

February 5th, 2010

wow its amezing & very niceeeeeeeeeeeeeeeeeeeeeee

poperechny

March 10th, 2010

Thanks! Great article!

malyarov

March 16th, 2010

Very nice effects!

mironovpoet

March 20th, 2010

Nice post! Thanks a lot!

inutina

March 22nd, 2010

Very well! Good luck!

dvaberega

March 23rd, 2010

Very nice tutorials!

Dipashri

March 24th, 2010

its very cool & it is always helps me. thank u so much.

travias

March 27th, 2010

Very nice!!! Thanks!

drummer

March 28th, 2010

Cooool! Thanks!

golubkova

March 29th, 2010

Best site! Thanks!

bharathi

March 30th, 2010

wawwwwwwwwwwwwww, superb and cool , thanks

Boris

March 30th, 2010

It is helps me. Thanks!

rukami

April 1st, 2010

Great articles!

Nageldesign

April 3rd, 2010

Great stuff guys! I really don’t know how much time it takes for your guys to compile such a list of excellent resources but it takes a lot of time for me to digest it all! Keep up the good work! Thank you!

KUNAL

April 6th, 2010

NICEEEEEEEEEEE

The N

April 9th, 2010

cool tutorials!

PSDDude

April 12th, 2010

Wow ! Very nice text effects ! Really different and beautiful !

joochon

April 13th, 2010

thank you so much
it’s a wonderful, verrrrry useful guide.!!!

Strony Szczecin

April 28th, 2010

Very nice pack text-effects. Thx.

Debaru Paul

May 3rd, 2010

great!!!!!

IWT

May 7th, 2010

I need to thank you for the sharing awesome collection

abhimanyu malhotra

May 13th, 2010

i want the photoshop lighting effects

Preeti

May 14th, 2010

very nice text effect

Arshad Cini

May 14th, 2010

Yesterday i created similar one like ”Text In Stitches”

Thanks for putting them together

fred

May 18th, 2010

Thanks for this list

The grass effect is GREAT !! :D

Caillou

May 19th, 2010

Thank for share ! Great design :D

Badhusha

May 20th, 2010

Nice but Same Effects not workout

chepzs

May 20th, 2010

nice work!..but some not workout..hope can improve..

manron

June 2nd, 2010

wowww…… is amaze i inspired to study photoshop tnx 4 sharing guys….

Barbara

June 25th, 2010

I didn’t try them all but it’s a really goood source of inspiration. Go on guys !

Pat

June 25th, 2010

Wow, what a great collection. Looking forward to hear more like this …

Smooth Booth

July 19th, 2010

Another quality post, choosing the right font can be a pain in my experience as it can make or break your work, think you’ve covered most design styles here. Nice one.

good

August 19th, 2010

good & kodi guddu

janoko

August 24th, 2010

Nice :)
But sorry, i don’t try to make any.
Thanks a lot

janoko

August 24th, 2010

I meant…
i don’t try to make any yet
sorry

Christina

August 25th, 2010

Very Great Job…Wonderful Effects…(L)(L)(L)(K)(K)(K)

soroush

September 6th, 2010

Hi…that is great list ….but verey hard to try it…but verey nice…tnx…

BraCeLet

September 10th, 2010

Retro Text is great ! I LOVE IT :) Thank you for sharing that.

Cesar Slater

September 18th, 2010

Wow nice tutorial It really helps me a lot thank for this tutorial guys I loved it..

foki

September 26th, 2010

nice post…

aries

September 26th, 2010

I think, that is too great masterpice!!
thx

Zacuska

October 10th, 2010

Thank for share

Vic

October 28th, 2010

Thanks for compiling all of these great designs. This should be bookmarked by all who want to learn Photoshop and make great effects in their texts or logos.

zubair

November 23rd, 2010

Waaoo…Excellent work

Shiva

December 4th, 2010

Greatest Tutorial I ever seen ! :) Thanks

m.marysuresh

December 11th, 2010

Very nice pack text-effects.

m.marysuresh

December 11th, 2010

text effects very super

Nutan Erathi

December 20th, 2010

Simply superb !! Great site, thank you for sharing :)

Nutan Erathi

December 20th, 2010

Simply marvellous. Great site !!

Yuyun aimomsya

December 20th, 2010

thanxs for the great collection… ^_^

layana thambi

January 14th, 2011

wow its fentastic

layana thambi

January 14th, 2011

fentastic

M,MARY GOLD

January 31st, 2011

I LOVE FIRST FIRE

SAM

January 31st, 2011

VERY VERY NICE PHOTO SHOP TEXT EFFECTS

Lee Fuller

February 12th, 2011

Great collection, an nice to see a few that haven’t been plastered in every other text effect collection..

ianskie

February 16th, 2011

nice thanks 4 sharing

Wiyono

March 2nd, 2011

Really nice…
Thank you for sharing…

haifa

March 21st, 2011

it`s really very nice and cool

Petto

March 25th, 2011

Have any of you guys ever seen trey songs’ last albums logo font? does anyone reading this know how it was created?

ashm ashu

March 29th, 2011

not bad collection but searching for something more catchy

Jon

April 24th, 2011

Thanks for these, they are great. I was pleased to see a few I hadn’t seen before.

Pat

April 30th, 2011

how to create a smurch effect…eg ink written on paper and the ink smurch a little around the paper…

Tairo

May 2nd, 2011

gracias espero que sirva para algo

rahul

May 4th, 2011

thanks for this

anil

May 16th, 2011

amazing creativete superbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Puneet

June 15th, 2011

The bee movie effect text is great. Thanks for sharing the list.

Mohammad

June 27th, 2011

amazing, I enjoyed them, the idea is more respectable than designing.

Mohammad

June 27th, 2011

I enjoyed them all. very nice

himanshu

July 1st, 2011

not bad collection but searching for something more catchy

The designs are so wonderful.

July 16th, 2011

The designs are so wonderful.

sachin

July 30th, 2011

Nice text efect I tray this

PhotoshopWarrior

August 17th, 2011

The light and shade effect is awesome, thanks for the post

Anjali

August 17th, 2011

These look FANTASTIC The designs are wonderful

Daniel Egirani

September 2nd, 2011

Woooooooooah am so pleased with those effects. i don’t know how i could even do those kind of effects and i aspire to be as good as those kind of designers….great work guys please help me out i want to be a very good graphic designer…is a great work you guys have.

Harry

September 12th, 2011

the text effects are quite amazing…nice:)

momo

September 15th, 2011

someone till me brushes link plzz

S.Packiya raj

September 16th, 2011

It is very nice and also every beginners to learn easily.

Adarsha Chatterjee

September 21st, 2011

I am thankful to this site as my system got many problem I had 2 lost all my works, by this site i got many reference.

Will

September 21st, 2011

I was almost offended when I saw that their was no tutorials by ChChCheckitsClan on youtube.

Raj Mehta

September 23rd, 2011

Useful photoshop text effect collection

:)

vinoth.m

September 23rd, 2011

Very Nice and very effective.

sankar

September 30th, 2011

very good tutorial

student

October 1st, 2011

Love the fonts! Especially that ‘bee movie’ font! :-)

m.ralte

October 6th, 2011

AWESOME COLLECTIONS! Love them all.

Ranie

October 25th, 2011

Very good helpful tutorial…

Hazelyn

November 2nd, 2011

Cool. it really really helpful.. :)

meixi

November 4th, 2011

Very good really helpful to me

Leave a Comment

Subscribe to the comments on this article.

Mobify empowers marketers and developers to create amazing mobile web experiences. Tap to learn more

Mobify