50 Stunning Photoshop Text Effect Tutorials

来源:互联网 发布:域名注册通 编辑:程序博客网 时间:2024/05/16 17:25

50 Stunning Photoshop Text Effect Tutorials

March 4th, 2009 in Tutorials | 88 Comments

Advertisement

Photoshop’s text and layer tools can be used tocreate some really awesome effects. We’ve put together a list of 60 ofthe best tutorials we could find to help you stay up to date on thelatest trends and techniques. You’ll find some really cool grunge andglass styles (plus a few surprises!) and learn how some of the bestdesigners create their unique effects.

Preview

Courtesy: LemonDesign

Instead of listing 100 plus tutorials that you’ll bookmark never tocome back, we’ve decided to take you through the basics of typography,hopefully inspiring and then teaching you. Typography is an art justlike any other. You have to feel the form, admire the curves andconnect with the flow.

You may want to take a look at the following related posts:

  • Digital Photography Photoshop Tutorials
  • Beauty Retouching Photoshop Tutorials
  • Modeling Photoshop Tutorials
  • Grunge Photoshop Tutorials
  • Vintage and Retro Photoshop Tutorials
  • Rainbows, Glows and Light Effects With Photoshop

Introduction to Typography

TypePoster

Typography is the art of arranging type, designing type, andmodifying type glyphs. The arrangement of type involves the selectionof typefaces, point size, line length, line spacing (leading),adjustment of space between groups of letters (tracking) and adjustmentof space between pairs of letters (kerning).

Here are some resources to give you further insight:

  • Brief introduction to typography
  • Five simple steps to better typography
  • More about vertical metrics for true typography lovers
  • 10 common typography mistakes

The Wisest Mind Has Something Yet to Learn

Inspire

And we, too, never stop being inspired, learning and creating:

  • 21 stunning typography artworks, from DeviantArt
  • 30 inspiring type treatments
  • Breathtaking typographic posters
  • Typography is sexy
  • 70 minimalist typography examples

How to Choose the Right Type

types of type

Guess if you can, choose if you dare. Typeface can make or breakyour design. Let the type speak for itself: its dimensions, curves,strength and space should define your purpose.

  • On choosing type, from iLoveTypography
  • 15 tips to choose a good text type
  • From kerning to hierarchy: this is one resource you will surely bookmark

Resources to Live by

Fonts

Finding quality fonts can be overwhelming because there areliterally millions out there and finding the right one is a painfulprocess. Here are a few resources I use to find a font for a project Iam working on.

  • 50 incredible fonts for professional Web and print design
  • Fonts: the skinny, thin and beautiful
  • 40+ excellent freefonts for Professional design
  • How to create a font

Here Come the Tutorials

Now that you understand the importance of typography, let’s move onto the awesome Photoshop tutorials we were talking about. The aboveresources on type were pretty general, whereas these tutorials dealmainly with text effects that you could use in posters, magazines orwhatever you wish. The basics of typography apply to most of the workyou will do with the tutorials below.

Go Crazy with 3D

3D texture
Create amazing 3D-textured text with Illustrator and Photoshop in this in-depth tutorial.

Screenshot

Create a spectacular flaming meteor effect on text
Take typography one step further by having text falling from the sky ina burning inferno. Yes, this is the text-on-fire tutorial to end alltext-on-fire tutorials. It uses a little Illustrator for the text and alot of Photoshop to burn up the screen!

Flaming Meteor Effect on Text

Funky 3D-style letters
A straightforward guide to creating funky 3D-style letters.

Screenshot

How to create high-quality metal 3D text in Photoshop
This tutorial shows you how to create 3D text and give it a high-quality metal look using only Photoshop.

Metal 3D Text in Photosop

Light and shade
In this tutorial we are going to take some very basic principles oflight 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 thoughtsconnected with a central word. You’ll turn standard text into astunning, destructive illustration, and give it a final unique look.

Screenshot

Chunky 3D letters
Create big chunky 3D letters with this colorful tutorial!

Screenshot

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

Stunning 3D effects

How to Quickly Create a Stylish Retro Text Effect
Learn how to create a quite cool retro text effect. You will learn howto use the Perspective tool to create depth and how designers can usedefault gradients in unusual ways.

Stunning 3D effects

3D text with a touch of grunge
A pretty detailed tutorial that shows you how to create grungy 3D text.

3D Grunge Text

Design soft stylized 3D type
Learn the basics of creating polished 3D type using Illustrator and Photoshop.

Stylized 3D

Create a 3D flowery text effect

3D Flowery Text Effect

Create a dream-like design with 3D typograph
This detailed tutorial shows you how to create a 3D typography-baseddesign. All the elements revolve around the theme of dreaming.

Dream 3D Typography

Elements of Nature

Quick and dirty Photoshop text effects from scratch (six tutorials in one)
Learn how to make six different effects using just layer styles. So really, this is like six tutorials in one!

Gold Text

Create a spectacular grass text effect in Photoshop
In this tutorial, you will learn how to create a rather cool-looking grass text effect.

Grass Text Effect

Plastic text
Turn text into plastic using Photoshop’s layer styles.

Screenshot

Icy cold
Get ready for winter: create icy cold text!

Screenshot

Paint-splodged text
This is a quick text effect tutorial. It shows you how to simply create paint-splodged text.

Paint Splodge Text

Text in stitches
In this Photoshop tutorial, you will learn how to convert text to a path and stitch that path using a custom brush set.

Text In Stitches

Wet watercolor
A watercolor on wet paper effect. Experiment to create different painting effects.

Screenshot

How to create a gold text effect in Photoshop
Learn how to create a gold text effect. I personally love this effect, so subtle yet powerful.

gold text

Colored chrome
Make chrome text and then color it!

Screenshot

Reflective liquid type
Create liquid text, a very handy trick.

Reflective Liquid

Wood inlay
A decorative wood-inlay text effect.

Screenshot

Paper-craft text effect
In this tutorial, you will learn how to create paper-craft text effects.

papercraft

Dramatic text-on-fire effect in Photoshop
Learn how to use a photograph of fire to strike text to the match. This is a beautiful tutorial, a must-see.

dramatic text on fire effect

Grunge & Co.

How to Create a Copper Photoshop Text Effect
This is a strong and eye-catching text effect, though relatively simpleto create. You’ll be using bevel and emboss styles, pattern overlays,and combining different techniques to mock-up the text into a relatedbackground.

Screenshot

Vanity License Plate
In this tutorial you’ll learn how to create a custom vanity licenseplate using a few basic Photoshop tools a piece of reference materialand some creative layer stylings.

Screenshot

Star Wars text effect
A step-by-step guide to creating a Star Wars text effect.

Screenshot

Create a trendy typographic poster design
Using simple shapes, you can produce some great-looking contemporarydesigns that create a big impact on posters; another good example beingthe recent Trendy Geometric Lines tutorial.

poster design

Graffiti with Photoshop
When you don’t have the guts to pull this off in the real world,Photoshop to the rescue. Learn how to make graffiti with Photoshop.

graffiti

Super-cool frilly bits typography
In this tutorial, you will learn how to mix some vectors with lettersto create a really nice design. This one is a personal favorite.

frilly bits typography

Typography wallpaper in Photoshop
Why not design your own typographic wallpaper from now on?

Typography Wallpaper

Dirty grunge text
Create dirty grunge text in Photoshop.

Screenshot

Rusty text
Make text rusty by following this easy tutorial.

Screenshot

Warm neon glow
Six simple steps to create a warm neon glow.

Screenshot

Floral
Learn how to make stylish floral typography.

Screenshot

Splattered blood
Blood-splattered mafia-style text!

Screenshot

Worn and torn
Create worn and torn text with this easy-to-follow guide.

Screenshot

Grunge rubber stamp.
Create a grunge rubber stamp effect in seven simple steps.

Screenshot

Distorted letters
Learn to distort letters using Photoshop brushes with this amazingly easy tutorial.

Screenshot

Decorative text
Learn how to decorate text with colorful floral patterns in this tutorial.

Screenshot

Rough metal
Create a rough-metal text effect with this tutorial.

Screenshot

Light and Glass

A slick supernatural text effect
Create a smoky night effect with text, giving it an eerie supernaturalfeel. It’s a good exercise in using the wave distortion filter.

Supernatural Text Effect

Smoke type in Photoshop in 10 steps
Learn how to create a smoke typography effect by playing with somebrushes and adjustment layers. It’s a very easy tutorial, and you willbe able to finish the whole process in 5 to 10 minutes.

Smoke Type.

Moonshine effect
In just a few simple steps, you can add a soft, calm, easy-going moon-like text effect.

Screenshot

Transparent glass lettering in Photoshop
In this tutorial, you’ll use some super layer effects and a bit ofmagic to make a lettering style that looks transparent and stunning.

Transparent Glass Lettering

Scan-line text
Create a style dubbed “Scan-Line Text,” which is basically text thatglows like bright scan lines, with a smart reflection as well. Learnhow to create this amazing yet simple effect with this easy-to-followtutorial.

Scanline Text

Create a layered glowing text effect
In this tutorial, we will create this effect using very basic Photoshop tools and layering effects.

Layered Glowing Text

Vibrant pop text effect
In just a few moments, you can add a vibrant splash to your text that will really give your design a pop-culture flavor!

Vibrant Pop Text

Slow-shutter effect
Learn how to create this beautiful slow-shutter text effect.

shutter effect

Colorful glow
A colorful, glowing text effect, great for integrating in designs with dark backgrounds.

Screenshot

Retro and Vintage

Colorful retro text
A colorful retro text effect using both Illustrator and Photoshop.

Screenshot

Colorful watercolor
Learn to make a colorful and distinctive watercolor text effect with this tutorial.

Screenshot

Experiments

Furry text
Create a tactile, furry text effect that looks like the real thing!

Screenshot

Wrapped parcel
A cartoon-like wrapped-parcel text style.

Screenshot

Barbed wire
Wrap your text in barbed wire!

Screenshot

Light burst
An amazing light-burst effect!

Screenshot

Sand writing
Learn how to write a message in the sand with Photoshop.

Screenshot

Flower text
Create a pretty floral text effect. It looks difficult but is surprisingly easy!

Screenshot

Resources

  • 30 Awesome Photoshop Text Tutorials
  • 30 Beautiful Photoshop Text Effect Tutorials
    PSDtuts bring us 50 creative Photoshop text-effect tutorials.
  • 25 Amazing Photoshop 3D Text-Effect Tutorials
    25 amazing 3D-text Photoshop tutorials from DZineblog.
  • 30 Beautiful Photoshop Text Effect Tutorials
    More text-effect tutorials from Elsterama.

Related Posts

You may want to take a look at the following related posts:

  • Digital Photography Photoshop Tutorials
  • Beauty Retouching Photoshop Tutorials
  • Modeling Photoshop Tutorials
  • Grunge Photoshop Tutorials
  • Vintage and Retro Photoshop Tutorials
  • Rainbows, Glows and Light Effects With Photoshop

About the authors

Andrew Gibson is a photographer and writer. He runs the Magical Places Fine Art Online Photography Magazine.

Kumail.H.T is a professional Web and graphic artist. You may visit his portfolio or blog to learn more. He is also hosting a Graphical User Interface design competition in a few weeks, which you can learn more about here.