Photoshop Tutorials: Compilation of some stunning text effects

Photoshop Tutorials: Compilation of some stunning text effects

If your next design project involves some manipulation of typeface, you do not want to miss this article. I have always found that text effects is one of the coolest things that you can create in Photoshop. In this post I have rounded up some of the best Photoshop text effects tutorials from around the web. Topics like how to create eroded metal text and 3D text shatter effect are just a few of the tutorials that are featured. These Photoshop tutorials will arm you with all the latest techniques to help you in your design creations. So why not check them out so you can show off your latest text effects designs.

 

How to Create Eroded Metal Text with Photoshop

photoshop-text-effects-1

In this tutorial I’ll show you how to create an eroded metal text effect. Throughout this tutorial we’ll make use of various drawing techniques, channels, and patterns. Let’s get started! – Author: Eren Goksel

Add Fantastic Color to 3D Text – Part II

photoshop-text-effects-2

This is the this last part of this two part tutorial on adding fantastic color to 3D text. In this tutorial, you will learn how to bring a simple text to life and place everything in fantastic, colored and glowing 3D space. Some neat techniques covered here will allow you to bring your artwork to the next level. Don’t miss it! – Author: Wojciech Pijecki

3D Typography in Photoshop

photoshop-text-effects-3

In this tutorial we are going to go over various techniques you may have seen before, as well as a bulk of techniques that may be new to you – Author: Fernando Martinez

Old School Type – Line Gradients

photoshop-text-effects-4

One of our readers suggested we write a tutorial explaining how to do this cool text effect. On the Dragonforce logo above, the basis of my typography was sketched on paper first and then vectored in Illustrator using the Pen Tool – Author: Jeff Finley

6 Quick’n’Dirty Photoshop Text Effects From Scratch

photoshop-text-effects-5

May 29th in Text Effects by Collis 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! – Author: Collis

How to Quickly Create a Stylish Retro Text Effect

photoshop-text-effects-6

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! – Author: Arik

How To Create A Gold Text Effect In Photoshop

photoshop-text-effects-7

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. – Author: Fabio

Colorful Glowing Text Effect in Photoshop

photoshop-text-effects-8

After seeing some recent Type work by Vicenç Fontanet (or, Drasik), in his recent project for “Miniblack“, I just had to give the effect a shot myself in Photoshop. It’s a wondeful little style that could easily be integrated into any dark graphic design where some upbeat text is needed. – By David Leggett

Colored Chrome Text Effect

photoshop-text-effects-9

We’ve seen many photoshop tutorials showing how to create the chrome text effect. In this tutorial we will go a step further and create a colored chrome text effect. – by webtoolkit4.me

3D Text Shatter Effect

photoshop-text-effects-10

I’m going to show you how to make a 3D text shatter effect. This effect is made in two programs, Cinema 4D and Photoshop.If you haven’t heard of Cinema 4D before it is a relatively easy to use 3d application, it is quite similar to 3dsMax or Maya. I will go pretty in depth with the Cinema 4D part, for all the inexperienced users, so bare with me if I go too slow. Now enough chit chat, let’s jump in. – By Arno Van Waeyenberg

Floral Text Wallpaper

photoshop-text-effects-11

Today we are going to make a wallpaper with a flower text effect using Illustrator and Photoshop. The PSD File for this tutorial can be found at the bottom of this post. I will first tell you how can you get the flower text effect and then will continue with the making of the wallpaper. – By pprakash

How to Create a Richly Ornate Typographic Illustration

photoshop-text-effects-12

When looking for top quality content, you’re usually forced to pay for your resources. They’re generally better and easier to work with, and offer a wider range of use. Sometimes though, you can find the same level of quality at zero cost, and it’s exactly what we’re going to do today. We’re going to create a detailed illustration with free gifts and self made goodies. – Author: Alex Beltechi

Papercraft Text Effect

photoshop-text-effects-13

Wired Magazine introduced on the September 2008 issue a new headline design created by Mario Hugo. This cool headline design struck me with its beauty and simplicity. So I decided to turn this effect into a Photoshop tutorial. Although the effect is a bit different, all credit should be given to Mario Hugo.

Striking Text Effect Using Glows and Blends

photoshop-text-effects-14

In this tutorial I’m going to show you how to create the image above using a combination of glows and blends in 7 steps. All the files for this tutorial are at the bottom of this post. – By Joe

Retro Text

photoshop-text-effects-15

Retro Text and Video Layers Retro text like this looks great but isn’t easy to create in Photoshop alone so here we use a mix of Photoshop and Illustrator, raster and vector to create some unique text. – By Ross Aitken

How to Create Explosive Typographic Effects in Cinema 4D

photoshop-text-effects-16

In this tutorial I will walk through the steps I used to create this illustration to bring alive the word “collide.” While you may not find yourself needing to recreate the word “collide,” I hope you will find useful the techniques I will cover – By Barton Damer

How To Create a Striking Typographic Illustration

photoshop-text-effects-17

If you want to take your illustrative typography work to the next level, then we have an exciting tutorial for you. Learn how to use 3D objects, vector graphics, and Photoshop effects to create a striking typographic illustration. Learn more at the jump! – Author: Alex Beltechi

Text In Stitches

photoshop-text-effects-18

I’ve had quite a few emails since posting the Copper Rivet tutorial asking how I created the stitched text in my final image. 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. – By PShero.com

How to Create a Gorgeous Glassy Text Effect

photoshop-text-effects-19

I Worked on this tutorial with a good friend of mine Negreu Andreas. This text will be created using a series of shapes with different transparency and color effects. Let’s get to it! – Author: Constantin Potorac

Create a Spectacular Grass Text Effect in Photoshop

photoshop-text-effects-20

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. – Author: Collis

Graffiti with Photoshop

photoshop-text-effects-21

Graffiti with Photoshop

Illustrator Tutorial – 3D lighted text effect

photoshop-text-effects-22

Today Transfuchsian brings you another tutorial that shows how Illustrator can perform design tasks generally reserved for Photoshop or other raster programs. – By transfuchsian.blogspot.com

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

photoshop-text-effects-23

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. – Author: Collis

Photoshop Tutorial – Creating A Retro Grunge Poster

photoshop-text-effects-24

This tutorial is an add on from the Poster article the other day, we will create a Retro/Grunge style poster using the pen tool some textures and playing with text to make it look more retro. – By Steve Tolley

Create a Trendy Typographic Poster Design

photoshop-text-effects-25

Using simple shapes can produce some great looking contemporary designs that fit well as impactful posters, a good example being the recent Trendy Geometric Lines tutorial. This time we’ll look at stripping back the tools to creating an interesting and eye-catching poster with a single typographic word. – Written by Chris Spooner

Transformers Effect

photoshop-text-effects-26

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. – By pshero.com

Create a Spectacular Flaming Meteor Effect on Text

photoshop-text-effects-27

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 tutorials. It uses a little Illustrator for the text and a lot of Photoshop to burn up the screen! – Author: Fabio

Icey Styles in Photoshop

photoshop-text-effects-28

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. – Author: Collis

Create Smokey Typography in 12 Steps

photoshop-text-effects-29

Learn how to create cool smokey typography in 12 simple steps. – By Tom

How to Create High Quality Metal 3D Text in Photoshop

photoshop-text-effects-30

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! – Author: Wojciech Pijecki

Vanity License Plate

photoshop-text-effects-32

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. – By pshero.com

Candy Coated Photoshop Tutorial

photoshop-text-effects-33

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. – Via gosdot.com

How to Create a Copper Photoshop Text Effect

photoshop-text-effects-34

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. – Author: Alvaro Guzman

Super Cool Frilly Bits Typography

photoshop-text-effects-35

Super Cool Frilly Bits Typography – By Abduzeedo

How to Design a Stunning, 3D, Sunset Type Illustration

photoshop-text-effects-36

Today we’re going to run through multiple platforms to create a warm and sunny typographic treatment. We’ll use C4D to create the text, Illustrator for several decorative motifs, and Photoshop to bring them all together. Let’s get our hands into creating this warm type illustration. – Author: Alex Beltechi

Patriotic Text Using Displacement Masks

photoshop-text-effects-37

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. – By pshero.com

Transparent Glass Lettering in Photoshop

photoshop-text-effects-38

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. – Author: Collis

  37Comments

  1. pr   •  

    this image loading “as you go” effect is extremely annoying.
    good compilation though, thanks.

  2. Pixelcandy   •  

    Great post. I found the ones at the beginning (the top 5) to be the most interesting as I had never see them before. But good job touching on amazing (but slightly dated) type tutorials.

  3. admin   •  

    @PR sorry about that. i’ll increase the threshold so you don’t see the loading (or see it less… hopefully)

  4. Tutorial Lounge   •  

    really awesome collection of creative text effect tuts.

  5. yulianti   •  

    thanx for sharing :D

  6. anonymous   •  

    great post…

    thank’s for tutorial..

  7. utari   •  

    so cool..great!!

  8. eric   •  

    nice post, its so inspiring me… :)
    thanks for share..

  9. ilham   •  

    so beautiful, i will try it

  10. Kojeje   •  

    Awesome result you demonstrated :)

  11. doris   •  

    so cool..great!!

  12. yulianti   •  

    how to trackback this link?

  13. Awesome resources for my blog. Great tutorial collection. Thanks for share this wonderful post. :)

  14. London Man and Van   •  

    Paper Craft Text Effect is really awesome. Thanks dudes and keep on posting suc good work.

  15. Hassan   •  

    Hi everyone these text effect are absolutlety stunning. Thanks!

  16. Really helpful and informative tutorial. I always appreciate these kind of wonderful work. Thanks for sharing.

  17. orly nail polish   •  

    whoah this blog is excellent i really like studying your articles. Stay up the good work! You recognize, lots of persons are searching round for this information, you could help them greatly.

  18. Surrey Man and Van   •  

    Photoshop is deinfitely a great tool in the right hands though :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>