80+ Stunning Photoshop Text Effect Tutorials

by Lars on March 14, 2009

80+ Stunning Photoshop Text Effect Tutorials

Photoshop can do some real magic when it comes to Text Effects. In this article tripwire magazine provides a list of more than 80 Stunning Photoshop Text Effect Tutorials that you can use to create Unique Logos, Posters, Post Cards…you name it.


WooThemes - Made by Designers
WooThemes - Made by Designers

Advertisement

Introduction

Mastering Photoshop effects techniques is going to get you very far with crating stunning designs. But when it comes to Text Effects and creating designs that mainly communicate a message through text knowing the basics of Typography is really key. Basically 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. Take a look at this article to understand the basic principles of Typography: Brief introduction to typography.

Choosing the right fonts and using them wisely and creatively in a design can make a huge difference when it comes to catching the attention of the audience. For a few really good tips on choosing fonts go take a look at this article: On choosing type

The tutorials

Flaming Meteor Text Effect

This tutorial will show you how to create a fire effect similar to when a spaceship or comet enters the earth’s atmosphere.

create-a-spectacular-flaming-meteor

Create Destructive Black and White Lettering with a Dramatic Splash Effect (video)

We’ll turn standard text into a stunning, destructive illustration, and give it a final unique look. So, let’s rock this one and learn all about the cool techniques included here!

destructive-black-and-white-lettering

Text in Stitches

So in this Photoshop tutorial I’ll show you how to convert text to a path and how to stitch that path using a custom brush set.

text-in-stitches

How to Create High Quality Metal 3D Text in Photoshop

Most of you probably know those awesome letters that were generated with 3D programs. But what about when you don’t have any particular program and you need to make 3D typography? This tutorial will show you how to create the 3D text shape and give it a high quality metal look using pure Photoshop. Check it out!

how-to-create-high-quality-metal-3d

New PLUS Tutorial – How to Make 3D Neon Light Typography

This is a new addition to the PSDTUTS PLUS section. This is a super creative tutorial with a professional results. Learn how to create dynamic 3D Neon lettering with a hefty dose of Photoshop techniques and a dash of Illustrator know-how. Learn more at the jump!

new-plus-tutorial-how-to-make-3d-neon

Transformers Effect

In this tutorial you will learn how to make the Transformers movie text effect while learning to create 3D text and apply a series of layer styles.

transformer-text

Flowery Text Effect

In this tutorial, we will need the beautiful Suddenly Spring brushes designed by GValkyrie.

create-a-3d-flowery-text-effect

How to Create a Copper Photoshop Text Effect

This is a strong and eye-catching text effect, though relatively simple to create. We’ll be using bevel and emboss styles, pattern overlays, and combining different techniques to mock-up the text into a related background. For PLUS Members, the main layer style is ready to copy and paste into your designs as well.

how-to-create-copper-photoshop

How to Quickly Create a Stylish Retro Text Effect

In this tutorial we will be designing a cool retro text effect, which is growing more and more popular in today’s design. Today you will learn how to use the Perspective tool to create depth and how designers can use default gradients in unusual ways!

how-to-quickly-create-a-stylish-retro

Patriotic Text Using Displacement Masks

In this Photoshop tutorial I’ll show you how to achieve a neat little text effect with an image overlay while learning the basics of using displacement masks.

patriotic-text

Wood Inlay Text

In this Photoshop tutorial I’ll show you how to create a wood inlay effect using wood textures, layer masks and a few creative selection techniques.

wood-inlay-text

Cartoon/Comic-Style Text Effect

Well, well, well. In this Photoshop tutorial I’m going to attempt to make some half-decent cartoon/comic-style text. You know, like the stuff on the front of comic books.

cartoon-text

Indiana Jones Movie Logo/Text Effect

I thought we would celebrate the upcoming release of Indiana Jones IV, the Kingdom of the Crystal Skull by learning how to remake the awesome Indiana Jones text! So, I’m going to attempt to remake the text effect used in the posters and promotional images

indy

The Sugar Bag Effect

In this tutorial I will show you a neat little text effect using only layer styles and selections.

the-sugar-bag-effect

Watercolor Text

In this Photoshop tutorial I’ll show you how to create a watercolor text effect with a watercolor paper background. You’ll learn about a few of the the Brushes palette options and how they can help achieve a realistic watercolor result.

watercolor-text

Dynamic Recessed Watercolor Typography in Photoshop

In this tutorial, I’ll show you how to mix vector elements and watercolor effects with text to create a stunning design. It’s a quick process that depends heavily on good choices of images and colors.

dynamic-recessed-watercolor

Using Light and Shade to Bring Text to Life

The best book I’ve ever read on drawing is one called Drawing on the Right Side of the Brain. After reading it, I’m still pretty bad at drawing, but I did learn a lot about light and shade. In this tutorial we are going to take some very basic principles of light and shade to make a rather impressive-looking text effect.

using-light-and-shade-to-bring-text-to-life

Ironman Text Effect

A photoshop tutorial on how to create an Iron Man concept text effect.

ironman

Patches Text Effect

Your clothes are broken? Ok, then this tutorial special for you!

holes-in-your

Electrifying Text

In this tutorial we will be using the Wind and Ripple filters along with some tricky rotation to create some truely electrifying text.

electrifying-text

Paint Graffiti on Wall in Photoshop

We will use an image of a wall (taken by RoCkBiGdAvE), Paint Drips brushes from elliottfelix and Graffiti Set 2 from Krakograff.

paint-graffiti-on-wall-in-photoshop

Dramatic Text on Fire Effect in Photoshop

Flames are particularly hard to render in Photoshop, but in this tutorial I’ll show you how to use a photograph of fire to set text to the match. We’ll render the look on a nice dark background with a gorgeous text effect to complete the image.

dramatic-text-on-fire-effect

Hell Text Effects

Create text that reminds you on a place you woundn’t send your worst enemy…

hell

Smoke Text Effect

In this tutorial I will show you how to create a smoke typography effect playing with some brushes and adjustment layers. It’s a very easy tutorial and you will be able to do the whole process in 5-10 minutes.

smoke-type-photoshop-10-steps

Create a Layered Glowing Text Effect

 

In this tutorial, we will create this effect using very basic Photoshop tools and layering effects. This tutorial is simple enough for a beginner to understand, but I should warn you that in this tutorial there ends up being over 60 active text layers, which will require a heavy use of your computer’s memory. Let’s jump into this tutorial and layer some glowing text.

create-a-layered-glowing-text-effect

Awesome Floral Type in Fireworks and Photoshop in 5 minutes

In this tutorial we will use Adobe Fireworks and Adobe Photoshop. Actually the whole effect will be done in Firewors, then in Photoshop, we will add some textures and a old paper background effect.

awesome-floral-type-fireworks-and-photoshop

License Plate Text Effect

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

vanity-license-plate

Typography Wallpaper in Photoshop

Here is a quick tutorial from one of our latest designs. Hopefully this tutorial can benefit in your pursuit of becoming a better designer.

typography-wallpaper-photoshop

How to Put Smokin’ Bullet Holes and a Wanted Sign into a Piece of Wood

Ok, so this tutorial is like three tutorials rolled into one. We’re going to make an awesome wood emboss effect, put bullet holes into the wood, and finally smoke ‘em up to a gnarly Wyatt-Earp-just-walked-past look.

wanted

Plastic Text in Photoshop

 

Photoshop is great for embellishing display text with little effects. When you add layer styles into the equation, you have the added benefit of the styles being easily transferrable.

plastic

Create a Spectacular Grass Text Effect in Photoshop

Ever wanted to make text out of grass? Well with Photoshop you can. In this tutorial we’ll create a rather cool-looking grass-text effect using a photo of grass, the Pen Tool and a bit of patience.

This is the first of a five-part set of tutorials where we’ll use Photoshop to make text out of all sorts of things. So let’s get ready to Photoshop!

create-a-spectacular-grass-text

6 Quick’n’Dirty Photoshop Text Effects From Scratch

Photoshop is great for embellishing display text with little effects. When you add layer styles into the equation, you have the added benefit of the styles being easily transferable. In this tutorial I’ll show you how to make six different effects using just layer styles. So really this is like six tutorials in one!

6-quickndirty-photoshop-text

Colorful Glowing Text Effect

It’s a wondeful little style that could easily be integrated into any dark graphic design where some upbeat text is needed.

colorful-glowing-text-effect

How To Create A Gold Text Effect In Photoshop

 

One of the best features of Photoshop is the Layer Styles. We can create all sorts of effects – plastic, glass, water, ice, metal, and many more. In this tutorial, I will show you how to create a gold text effect. I will use only Layer Styles, and once our new style is created, we will be able to save the style and apply it wherever we want.

how-to-create-a-gold-text

Shining Neon Text Effect in Adobe Photoshop

Tutorial showing how to create the text effect used in the abduzeedo logo

abduzeedo-logo

Photoshop Quick Tips #2 – Neon Effect with Animation (video)

Video Tutorial also showing how to create the text effect used in the abduzeedo logo

abduzeedo-logo-video

Super Cool Frilly Bits Typography

This tutorial will show you how to mix some vectors with letters to create a really nice design.

abduzeedoSwirls

Super Cool Frilly Bits Typography (Video)

This video tutorial show you how to mix some vectors with letters to create a really nice design.

a-visual-guide-to-super-cool-frilly

Text Effect Quickie: Delicious Chocolate Text

Learn how to quickly design some delectable, rich dark chocolate flavored text! A single look at text like this will make any chocolate lovers mouth water instantly!

quickie-delicious-chocolate

A Slick Supernatural Text Effect

 

In this tutorial we’ll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It’s a good exercise in using the Wave distortion filter…

a-slick-supernatural-text-effect

Design Soft Stylized 3D Type

The use of 3D type is an increasing trend in design today. Creating such type usually requires advanced 3D software. Yet, not all of us own such software, nor know how to use it. In this tutorial, I will teach you the basics of creating polished 3D type using Illustrator and Photoshop. Let’s get to work.

design-soft-stylized-3d-type

Wooden Text Effect in Photoshop

We will use an image of Krakograff texture and a wood texture that can be found on FreeFoto.

wooden-text-effect-in-photoshop

Icey Styles in Photoshop

 

In this tutorial, we’re going to create an icey-cold effect using layer styles and that you can apply to different objects. Then we’ll put it on a nice background to give it some kick. You can download the PSD file at the bottom of the tutorial if you’d simply like to copy+paste the layer styles.

icey-styles-in-photoshop

Text Effect Quickies: Bubble Text

In this Text Effect Quickie, we’ll create an easy to use layer style that will quickly transform ordinary text into bubble styled font, perfect for use in underwater scenes.

quickies-bubble-text

How To Use Type on Paths and Shapes in Photoshop (video)

This Tutorial will Teach You how to create type that follows a custom path, or fills a custom shape in Photoshop. We’ll start with paths, and move our way up to filling and typing along shapes.

how-to-use-type-on-paths-and-shapes

Transparent Glass Lettering in Photoshop

 

In this tutorial, we’re going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Because there is so much use of layer styles, you need to download the sample PSD from the link at the bottom of the tutorial in order to follow along.

transparent-glass-lettering

Papercraft Text Effect

As usual, my tutorials are very long. It is not that the effect is difficult to achieve. In fact it is very easy. It is just because I don´t want to leave beginners out in the cold. Each step, no matter how easy it is, is explained in detail.

papercraft-text-effect

Text Effect Quickie: Moon Shine Text Effect

In just a few simple steps, you can add a calm, easy-going text effect — great for evening events and crisp banners.

text-effect-quickie-moon-shine-text-effect

Text Effect Quickie: Vibrant Pop Text Effect

In just a few moments, you can add a vibrant splash to your text that will really add some pop-culture flavor to your designs! Great for spicing up banners and promotional material when time’s a concern.

text-effect-quickie-vibrant-pop-text

Candy Coated Text Effect

In this tutorial I’ll teach you how to make a web 2.0 logo so damn sugary sweet it’ll give your website a cavity. Then I’ll give you the PSD, the font, and all the patterns used in the image so that you can play with it yourself. If you want to skip the tutorial altogether, you can download the PSD here.

candy

Realistic Chrome and Glossy Plastic Text Effect

Are you in the mood for some glossy plastic and reflective chrome text effect? I bet you do. Chrome effects are very difficult to create because chrome has no color at all. It’s all about reflections. Glossy plastics are a bit easier, but tricky as well.
So, let’s learn how some advanced Photoshop Layer Styles tricks to create some stunning chrome and plastic text effect.

realistic-chrome-and-glossy-plastic

3D text effect – 2009

In this tutorial you’ll gonna learn how to create a Colorful 3D Text effect in Photoshop CS3

3D-text-effect---2009

Plastic Jelly Styles

 

In this tutorial, we’ll be using layer styles to make a plastic gel-type style that you can easily apply to text and shapes. You can download the PSD file from the link at the bottom of the tutorial to just copy+paste the styles.

plastic-jelly-styles

Spectacular 3D Text Effect

In this tutorial we’ll create a cool looking 3D Style text effect.

Create-a-Spectacular-Style-Text-Effect

2009 Multi-colored effects

A simple walkthrough on how to create a colored text effects in Adobe Photoshop, which can then be used as an element in your designs.

2009-Multi-colored-effects

Gauzy Text Effect

One more interesting tutorial about how to create gauzy text effect in Photoshop.

gauzy-text-effect

*Bling Bling* Simple Gold Text Effect

Tutorial on how to make a simple gold text effect by using some layer styles, namely the Gradient Overlay layer style!

bling-bling-simple-gold-text-effect

Reflective Liquid Type

Tutorials on creating metal type abound online, as do variations on simple liquid effects. Most are fairly short, offering a good foundation for the reader on how certain effects are achieved but fail to take that extra step (or few steps) to make the piece really shine…

liquid-type

Furry Text

This Photoshop tutorial will show you how to create text with a furry texture.

furryText-photoshop

Delicate Text Effect

I’m going to share with you about how to make a delicate text effect by using some layer styles. Is it interesting for you? If yes, let’s start to read and make!

delicate-text-effect

Suspended Text Effect

Here’s how I made suspended translucent text effect. As for me it looks wonderful.

Suspended Text Effect

Create a Realistic Weedy Text Effect in Photoshop

In this tutorial, I will take you through the steps I used to create a weedy text effect in Photoshop. This is a very simple tutorial, yet the effect is surprising and realistic.

create-a-realistic-weedy-text

Design a Shining Crystal Text Effect in Photoshop

In this tutorial, I will show you a very simple way to achieve this cool crystal text effect in Photoshop. I accidentally discover this method when I was playing with the layer blending options and I decide to share this with you guys.

design-a-crystal-text-effect

Create a Scratched Metal Text Effect in Photoshop

In this tutorial, I will demostrate the steps I took to create a scratched Metal Text Effect using Photoshop.

create-a-scratched-metal

Create a Crispy-Crust Text Effect with Flower Texture in Photoshop

In this tutorial, I will demonstrate the processes I used to create this Crispy-Crust text effect with flower texture in Photoshop, inspired by Pizzahut’s thin’n crispy pizza base!

create-a-soft-and-elegant-text-effect-with-flower

Create an Realistic Dark Ocean Text Effect in Photoshop

 

In this tutorial, I will show you the procedures I took to create an Ocean-feeling text effect in Photoshop, which is inspired by one of the ocean photos my aunt showed me from Mykonos, Greece.

create-an-ocean-text-effect

Starcraft 2 Text Effect

This tutorial will teach you how to create Starcraft theme wallpaper.

starcraft

The Chronicles of Narnia Logo

In this tutorial I will show you how to create The Chronicles of Narnia logo.

narnia

Star Wars text effect

In this tutorial we will be working on a Star Wars text effect.

star-wars-text-effect

Create a Realistic Lightning Text Effect In Photoshop

In this tutorial, I wil demonstrate the procedures I undertook to create a realistic Lightning Text Effect In Photoshop. We had a really big thunderstorm last night and that’s where the inspiration comes from!

create-a-realistic-lightning

Elegant Leather Style Text Effect

Would you like to create elegant semitransparent text effect on leather texture? No problem! This tutorial special for you. I will explain you how to create this effect using blending options in Photoshop.

elegant-leather-style-text-effect

Recreate the ‘Bee Movie’ Text Effect

In this quick Photoshop tutorial we’ll be recreating the ‘Bee movie’ text effect, you know, the one you’ve seen all over the place over the last few months?

bee

Simple, Sleek & Stylish Text Effect

In this short and simple tutorial I’m going to teach you how to make a very stylish, sleek text effect, like the example I’ve shown in the below image.

sleek-text

Cracky Text Effect

This tutorial shows the path I took to create this Diablo III Inspired Grunge Text Effect.

diablo-text

Design a Grunge-Style Abstract Typography with Rusted Metal Texture in Photoshop

In this tutorial, I will show you the steps I took to make a Grunge-Style Abstract Typography using rusted metal texture in Photoshop. The inspiration of this tutorial came from a grungy metal image I came across on stockvault.net and thought I could have a play with it :)

design-a-grunge-style-abstract

Design a Fragmented Text Effect with Scrap Texture in Photoshop

In this tutorial, I will show you the steps I took to create this really cool, abstract-style fragmented text effect by applying scrap texture in Photoshop. Sometimes, those scrappy wastes do have their uses :)

final-ab-text

Design a Soft and Fluffy Text Effect in Photoshop

In this tutorial, I will show you the processes I used to design a soft and fluffy text effect in Photoshop without using any third party images.

design-a-soft-and-fluffy-text

Design a Snowy Rock Text Effect in Photoshop

In this tutorial, I will demonstrate the processes I used to design this snowy rock text effect in Photoshop. The inspiration of this design came from a snowy mountain photo I saw the other day, and I thought I could create a similar text effect which might look interesting!

rock

Design a Refreshing Natural Text Effect with Leaves and Wood Texture in Photoshop

In this tutorial, I will show you the process I used to design this refreshing, cool-looking natural text effect in Photoshop. I was having a walk in the nearby park and suddenly had this thought coming into my mind :)

natural-text-final

Design a Cool Abstract-Style Shattered Text Effect in Photoshop

In this tutorial, I will show you the steps I took to create this really cool, abstract style shattered text effect with Broken Glass Texture in Photoshop.

shattered-text-final

Translucent Text Effect with Sky and Cloud

In this tutorial, I will show the processes involved in making this shining and refreshing transparent text effect with sky and cloud textures. We had some really interesting clouds on the sky yesterday and that’s where I’ve got the inspiration from :)

translucent-text-effect-with-sky

Ancient Golden Text Effect In Photoshop

In this tutorial, I will demonstrate the steps I took to make this golden ancient text effect in Photoshop. I always love ancient history and have an interest in reading all sorts of history books.

golden-ancient-text

WP Zoom Yamidoo MagazineWooThemes - Finally a themes club that is here to stayWP REMIX 2.0WP Zoom Yamidoo Magazine
Support tripwire magazine if you buy a Premium Theme

{ 29 comments… read them below or add one }

Ib Janus March 15, 2009 at 1:42 am

Many thanks for this collection. There a few I haven’t seen before and want to try out.

Reply

Programmatore PHP March 19, 2009 at 3:31 pm

This collection is the best! I put it in my delicious!
thanks

Reply

NN March 20, 2009 at 9:09 am

its, amazing tutorials…..

Reply

Brochure Printing March 27, 2009 at 6:29 pm

I can’t wait to try the dynamic recessed watercolor typography, floral type, and flaming meteor effects! Those are so cool! These are really great, I’m definitely keeping this list bookmarked. Thanks for sharing this!

Reply

burnz March 31, 2009 at 7:58 pm

Nice collections… thanks.

Reply

Sallat April 8, 2009 at 6:57 am

hey

yeh it grreat site

im new in graphic designer

i wana some trips and tricks from u

plz help me and email me some inportant about collor combination and object places and also abut font use and type of fonts

Best Regadrs

sallat

Reply

photoshop services April 28, 2009 at 6:56 am

Great compilation. This is very useful and splendid. Thanks for sharing.

Reply

Glenn Addicott May 5, 2009 at 5:53 pm

Amazing list. Going to have a play with quite a few of these and see how they turn out. Thanks!

Reply

Anthony Alexander June 8, 2009 at 5:15 pm

One List to rule them all

Reply

PelFusion August 22, 2009 at 11:24 pm

nice collection of tutorials

Reply

http://game4home.com September 22, 2009 at 10:10 am

nice effect

Reply

http://www.game4barbie.com/ October 15, 2009 at 8:26 am

nice…

Reply

Photoshop Tutorials January 7, 2010 at 10:24 am

Excellent collection of text effects! Thanks for sharing

Reply

Neer April 26, 2010 at 3:00 pm

Wow great collection of inspirations.

Reply

Peter June 7, 2010 at 9:43 am

Nice effects!! :)

Reply

Cris June 16, 2010 at 9:16 am

Thanks heaps for posting the tutorials. Really liked them! Especially the suspended text effect as well as the grass one. I got my designer from LogoDesignPlanet to design a logo for me based on a few of the tutorials that inspired me. In the end, it looked great and was affordable too. I highly recommend it. Fast and good quality logo designs. Anyway, thanks again for posting the tutorial links… It was really great and helped me lots!

Reply

tripwire team June 16, 2010 at 10:25 am

@Cris, thanks for the feedback end the tip.

Reply

Luke watts July 13, 2010 at 1:22 pm

Excellent collection of text effects! Thanks for sharing….Keep rocking

———————-
http://www.deepetch.com
Clipping path, Masking, Retouch, Color Correction etc…

Reply

Bid 2 Improve July 26, 2010 at 11:48 am

Nice work, great tutorials. Hopefully be able to put these to good use

Reply

Mizz Kitten August 3, 2010 at 8:38 am

Thanks for this great list. Very useful for me :-)

Reply

pascale August 6, 2010 at 12:37 pm

thanks for some amazing ideas…
definitely excited to use them…

Reply

Brett Widmann October 22, 2010 at 5:34 am

Love working with text. Thanks for the new ideas!

Reply

ABel Joseph December 11, 2010 at 5:12 am

reall great work dude……….

helped me a lot to shine infront of my friendzzzzzzzzzzz

Reply

Kobus Myburgh January 28, 2011 at 9:57 pm

Hi

Now these are super. I am unfortunately no good with PhotoShop and is constantly looking for character sets that look like this. Have you guys every thought about making full character sets, similar to fonts, and then sell them? You are making the effects anyways – you can just as well make some money off it. I’ll be a frequent buyer :-)

regards,

Kobus

Reply

Lars January 28, 2011 at 10:36 pm

Kobus thanks for your feedback. I would love to assist you in creating text effect designs. Contact me directly here: http://www.tripwiremagazine.com/contact-us

Reply

C0LDSteeL March 29, 2011 at 12:30 am

very nice effects. Thanks for sharing :) )

Reply

Flint September 5, 2011 at 3:41 pm

New in Graphic design and it’s just a miracle how i saw these effects. I went through them and it’s just amazing and going to put them in practice.

Reply

student October 2, 2011 at 12:19 am

Love these fonts, wow those fire fonts are really impressive! :-)

Reply

Ganesh kumar g January 30, 2012 at 4:15 am

Thanks for such an awesome collection…

Reply

Leave a Comment

{ 15 trackbacks }

Previous post:

Next post: