Bilder & Vektorgrafiken bearbeiten

50 Fantastic Typography Tutorials

25. Januar 2010
von

Zusammengestellt von Nousheen Aquil

Heute bringen wir einen weiteren, sicherlich interessanten Beitrag zur Typographie, der ein paar nützliche englischsprachige Tutorien enthält. Der Beitrag soll helfen zu erkennen, dass die Gestaltung schöner typografischer Entwürfe nicht immer einfach ist. Aber es ist immer ein Spaß. Hier ist die Liste der 50 erstaunlichsten und aufregendsten Tutorials – erstellt mit verschiedenen Anwendungen wie Adobe Photoshop, Illustrator und Cinema 4D.

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!

Screenshot

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!

Screenshot

How to make a Typographic, Retro, Space Face
In this tutorial, Artist will show you how to make a typographic face by using simple techniques. Using the Brush Tool and experimenting with light, you will get this amazing Typographic Space Face that looks like it’s created by letters and an amazing explosion. Let’s get started!

Screenshot

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.

Screenshot

Create Smokey Typography in 12 Steps
Learn how to create cool smokey typography in 12 simple steps.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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!

Screenshot

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.

Screenshot

How to Create Gross Evil 3D Text
Today we have an amazing tutorial on how to create some very evil, bloody, gory text that even has snake horns and skulls in it. This tutorial includes a video, just in case you don’t understand how to do something or you just prefer to watch me do it. You will learn some exciting new techniques that you can use on your next dark design or Halloween poster.

Screenshot

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.

Screenshot

Super Cool Frilly Bits Typography
In this tutorial artist will show you how to mix some vectors with letters to create a really nice design.

Screenshot

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, unique color enhancing techniques in Photoshop and various layer modes applied in Photoshop for great light effects

Screenshot

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

Screenshot

3D Text
Nik Ainley of Shiny Binary shows you how to add the wow factor to 3D text using Photoshop’s art tools.

Screenshot

How to Create a Richly Ornate Typographic Illustration
We’re going to create a detailed illustration with free gifts and self made goodies.

Screenshot

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.

Screenshot

Typographic Portrait like Grammy’s Posters
In this tutorial, we’re going to make a typographic poster from a simple portrait using Photoshop techniques.

Screenshot

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.

Screenshot

Wood Inlay Text
In this Photoshop tutorial artist will show you how to create a wood inlay effect using wood textures, layer masks and a few creative selection techniques.

Screenshot

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

Screenshot

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!

Screenshot

Create a Cool Wet Ink Typography Effect in Photoshop
Follow this Photoshop tutorial to create an awesome distorted type design. Using a range of Photoshop brushes we’ll create the appearance of printed type that has come into contact with drops of water, breaking up the text with oversaturated drips, runs and splats.

Screenshot

Learn Creative Lettering Techniques in this Psd Plus Tutorial
Lettering was something artist was definitely interested in, but he also wanted something new and different. So he set out to make a photorealistic lettering illustration in this tutorial, rather than something purely vector, or something created through non-digital methods.

Screenshot

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.

Screenshot

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.

Screenshot

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!

Screenshot

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!

Screenshot

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.

Screenshot

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.

Screenshot

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

Screenshot

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.

Screenshot

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

Screenshot

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.

Screenshot

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.

Screenshot

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

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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

Screenshot

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

Screenshot

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.

Screenshot

Rough Metal Photoshop Text Effect Tutorial
Let’s create a rough metal text effect, we’re going to use a metal texture artist have explained it in detail, below is what we’re going to be making with this text effect tutorial:

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

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.

Screenshot

How to Create a Trendy Retro Type Treatment
In this Illustrator tutorial, I’ll show you how to create a trendy retro type treatment with a free font, gradients, blends, and some scatter brushes. It’s a relative easy tutorial containing techniques that can be quickly applied to many other type treatments and various graphic elements.

Screenshot

Working with type in Illustrator
Adobe Illustrator is an essential tool in a designer’s kit. In this tutorial we are going to produce a self-promotional poster using Adobe Illustrator CS3.

Screenshot

Other Useful Resources

20 Kommentare zu „50 Fantastic Typography Tutorials
  1. […] 50 Fantastic Collections of Typography Tutorials | 3D, Illustrator, Photoshop, Tutorials, Typographie | Dr. Web Magazin 25 01 2010 via drweb.de […]

  2. designi1 am 25. Januar 2010 um 15:14

    Really nice round up!!! saved for future use…. thanks!

  3. G.Walter am 25. Januar 2010 um 15:32

    Sieht alles toll aus.

    Nicht so toll ist die Adaption vom Smashing Magazin und ebenso wenig toll die fehlenden deutschen Tutorials die zeigen würden, dass wir das auch können.

    Wie heißt es so schön:
    Doppelt hält besser.

  4. Manuel am 25. Januar 2010 um 16:02

    Sehr große Auswahl muss ich sagen. Ein paar werden da sicher in Zukunft einen genaueren Blick bekommen wenn Zeit und Bedarf besteht.
    Danke für das Zusammentragen der vielen Guides.

  5. Heiko am 26. Januar 2010 um 16:14

    Tolle Sammlung. Danke für die Liste!

  6. […] 50 Fantastic Typography Tutorials – Photoshop […]

  7. […] válogatott, fantasztikus szöveg effekt lecke: http://www.drweb.de/magazin/50-fantastic-collections-of-typography-tutor… Könyvjelzők közé ezt az […]

  8. Sergio am 4. Februar 2010 um 12:22

    Super Sammlung!
    Vor allem die 3D-tuts haben mir sehr gefallen!

  9. […] Nicht nur im Logo- oder Printdesign ist Typo-Design von Bedeutung. Im Web spielt die Typo eine unvorstellbare große Rolle. Deshalb ist es immer wichtig einige blickfangende Typo Segmente in Webprojekte einzubauen. Was mit Photoshop möglich ist und wo man sich Anregungen holt, findet ihr in der Zusammenstellung von dr.web […]

  10. […] Hier ist noch eine Seite mit zum Teil englischen Typographie […]

  11. Links – Dr. Web « Dirk's Blog am 4. März 2010 um 20:58

    […] 50 Fantastic Typography Tutorials […]

  12. Thaa am 15. März 2010 um 15:40

    wow, really good job !

  13. […] Lūk, nesen uzgāju, ļoti labu resursu, kur apkopoti 50 photoshop teksta tutoriāli, daži tiešām ir “outstanding”. Domāju, […]

  14. jayson am 17. Mai 2010 um 20:20

    @ g.walter wie krass fällt mir ja jetzt erst auf…sieht hier echt genau so aus wie das smashing-magazine…sehr creative…

  15. […] Autres tutoriels pour créer des effets de typographies 3D « L’art de choisir ses clients […]

  16. A.Tee am 31. Oktober 2010 um 11:30

    nice list :3

    is there a room for this tutorial to be listed up there
    http://vivepixels.com/index.php/2010/10/neon-typography-tutorial-psd-included/

  17. […] Autres tutoriels pour créer des effets de typographies 3D […]

  18. Glen Immerman am 31. März 2012 um 14:27

    Erstklassiger Post. Ich bin ganz gespannt auf mehr Beiträge zu dem Thema.

  19. 40 Striking Typography Tutorials Using Photoshop am 15. Dezember 2014 um 08:47

    […] 50 Fantastic Typography Tutorials […]

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!