Photoshop’s text and layer tools can be used to create some really awesome effects. We’ve put together a list of 50 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.
Instead of listing 100 plus Photoshop1 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. [Updated Nov/01/2016]
Further Reading on SmashingMag: Link
- Digital Photography Photoshop Tutorials2
- Hand-Picked Photoshop Tutorials3
- 50 Clever Photoshop 3D Modeling Tutorials4
- Photoshop Tutorials To Improve Your Modeling and Design Skills5
List Of Photoshop Text Effects Tutorials Link
Learn how to bring a simple proverb into a complex typographic illustration that achieves a level of realism without actually using any photos.
Giving your typography illustration a fresh touch and experimenting with traditional and digital media, mixing patterns and textures.
Move your vector graphics into Photoshop for some serious distressing with brushes, blending modes and more.
In this tutorial, you are going to create retro-looking text.
In this Photoshop tutorial you will learn to create chocolate candies text effect.
Learn how to create a realsistic wooden Text effect.
Create a 3D typographic illustration using Cinema 4D to build the 3D and Photoshop for the post-production.
This tutorial will explain a quite simple technique for creating a 3D text without using any 3D tools.
In this tutorial you will learn how to create a Valentine Day Love Theme Party Flyer.
This tutorial will show you some tips on how to use the Pen Tool, along with some Brushes and Blend Modes, to create a striped road (street) inspired text effect.
How to use the 3D features to create an autumn-themed 3D text effect.
How to create a glitter texture, then use it with a couple of Layer Styles to create a glitter glue inspired text effect.
Combine Filter Forge and Photoshop to create a wood textured 3D text effect with a simple red glass heart.
Create a Art Deco image based on the poster of The Great Gatsby movie with Illustrator and Photoshop.
How to use layer styles, filters, textures, brushes, and adjustment layers to create shiny, clean plastic text effects.
This tutorial will show you how to create your own scrabble tiles set from scratch, so that you can use them anytime with any background you like.
Sweeten things up by creating a delicious chocolate text effect using Layer Styles!
How to combine Photoshop with Filter Forge to create a glowing 3D text effect.
A super easy way to create a dazzling beautiful bokeh text effect, using a simple brush and a layer effect.
How to create a nice old signage effect using Photoshop and a stock photo.
Walk through the techniques to us to create this steampunk type treatment.
In this tutorial you will create a stencil and spray effect using basic filters and some brushes.
How to create a colorful dot-cutout paper text effect, by rasterizing the type layers, then creating and stroking work paths with a modified round brush.
Use Cinema 4D with Photoshop to create this amazing type effect.
In this tutorial you will learn you how to use different brushes to create a watercolor text effect.
Distort text around smoke by using the Smudge Tool .
How to use Photoshop’s 3D environmen and play around with the settings to create a shiny, elegant, white and gold, 3D text effect.
Create Typography Using Simple Geometric Shapes in Photoshop.
Add detailed decorations to a basic word to transform it into a beautiful piece of engraved typography.
In this tutorial you will learn the steps to create this interesting bread typography.
How to play around with brush settings, as well as layer styles, to create a messy, flour-inspired text effect.
Create custom typography using a combination of real-world materials, photography, and Photoshop.
How to create a text effect that is illuminated with tracks of small lights using several tools including vector shapes, brushes, Layer Styles, and Adjustment Layers.
Create a lovely cheese font by just a few simple steps.
Learn how to create a sparkler typography using any font type and text that you want.
Add lots of subtle lighting effects to add a series of bright bulbs.
How to create a magma hot text effect using layer styles and textures in Photoshop.
How to apply a chalk effect to an illustration.
How to create flashy type-based art quickly by making cunning use of Photoshop’s layer styles.
How to create text made of hay using 3D features as an aid.
how to use smart objects, layer styles, and some filters to create a simple sketch text effect.
How to create a 3D style glitter text in Adobe Photoshop.
How to create foam textured text or shapes.
Walk you through the process of making a yummy sweet text in Photoshop.
Learn how to create a sweet, sugary text effect in Photoshop using custom brushes and layer styles.
How to use Photoshop CC’s Shape Attributes and 3D capabilities to create a simple, yet sophisticated 3D letters on a shelf text effect.
A simple way to create a cool, fresh, glossy text effect using layer styles and a couple of images.
How to create shiny summer Photoshop text effects using layer styles.
This nebula text effect is quick and easy using a few simple tricks.
Learn how to create realistic glass text effect by using very simple tools and techniques such as layer style effects and blending modes.
- 1 https://www.smashingmagazine.com/professional-photoshop-techniques-tutorials/
- 2 https://www.smashingmagazine.com/2008/12/50-excellent-digital-photography-photoshop-tutorials/
- 3 https://www.smashingmagazine.com/2007/01/hand-picked-photoshop-tutorials/
- 4 https://www.smashingmagazine.com/2008/11/photoshop-3d-tutorials/
- 5 https://www.smashingmagazine.com/2008/11/photoshop-tutorials-to-improve-modeling-skills/
- 6 https://design.tutsplus.com/tutorials/how-to-create-an-incredible-typographic-illustration-part-1--psd-7582
- 7 https://design.tutsplus.com/tutorials/how-to-create-an-incredible-typographic-illustration-part-1--psd-7582
- 8 http://www.digitalartsonline.co.uk/tutorials/adobe-illustrator/create-urban-type/
- 9 http://www.digitalartsonline.co.uk/tutorials/adobe-illustrator/create-urban-type/
- 10 http://blog.spoongraphics.co.uk/tutorials/create-a-distressed-vector-typographic-poster-design
- 11 http://blog.spoongraphics.co.uk/tutorials/create-a-distressed-vector-typographic-poster-design
- 12 http://designinstruct.com/graphic-design/text-effects/creating-retro-folded-typography-using-photoshop/
- 13 //designinstruct.com/graphic-design/text-effects/creating-retro-folded-typography-using-photoshop/
- 14 http://www.photoshopstar.com/text-effects/chocolate-candies-text-effect-in-photoshop/
- 15 http://www.photoshopstar.com/text-effects/chocolate-candies-text-effect-in-photoshop/
- 16 http://planetphotoshop.com/decorated-wood-text-effect.html
- 17 http://planetphotoshop.com/decorated-wood-text-effect.html
- 18 https://design.tutsplus.com/tutorials/create-a-3d-typographic-illustration--psd-24757
- 19 https://design.tutsplus.com/tutorials/create-a-3d-typographic-illustration--psd-24757
- 20 http://textuts.com/number-candles-text-effect-part-1/
- 21 http://textuts.com/number-candles-text-effect-part-1/
- 22 http://www.psd-dude.com/tutorials/luxury-text-style-for-valentine-party-flyer-photoshop-tutorial.aspx
- 23 http://www.psd-dude.com/tutorials/luxury-text-style-for-valentine-party-flyer-photoshop-tutorial.aspx
- 24 http://textuts.com/striped-road-inspired-text-effect/
- 25 http://textuts.com/striped-road-inspired-text-effect/
- 26 https://design.tutsplus.com/tutorials/create-an-autumn-themed-3d-text-effect-with-photoshop-cs6-extended--psd-18239
- 27 https://design.tutsplus.com/tutorials/create-an-autumn-themed-3d-text-effect-with-photoshop-cs6-extended--psd-18239
- 28 https://design.tutsplus.com/tutorials/create-an-easy-glitter-glue-inspired-text-effect-in-adobe-photoshop--cms-21249
- 29 https://design.tutsplus.com/tutorials/create-an-easy-glitter-glue-inspired-text-effect-in-adobe-photoshop--cms-21249
- 30 https://design.tutsplus.com/tutorials/create-a-valentines-day-inspired-3d-text-effect-using-filter-forge-and-photoshop--psd-20289
- 31 https://design.tutsplus.com/tutorials/create-a-valentines-day-inspired-3d-text-effect-using-filter-forge-and-photoshop--psd-20289
- 32 http://abduzeedo.com/great-gatsby-art-deco-style-illustrator-and-photoshop
- 33 http://abduzeedo.com/great-gatsby-art-deco-style-illustrator-and-photoshop
- 34 https://design.tutsplus.com/tutorials/how-to-create-a-clean-glossy-plastic-text-effect-in-adobe-photoshop--cms-22962
- 35 https://design.tutsplus.com/tutorials/how-to-create-a-clean-glossy-plastic-text-effect-in-adobe-photoshop--cms-22962
- 36 http://textuts.com/scrabble-tiles-text-effect/
- 37 http://textuts.com/scrabble-tiles-text-effect/
- 38 http://www.iceflowstudios.com/2013/tutorials/chocolate-text-effect-in-photoshop-for-valentines-day/
- 39 http://www.iceflowstudios.com/2013/tutorials/chocolate-text-effect-in-photoshop-for-valentines-day/
- 40 https://design.tutsplus.com/tutorials/create-a-glowing-3d-text-effect-with-filter-forge-and-photoshop--psd-26400
- 41 https://design.tutsplus.com/tutorials/create-a-glowing-3d-text-effect-with-filter-forge-and-photoshop--psd-26400
- 42 http://textuts.com/simple-bokeh-text-effect/
- 43 http://textuts.com/simple-bokeh-text-effect/
- 44 http://abduzeedo.com/old-signage-photoshop-3d
- 45 http://abduzeedo.com/old-signage-photoshop-3d
- 46 http://wegraphics.net/blog/tutorials/how-to-illustrate-a-steampunk-type-treatment-in-photoshop/
- 47 http://wegraphics.net/blog/tutorials/how-to-illustrate-a-steampunk-type-treatment-in-photoshop/
- 48 http://abduzeedo.com/dark-knight-rises-stencil-effect-photoshop
- 49 http://abduzeedo.com/dark-knight-rises-stencil-effect-photoshop
- 50 http://planetphotoshop.com/dot-cutout-paper-text-effect.html
- 51 http://planetphotoshop.com/dot-cutout-paper-text-effect.html
- 52 http://www.digitalartsonline.co.uk/tutorials/cinema-4d/create-liquid-3d-type/#1
- 53 http://www.digitalartsonline.co.uk/tutorials/cinema-4d/create-liquid-3d-type/#1
- 54 http://www.designpanoply.com/blog/watercolor-text-effect-using-photoshop-brushes-and-layer-styles
- 55 http://www.designpanoply.com/blog/watercolor-text-effect-using-photoshop-brushes-and-layer-styles
- 56 http://wegraphics.net/blog/tutorials/create-an-easy-smoke-type-effect-using-the-smudge-tool/
- 57 http://wegraphics.net/blog/tutorials/create-an-easy-smoke-type-effect-using-the-smudge-tool/
- 58 https://design.tutsplus.com/tutorials/create-a-shiny-white-and-gold-3d-text-effect-in-adobe-photoshop--cms-24738
- 59 https://design.tutsplus.com/tutorials/create-a-shiny-white-and-gold-3d-text-effect-in-adobe-photoshop--cms-24738
- 60 http://www.psdvault.com/text-effects/create-typography-using-simple-geometric-shapes-in-photoshop/
- 61 http://www.psdvault.com/text-effects/create-typography-using-simple-geometric-shapes-in-photoshop/
- 62 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-vintage-text-effect-in-illustrator
- 63 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-vintage-text-effect-in-illustrator
- 64 http://www.psdvault.com/text-effects/create-bread-typography-in-photoshop/
- 65 http://www.psdvault.com/text-effects/create-bread-typography-in-photoshop/
- 66 https://design.tutsplus.com/tutorials/create-a-detailed-flour-text-effect-in-adobe-photoshop--cms-23773
- 67 https://design.tutsplus.com/tutorials/create-a-detailed-flour-text-effect-in-adobe-photoshop--cms-23773
- 68 https://design.tutsplus.com/tutorials/how-to-create-custom-dirt-typography--psd-34896
- 69 https://design.tutsplus.com/tutorials/how-to-create-custom-dirt-typography--psd-34896
- 70 https://design.tutsplus.com/tutorials/create-an-illuminated-text-effect-in-photoshop--psd-36705
- 71 https://design.tutsplus.com/tutorials/create-an-illuminated-text-effect-in-photoshop--psd-36705
- 72 http://4-designer.com/2014/09/drawing-vector-cheese-fonts-with-ps/#.WBejVS3hCUl
- 73 http://www.psd-dude.com/tutorials/sparkler-light-text-effect-photoshop-tutorial.aspx
- 74 http://www.psd-dude.com/tutorials/sparkler-light-text-effect-photoshop-tutorial.aspx
- 75 https://design.tutsplus.com/tutorials/danger-danger-high-voltage-create-an-electric-text-effect-in-illustrator--vector-22667
- 76 http://blog.spoongraphics.co.uk/tutorials/realistic-3d-casino-style-bulb-sign-photoshop-tutorial
- 77 http://blog.spoongraphics.co.uk/tutorials/realistic-3d-casino-style-bulb-sign-photoshop-tutorial
- 78 https://design.tutsplus.com/tutorials/create-a-magma-hot-text-effect-in-photoshop--psd-20446
- 79 https://design.tutsplus.com/tutorials/create-a-magma-hot-text-effect-in-photoshop--psd-20446
- 80 https://design.tutsplus.com/tutorials/how-to-create-a-chalk-logo-effect-in-photoshop--psd-35402
- 81 https://design.tutsplus.com/tutorials/how-to-create-a-chalk-logo-effect-in-photoshop--psd-35402
- 82 http://www.digitalartsonline.co.uk/tutorials/photoshop/speedy-1980s-text-effects-leave-offline/
- 83 http://www.digitalartsonline.co.uk/tutorials/photoshop/speedy-1980s-text-effects-leave-offline/
- 84 https://design.tutsplus.com/tutorials/create-stylized-hay-bale-typography-in-photoshop--psd-31711
- 85 https://design.tutsplus.com/tutorials/create-stylized-hay-bale-typography-in-photoshop--psd-31711
- 86 https://design.tutsplus.com/tutorials/how-to-create-a-quick-sketch-text-effect-in-adobe-photoshop--cms-23424
- 87 https://design.tutsplus.com/tutorials/how-to-create-a-quick-sketch-text-effect-in-adobe-photoshop--cms-23424
- 88 http://alfoart.com/glittert_text_1.html
- 89 http://alfoart.com/glittert_text_1.html
- 90 http://alfoart.com/sea_foam_1.html
- 91 http://alfoart.com/sea_foam_1.html
- 92 https://photoshoptutorials.ws/photoshop-tutorials/text-effects/create-delicious-donut-text-hungry/
- 93 https://photoshoptutorials.ws/photoshop-tutorials/text-effects/create-delicious-donut-text-hungry/
- 94 http://www.designpanoply.com/blog/sweet-sugar-text-effect-in-photoshop
- 95 http://www.designpanoply.com/blog/sweet-sugar-text-effect-in-photoshop
- 96 http://textuts.com/3d-letters-on-a-shelf-text-effect-in-photoshop-cc/
- 97 http://textuts.com/3d-letters-on-a-shelf-text-effect-in-photoshop-cc/
- 98 http://planetphotoshop.com/fresh-glossy-text-effect.html
- 99 http://planetphotoshop.com/fresh-glossy-text-effect.html
- 100 https://design.tutsplus.com/tutorials/how-to-create-a-shiny-summer-text-effect-in-adobe-photoshop--cms-24297
- 101 https://design.tutsplus.com/tutorials/how-to-create-a-shiny-summer-text-effect-in-adobe-photoshop--cms-24297
- 102 http://medialoot.com/blog/create-an-easy-nebula-text-effect-in-photoshop/
- 103 http://medialoot.com/blog/create-an-easy-nebula-text-effect-in-photoshop/
- 104 http://alfoart.com/laboratory_glassware_letters_1.html
- 105 http://alfoart.com/laboratory_glassware_letters_1.html