Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

50 Stunning Photoshop Text Effect Tutorials

Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 60 of the best tutorials we could find to help you stay up to date on the latest trends and techniques. You’ll find some really cool grunge and glass styles (plus a few surprises!) and learn how some of the best designers create their unique effects.

Preview
Courtesy: LemonDesign1

Instead of listing 100 plus tutorials that you’ll bookmark never to come back, we’ve decided to take you through the basics of typography, hopefully inspiring and then teaching you. Typography is an art just like any other. You have to feel the form, admire the curves and connect with the flow.

You may want to take a look at the following related posts:

Introduction to Typography Link

TypePoster

Typography is the art of arranging type, designing type, and modifying type glyphs. The arrangement of type involves the selection of typefaces, point size, line length, line spacing (leading), adjustment of space between groups of letters (tracking) and adjustment of space between pairs of letters (kerning).

Here are some resources to give you further insight:

The Wisest Mind Has Something Yet to Learn Link

Inspire

And we, too, never stop being inspired, learning and creating:

How to Choose the Right Type Link

types of type

Guess if you can, choose if you dare. Typeface can make or break your design. Let the type speak for itself: its dimensions, curves, strength and space should define your purpose.

Resources to Live by Link

Fonts

Finding quality fonts can be overwhelming because there are literally millions out there and finding the right one is a painful process. Here are a few resources I use to find a font for a project I am working on.

Here Come the Tutorials Link

Now that you understand the importance of typography, let’s move on to the awesome Photoshop tutorials we were talking about. The above resources on type were pretty general, whereas these tutorials deal mainly with text effects that you could use in posters, magazines or whatever you wish. The basics of typography apply to most of the work you will do with the tutorials below.

Go Crazy with 3D Link

3D texture
Create amazing 3D-textured text with Illustrator and Photoshop in this in-depth tutorial.

Screenshot

Create a spectacular flaming meteor effect on text22
Take typography one step further by having text falling from the sky in a burning inferno. Yes, this is the text-on-fire tutorial to end all text-on-fire tutorials. It uses a little Illustrator for the text and a lot of Photoshop to burn up the screen!

Flaming Meteor Effect on Text23

Funky 3D-style letters24
A straightforward guide to creating funky 3D-style letters.

Screenshot25

How to create high-quality metal 3D text in Photoshop26
This tutorial shows you how to create 3D text and give it a high-quality metal look using only Photoshop.

Metal 3D Text in Photosop27

Light and shade28
In this tutorial we are going to take some very basic principles of light and shade to make a rather impressive-looking text effect.

Screenshot29

Create Destructive Black and White Lettering with a Dramatic Splash Effect30
Learn how to make some expressive lettering, which includes thoughts connected with a central word. You’ll turn standard text into a stunning, destructive illustration, and give it a final unique look.

Screenshot31

Chunky 3D letters

Create big chunky 3D letters with this colorful tutorial!

Screenshot

Stunning 3D effects in 30 minutes32
Together, with a pinch of this and a dash of that, we’ll figure out how to create this cool effect in just 30 minutes.

Stunning 3D effects33

How to Quickly Create a Stylish Retro Text Effect34
Learn how to create a quite cool retro text effect. You will learn how to use the Perspective tool to create depth and how designers can use default gradients in unusual ways.

Stunning 3D effects35

3D text with a touch of grunge
A pretty detailed tutorial that shows you how to create grungy 3D text.

3D Grunge Text

Design soft stylized 3D type36
Learn the basics of creating polished 3D type using Illustrator and Photoshop.

Stylized 3D37

Create a 3D flowery text effect

3D Flowery Text Effect

Create a dream-like design with 3D typograph38
This detailed tutorial shows you how to create a 3D typography-based design. All the elements revolve around the theme of dreaming.

Dream 3D Typography39

Elements of Nature Link

Quick and dirty Photoshop text effects from scratch40 (six tutorials in one)
Learn how to make six different effects using just layer styles. So really, this is like six tutorials in one!

Gold Text41

Create a spectacular grass text effect in Photoshop42
In this tutorial, you will learn how to create a rather cool-looking grass text effect.

Grass Text Effect43

Plastic text44
Turn text into plastic using Photoshop’s layer styles.

Screenshot45

Icy cold46

Get ready for winter: create icy cold text!

Screenshot47

Text in stitches48
In this Photoshop tutorial, you will learn how to convert text to a path and stitch that path using a custom brush set.

Text In Stitches49

Wet watercolor50

A watercolor on wet paper effect. Experiment to create different painting effects.

Screenshot51

How to create a gold text effect in Photoshop52
Learn how to create a gold text effect. I personally love this effect, so subtle yet powerful.

gold text53

Colored chrome
Make chrome text and then color it!

Screenshot

Reflective liquid type54

Create liquid text, a very handy trick.

Reflective Liquid55

Wood inlay56
A decorative wood-inlay text effect.

Screenshot57

Paper-craft text effect58
In this tutorial, you will learn how to create paper-craft text effects.

papercraft59

Dramatic text-on-fire effect in Photoshop60
Learn how to use a photograph of fire to strike text to the match. This is a beautiful tutorial, a must-see.

dramatic text on fire effect61

Grunge & Co. Link

How to Create a Copper Photoshop Text Effect62
This is a strong and eye-catching text effect, though relatively simple to create. You’ll be using bevel and emboss styles, pattern overlays, and combining different techniques to mock-up the text into a related background.

Screenshot63

Vanity License Plate64

In this tutorial you’ll learn how to create a custom vanity license plate using a few basic Photoshop tools a piece of reference material and some creative layer stylings.

Screenshot65

Star Wars text effect
A step-by-step guide to creating a Star Wars text effect.

Screenshot

Create a trendy typographic poster design66
Using simple shapes, you can produce some great-looking contemporary designs that create a big impact on posters; another good example being the recent Trendy Geometric Lines67 tutorial.

poster design68

Graffiti with Photoshop69

When you don’t have the guts to pull this off in the real world, Photoshop to the rescue. Learn how to make graffiti with Photoshop.

graffiti70

Super-cool frilly bits typography71
In this tutorial, you will learn how to mix some vectors with letters to create a really nice design. This one is a personal favorite.

frilly bits typography72

Typography wallpaper in Photoshop73
Why not design your own typographic wallpaper from now on?

Typography Wallpaper74

Dirty grunge text
Create dirty grunge text in Photoshop.

Screenshot

Floral75
Learn how to make stylish floral typography.

Screenshot76

Worn and torn77

Create worn and torn text with this easy-to-follow guide.

Screenshot78

Grunge rubber stamp.
Create a grunge rubber stamp effect in seven simple steps.

Screenshot

Distorted letters79
Learn to distort letters using Photoshop brushes with this amazingly easy tutorial.

Screenshot80

Decorative text

Learn how to decorate text with colorful floral patterns in this tutorial.

Screenshot

Light and Glass Link

A slick supernatural text effect81

Create a smoky night effect with text, giving it an eerie supernatural feel. It’s a good exercise in using the wave distortion filter.

Supernatural Text Effect82

Smoke type in Photoshop in 10 steps83
Learn how to create a smoke typography effect by playing with some brushes and adjustment layers. It’s a very easy tutorial, and you will be able to finish the whole process in 5 to 10 minutes.

Smoke Type.84

Moonshine effect85
In just a few simple steps, you can add a soft, calm, easy-going moon-like text effect.

Screenshot86

Transparent glass lettering in Photoshop87

In this tutorial, you’ll use some super layer effects and a bit of magic to make a lettering style that looks transparent and stunning.

Transparent Glass Lettering88

Scan-line text89
Create a style dubbed “Scan-Line Text,” which is basically text that glows like bright scan lines, with a smart reflection as well. Learn how to create this amazing yet simple effect with this easy-to-follow tutorial.

Scanline Text90

Create a layered glowing text effect91
In this tutorial, we will create this effect using very basic Photoshop tools and layering effects.

Layered Glowing Text92

Vibrant pop text effect93

In just a few moments, you can add a vibrant splash to your text that will really give your design a pop-culture flavor!

Vibrant Pop Text94

Slow-shutter effect
Learn how to create this beautiful slow-shutter text effect.

shutter effect

Colorful glow95
A colorful, glowing text effect, great for integrating in designs with dark backgrounds.

Screenshot96

Retro and Vintage Link

Colorful retro text
A colorful retro text effect using both Illustrator and Photoshop.

Screenshot

Colorful watercolor97
Learn to make a colorful and distinctive watercolor text effect with this tutorial.

Screenshot98

Experiments Link

Furry text99
Create a tactile, furry text effect that looks like the real thing!

Screenshot100

Barbed wire
Wrap your text in barbed wire!

Screenshot

Light burst101

An amazing light-burst effect!

Screenshot102

Flower text103
Create a pretty floral text effect. It looks difficult but is surprisingly easy!<!–

Screenshot104

Further Resources Link

You may want to take a look at the following related round-ups:

You’ll find even more tutorials on these websites:

Smashing eBooks Link

Also, you may want to take a look at some of our Smashing eBooks:

(al)

Footnotes Link

  1. 1 http://lemondesign.deviantart.com/art/Typography-A-73901643
  2. 2 /2010/09/22/round-up-of-useful-adobe-photoshop-techniques-tutorials-and-tools/
  3. 3 /2009/06/01/60-amazing-poster-and-advertisment-tutorials/
  4. 4 /2008/12/07/50-excellent-digital-photography-photoshop-tutorials/
  5. 5 /2008/11/03/photoshop-tutorials-to-improve-modeling-skills/
  6. 6 /2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  7. 7 http://web.archive.org/web/20110208115407/http://www.wiu.edu/art/courses/handouts/type.htm
  8. 8 http://ilovetypography.com/2009/01/14/inconspicuous-vertical-metrics/
  9. 9 http://www.thedesigncubicle.com/2008/12/10-common-typography-mistakes/
  10. 10 /2010/11/16/web-typography-100-educational-resources-tools-and-techniques/
  11. 11 http://ilovetypography.com/2008/12/04/30-inspiring-type-treatments/
  12. 12 /2008/02/25/breathtaking-typographic-posters/
  13. 13 http://www.fuelyourcreativity.com/typography-is-sexy-part-2/
  14. 14 http://ilovetypography.com/2008/04/04/on-choosing-type/
  15. 15 /2011/03/24/how-to-choose-a-typeface/
  16. 16 http://typies.blogspot.com/2006/11/15-tips-to-choose-good-text-type.html
  17. 17 /2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/
  18. 18 /tag/free-fonts/
  19. 19 http://www.noupe.com/fonts/50-free-fonts-for-professional-designs.html
  20. 20 http://www.nikibrown.com/designoblog/2008/12/23/fonts-the-skinny-thin-and-beautiful/
  21. 21 http://ilovetypography.com/2007/10/22/so-you-want-to-create-a-font-part-1/
  22. 22 http://psdtuts.com/tutorials/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/
  23. 23 http://psdtuts.com/tutorials/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/
  24. 24 http://www.adobetutorialz.com/articles/2978/1/Create-a-Spectacular-Style-Text-Effect
  25. 25 http://www.adobetutorialz.com/articles/2978/1/Create-a-Spectacular-Style-Text-Effect
  26. 26 http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-high-quality-metal-3d-text-in-photoshop/
  27. 27 http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-high-quality-metal-3d-text-in-photoshop/
  28. 28 http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/
  29. 29 http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/
  30. 30 http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-destructive-black-and-white-lettering-with-a-dramatic-splash-effect/
  31. 31 http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-destructive-black-and-white-lettering-with-a-dramatic-splash-effect/
  32. 32 http://blogof.francescomugnai.com/2008/06/tutorial-how-to-create-a-stunning-3d-effect-in-photoshop/
  33. 33 http://blogof.francescomugnai.com/2008/06/tutorial-how-to-create-a-stunning-3d-effect-in-photoshop/
  34. 34 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-quickly-create-a-stylish-retro-text-effect/
  35. 35 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-quickly-create-a-stylish-retro-text-effect/
  36. 36 http://psdtuts.com/tutorials/text-effects-tutorials/design-soft-stylized-3d-type/
  37. 37 http://psdtuts.com/tutorials/text-effects-tutorials/design-soft-stylized-3d-type/
  38. 38 http://www.gomediazine.com/tutorials/create-dream-design-3d-typography/
  39. 39 http://www.gomediazine.com/tutorials/create-dream-design-3d-typography/
  40. 40 http://psdtuts.com/tutorials/text-effects-tutorials/6-quickndirty-photoshop-text-effects-from-scratch/
  41. 41 http://psdtuts.com/tutorials/text-effects-tutorials/6-quickndirty-photoshop-text-effects-from-scratch/
  42. 42 http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/
  43. 43 http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/
  44. 44 http://www.photoshopessentials.com/photoshop-text/text-effects/plastic/
  45. 45 http://www.photoshopessentials.com/photoshop-text/text-effects/plastic/
  46. 46 http://psdtuts.com/text-effects-tutorials/icey-styles-in-photoshop/
  47. 47 http://psdtuts.com/text-effects-tutorials/icey-styles-in-photoshop/
  48. 48 http://pshero.com/archives/text-in-stitches
  49. 49 http://pshero.com/archives/text-in-stitches
  50. 50 http://www.photoshoproadmap.com/Photoshop-blog/2007/05/30/watercolor-text-painted-on-a-wet-paper/
  51. 51 http://www.photoshoproadmap.com/Photoshop-blog/2007/05/30/watercolor-text-painted-on-a-wet-paper/
  52. 52 http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-a-gold-text-effect-in-photoshop/
  53. 53 http://psdtuts.com/tutorials/text-effects-tutorials/how-to-create-a-gold-text-effect-in-photoshop/
  54. 54 http://www.photoshopcafe.com/tutorials/liquid-type/liquid-type.htm
  55. 55 http://www.photoshopcafe.com/tutorials/liquid-type/liquid-type.htm
  56. 56 http://pshero.com/archives/wood-inlay-text
  57. 57 http://pshero.com/archives/wood-inlay-text
  58. 58 http://www.photoshoproadmap.com/Photoshop-blog/2008/10/31/papercraft-text-effect/
  59. 59 http://www.photoshoproadmap.com/Photoshop-blog/2008/10/31/papercraft-text-effect/
  60. 60 http://psdtuts.com/tutorials/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/
  61. 61 http://psdtuts.com/tutorials/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/
  62. 62 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-copper-photoshop-text-effect/
  63. 63 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-copper-photoshop-text-effect/
  64. 64 http://pshero.com/archives/vanity-license-plate
  65. 65 http://pshero.com/archives/vanity-license-plate
  66. 66 http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-typographic-poster-design
  67. 67 http://www.blog.spoongraphics.co.uk/tutorials/trendy-geometric-lines-design-tutorial
  68. 68 http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-typographic-poster-design
  69. 69 http://www.dreamdealer.nl/?action=viewTutorial&id=41
  70. 70 http://www.dreamdealer.nl/?action=viewTutorial&id=41
  71. 71 http://www.abduzeedo.com/super-cool-frilly-bits-typography
  72. 72 http://www.abduzeedo.com/super-cool-frilly-bits-typography
  73. 73 http://www.abduzeedo.com/reader-tutorial-typography-wallpaper-photoshop
  74. 74 http://www.abduzeedo.com/reader-tutorial-typography-wallpaper-photoshop
  75. 75 http://psdlearning.com/2008/09/stylish-floral-typography/
  76. 76 http://psdlearning.com/2008/09/stylish-floral-typography/
  77. 77 http://www.photoshopessentials.com/photoshop-text/text-effects/worn-torn-text/
  78. 78 http://www.photoshopessentials.com/photoshop-text/text-effects/worn-torn-text/
  79. 79 http://www.photoshopbrushes.com/tutorials/distorting-lettering.htm
  80. 80 http://www.photoshopbrushes.com/tutorials/distorting-lettering.htm
  81. 81 http://psdtuts.com/tutorials/text-effects-tutorials/a-slick-supernatural-text-effect/
  82. 82 http://psdtuts.com/tutorials/text-effects-tutorials/a-slick-supernatural-text-effect/
  83. 83 http://www.abduzeedo.com/smoke-type-photoshop-10-steps
  84. 84 http://www.abduzeedo.com/smoke-type-photoshop-10-steps
  85. 85 http://www.tutorial9.net/photoshop/text-effect-quickie-moon-shine-text-effect/
  86. 86 http://www.tutorial9.net/photoshop/text-effect-quickie-moon-shine-text-effect/
  87. 87 http://psdtuts.com/tutorials/text-effects-tutorials/transparent-glass-lettering-in-photoshop/
  88. 88 http://psdtuts.com/tutorials/text-effects-tutorials/transparent-glass-lettering-in-photoshop/
  89. 89 http://psdlearning.com/2008/08/scanline-text/
  90. 90 http://psdlearning.com/2008/08/scanline-text/
  91. 91 http://psdtuts.com/tutorials/text-effects-tutorials/create-a-layered-glowing-text-effect/
  92. 92 http://psdtuts.com/tutorials/text-effects-tutorials/create-a-layered-glowing-text-effect/
  93. 93 http://www.tutorial9.net/photoshop/text-effect-quickie-vibrant-pop-text-effect/
  94. 94 http://www.tutorial9.net/photoshop/text-effect-quickie-vibrant-pop-text-effect/
  95. 95 http://www.tutorial9.net/photoshop/colorful-glowing-text-effect/
  96. 96 http://www.tutorial9.net/photoshop/colorful-glowing-text-effect/
  97. 97 http://pshero.com/archives/watercolor-text
  98. 98 http://pshero.com/archives/watercolor-text
  99. 99 http://www.flash-game-design.com/tutorials/furryText-photoshop-tutorial.html
  100. 100 http://www.flash-game-design.com/tutorials/furryText-photoshop-tutorial.html
  101. 101 http://www.photoshopessentials.com/photoshop-text/text-effects/light-burst/
  102. 102 http://www.photoshopessentials.com/photoshop-text/text-effects/light-burst/
  103. 103 http://www.flash-game-design.com/tutorials/flowerText-photoshop-tutorial.html
  104. 104 http://www.flash-game-design.com/tutorials/flowerText-photoshop-tutorial.html
  105. 105 /2008/12/07/50-excellent-digital-photography-photoshop-tutorials/
  106. 106 /2008/07/15/70-beauty-retouching-photoshop-tutorials/
  107. 107 /2008/11/03/photoshop-tutorials-to-improve-modeling-skills/
  108. 108 /2008/10/28/40-beautiful-grunge-photoshop-tutorials/
  109. 109 /2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  110. 110 /2008/04/03/adobe-photoshop-tutorials-rainbows-glows-and-light-effects/
  111. 111 http://www.photoshoproadmap.com/Photoshop-blog/2008/11/20/30-awesome-photoshop-text-effects-tutorials/
  112. 112 http://sixrevisions.com/graphics-design/photoshop_text_effect_tutorials/
  113. 113 https://shop.smashingmagazine.com/smashing-graphics-bundle.html?
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Advertisement

Andrew Gibson is a photographer and writer. He runs Magical Places Fine Art, an online photography magazine and another great photography resource.

  1. 1

    Wow!!! Great Collection of Text Effects Tutorials. Two thumbs up for SM.

    0
  2. 3

    inspiring! …cool sm!

    -10
  3. 4

    lot of nice stuff here. will be playing around with some of these in the future during designs

    -8
  4. 5

    Michael Chacon

    March 4, 2009 6:19 pm

    great! Thanks so much!

    -12
  5. 6

    Webnip Jonathan

    March 4, 2009 6:38 pm

    Nice, some of these could be usefull ! People ofter underestimate the importance of typography ;-)

    -16
  6. 7

    wow that’s cool.
    like them all

    cheers,

    -10
  7. 8

    this is awesome. thank you so much.

    -11
  8. 9

    Great list, very useful !

    -14
  9. 10

    Very Cool! Good job SM.

    -9
  10. 11

    Wtf… AWESOME dude! Very, very and VERY awesome list.

    Thanks! :D

    -12
  11. 12

    really gorgeous

    -9
  12. 13

    Anyone have a mirror for the “Super-cool frilly bits typography” tutorial? Site seems to be MIA and it looks interesting. Awesome list, by the way!

    -10
  13. 14

    Hey! Thanks for featuring my tutorial. It’s an honor. I haven’t had time to write many tutorials lately, maybe I’ll find time now :)

    -11
  14. 15

    Chetan Kumar N

    March 4, 2009 8:42 pm

    Amazing mind blowing thks a lot for the collection

    -10
  15. 16

    Ejaz Siddiqui

    March 4, 2009 9:22 pm

    Great List, I would love to see more tutorials on typography. Thanks

    -4
  16. 17

    Houssam Zein

    March 4, 2009 9:39 pm

    I am getting addicted to this site – Smashing

    -2
  17. 18

    Rahul Acharya

    March 4, 2009 9:42 pm

    Great collection, thanks for this awesome list.

    0
  18. 19

    Ohh! Glad to see mine – C for Creativity being featured on Smash! Thank You!
    And awesome list as always!

    -1
  19. 20

    Dan Whitmore

    March 4, 2009 11:43 pm

    No offence, but how many MORE times do we need to see a ‘text effect photoshop tutorials’ list showing the same old tutorials again?

    Unique content please!

    -9
    • 21

      Why don’t you stop being rude and obnoxious and stop coming to this website if you are just gonna be a big meanie!!!!!!!!!!!!! I’m offended.
      Love,
      Herb

      6
  20. 22

    Allahverdi Sefihanov

    March 4, 2009 11:52 pm

    effect of CRAFT is simple but awesome… really stunning…

    -3

↑ Back to top