SuperHero Text in Illustrator

    ●  Making Superhero text in Illustrator is easy and fun.

Learn About:

Text ToolWarp TextDrop Shadow 3D Extrude and Bevel

  •   This tutorial is part of the Package Redesign, Don't Buy The Lie, Movie Poster and We Can Be Heroes! Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.


Step #1: Find a Font that Matches your Project ~

Go to http://www.dafont.com/ and search for a font that fits your project theme -

  •   For instance, if you want a text or font that looks Old, search for that at dafont.com.


  •   If you want something that looks like Money, search for that. Get it?

Step #2: Download the Font ~

When you find a font that matches your project, Right-Click and save the file to your desktop, or somewhere you can find it …

download font

Step #3: Open Font Book ~

Go to where you downloaded the font, open it, and double-click on the .tff file(s) …

ttf file

… when Font Book opens, click Install Font.

font book install

Step #4: Open your Project in Illustrator ~

Open YOUR PROJECT in Illustrator, create a New Layer, and get the Type Tool …

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

Click the Artboard and type your name or something you can use in your project …

Try a Bold, large font - any font you like. You don't need to use these settings. Be Creative!

Select a bright, comic book color for the Fill and another bright color for the Stroke …

The stroke color will become the extrusion color of your 3-D word.

Step #5: Warp your Type ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

… and go to: Effect > Warp > Arch

warp options arc

… you do not have to use these settings! Turn on the Preview option. Change the Bend value and for Distortion, change the Horizontal value to whatever looks good to you …

Step #6: Extrude and Shade ~

Go to: Effect > 3D > Extrude & Bevel and check Preview.

Set the Perspective to around 50° and the Extrude Depth to around 50 pt …

… then hit More Options

… under Surface try Plastic Shading, mess with the Ambient Light, change the Shading Color …

… and move the New Light source around.

Try any other settings you want. Experiment! Take a chance!

Step #7: Create Outlines ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

… go to: Type > Create Outlines



… or hit the keyboard shortcut:

shift key+ +



… but however you do it, be sure to ALWAYS create outlines of your text.


Step #8: Colors and Effects ~

Go to: Effect > Stylize > Drop Shadow on the text and star shape - try the other effects also - Try different stuff! Make something interesting!

Last Step: Save and Attach ~


Attach it!

  •   ALWAYS save your projects using the following naming convention:

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.

Other Resources: