By AN Jay on December 9, 2010

Absolutely Awesome Tutorials To Create (Visually Attractive) Typographic Designs

Don't Forget to participate in a contest where you can win custom logo design package from LogoDesignBundle.


In this post we have featured 45 tutorials for creating beautiful typography design. The tutorials shown here will teach an extensive variety of techniques and will work towards end results of all kinds. These typography tutorials will help you in learning how you can create nice and attractive typographic design. You can make use of different editing software such as Adobe Photoshop, Illustrator, and Cinema4D etc.

Here we’ve compiled a list of most mazing typography tutorials that would amaze you! Do not forget to share your comments with us.

Add 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!

Create Elegant, Glassy, 3D Typography in Photoshop and Illustrator

In today’s tutorial, we will demonstrate how to create elegant, glassy, 3D typography using Photoshop and Illustrator. For this project, I used my company logo. Feel free to apply this effect to any logo, text, or shape. Let’s get started!

Use Google Sketchup and Photoshop to Create 3D Typography

Photoshop is a powerful application on its own merits. Its power, however, can be significantly increased by using it in tandem with another application like Illustrator, Cinema 4D, or in this case, Google Sketchup. Today, we will create some cool 3D text using this free architectural application.

Create a Delicious Type Treat

If you want to take your 3D typography skills to the next level, then we have an awesome tutorial for you. Learn how to create two tasty type effects in Cinema 4D, Illustrator and Photoshop. Learn more at the jump!

Create Liquid Filled Glass Text in Photoshop

Layer styles are a powerful tool in Photoshop that allow you to quickly create effects that you can then apply to additional objects. Today, we will demonstrate how to use layer styles to create a liquid filled text effect in Photoshop. Let’s get started!

Create a Spectacular Grass Text Effect in Photoshop

In this tutorial Collis Ta’eed demonstrates how to create a spectacular grass text effect in Photoshop. Let’s get started!

Smooth Glass Type

Here’s a quick way to create some nice looking translucent glass type that’ll work great on any background, made completely with layer styles.

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.

Use Photoshop CS5 Extended to Create a Simple 3D Logo – Screencast

Today, Zorana Gee, Adobe Photoshop Product Manager will walk us through a simple design project using Photoshop CS5 Extended’s 3D tools. In this tutorial you will receive a brief introduction to the 3D workspace in Photoshop and receive some great tips on how to incorporate 3D into your Photoshop workflow.

Apply a Burned Effect to Different Textures

The Burn Tool is a very powerful feature in Photoshop’s toolbox. In today’s tutorial we will demonstrate how to quickly burn an object into two different textures. Let’s get started!

Create Brilliant Glossy Typography in Photoshop

If you want to take your digital painting and illustration skills to the next level, then we have an awesome tutorial for you. Learn more after the jump!

The new way to create 3D text

3D text needs the right depth, lighting and texture. Nik Ainley tells you how to do this without re-rendering nightmares

Create Super Glossy 3D Typography in Illustrator and Photoshop

In today’s tutorial we will demonstrate how to create super glossy 3D typography using Illustrator and Photoshop. Let’s get started!

3D text effect tutorial

A step by step tutorial where artist will shows you how to create grungy 3D text.

Smoke Type in Photoshop in 10 Steps

In this tutorial artist 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.

Illustrative Typography

In this tutorial artist will walk through the steps he used to create this illustration to bring alive the word “collide.” While you may not find yourself needing to recreate the word “collide,” hope you will find useful the techniques, extruding text in Cinema 4d, using displacement maps in Cinema 4d, using the explosion deformer in Cinema 4d, exporting to photoshop from Cinema 4d.

Incredibly Realistic Water Text in Cinema 4D and Photoshop

In this tutorial Artist will show you how to create a water text effect. Even though it might look compex it’s a very simple effect. We will use Illustrator for the text, then Cinema 4D to make it a 3D text and Photoshop to mix the 3D with some real photos to create a nice and realistic result.

Create a Steam Powered Typographic Treatment

Steampunk style type experiment! In this Tutorial, we’ll generate realistic textures and create a fitting scene for our text. Let’s get right to it!

Create 3-D text with some extreme lighting

Today we are going to take an object/text, change it from 2-D to 3-D and give it some realistic effects. We are going to be using Illustrator to create the object, then bring it into Photoshop to add highlights and shadows.

Create Smokey Typography in 12 Steps

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

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

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.

How To Create Great Typographic Wallpaper In Photoshop

This tutorial will lead teach you how to create really interesting and unique typographic wallpaper in few easy steps. Really even beginner will be able to recreate this effect, add their own style and thought in it.

Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

In this tutorial, Artist will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try!

Create a Unique Burning Text Effect

Learn how to create a superb, unique burning text effect, whereby areas of flaming text actually peel off to expose an under layer.

3D Typography Photoshop Tutorial

A six page PDF tutorial on how to create 3D typographic elements, brush resources and actions using only photoshop.

How to Create a Richly Ornate Typographic Illustration

We’re going to create a detailed illustration with free gifts and self made goodies.

Create a Dream Design with 3D Typography

In this tutorial, we’re going to create a 3D Typography based design. All the elements will revolve around the centerpiece and theme: dreaming. The word will dictate the entire layout and control the space by allowing everything else to emerge from within. The trees will grow out of the letters; the mountains will show themselves behind the word and overshadow the glowing moon.

Advanced Glow Effects

In this tutorial, we’re going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool and Color Blending. The end effect is quite stunning and hopefully you’ll pick up some tips you didn’t know before.

Advanced Glow Effects

In this tutorial, artist will teach you the basics of creating polished 3D type using Illustrator and Photoshop. Let’s get to work.

Create a New Retro Text Effect in Photoshop

This effect is good for all sorts of projects, flyers, websites, posters. It works particularly well with music based projects. Artist will take you through the motions for type.

Awesome Milk Typography Effect in Photoshop

In this tutorial artist will show you how to create a nice effect that is a text mixed with some milk splashes. We will use Photoshop and Illustrator for this tutorial.

How to Create High Quality Metal 3D Text in Photoshop

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 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!

Create a 3D Text Scene Using Photoshop

In this tutorial we’ll create a realistic 3D text scene using Photoshop with a little help from Illustrator for the 3D text. You need to have medium to advanced knowledge of Photoshop in order to complete this tutorial.

3D Text On Fire

This tutorial is going to be a little more advanced than the other ones he have done. It shouldn’t be a problem if you have been following along with our other tutorials or have a grasp of Photoshop. So lets begin.

Creating Typographic Wallpaper

In this tutorial, you’ll learn how to make something similar, and it’s quite easy!

Old School Type – Line Gradients

This look is prevalent in wood engraving and sign lettering. You can do this effect with any typeface or font because the principle is the same.

Valentines Day – Photoshop Style

In this tutorial artist will teach you some nice techniques that could improve your experience and also help you make a great gift.

Turkish Typography

A step by step and detailed tutorial, Psd file also can be downloaded from the link at the bottom.

Create a Spectacular Flaming Meteor Effect on Text

In this tutorial, artist will show you how to create a fire effect similar to when a spaceship or comet enters the earth’s atmosphere. The image we’ll be creating is inspired by a Nike Ad I saw some time ago. I’m not sure what the URL is. If anyone knows it, please link us up in the comments.

Using Light and Shade to Bring Text to Life

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

Create Destructive Black and White Lettering with a Dramatic Splash Effect

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.

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.

Slow Shutter Effect

Shotgun Mag teaches you how to create this beautiful slow shutter text effect. Back due to it’s popularity on SGM2, this new tutorial offers an enhanced method of creating this great lighting effect.

Colorful Light Burst Text

In this Adobe Photoshop tutorial, we’re going to see how to engulf text in an explosion of light and color. There’s quite a few steps involved in this text effect, and we’ll be using a couple of filters that are not used very often in everyday Photoshop work, but creating the text effect is quite simple and the end result is definitely worth the effort.

Spray Paint Text

This tutorial will teach you how to make this spray paint style text effect which really stands out and would make a great wallpaper.

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.


Man some of these are old.

[...] En el sitio Smashing Apps han publicado un post que recopila 45 tutoriales diversos para aplicar como efectos a las diversas fuentes y tipografías que son utilizadas en los proyectos web tanto de índole personal como comercial, recursos de aprendizaje que son de gran ayuda sobre todo para aquellos usuarios que no poseen mayores conocimientos sobre diseño y requieren de guías paso a paso para poder efectuar este tipo de trabajos. [...]

Sorry, the comment form is closed at this time.