website sketch


Warp and Offset Path Text in Illustrator

    ●   Create some text, apply some warp to it, and create an Offset Path shape behind it …

Learn About:

Text & Font in IllustratorOffset Path Warp

  •   This tutorial is part of theCereal Design, Package Redesign and We Can Be Heroes! Projects.

Other People's Work:

These are examples created by students following this Tutorial.


Step #1: Open Your Project in Illustrator ~

Open YOUR PROJECT in Illustrator


… this assignment needs to be placed in your main project or it will not be accepted …

… if you don't like the final results you can remove it after you have attached your completed assignment …

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

… make a New Layer in Illustrator and lock lock your other layers.

Step #2: Type Tool ~

Get the Type Tool or hit the keyboard shortcut letter (t) …

type tool

Type something you can USE IN YOUR PROJECT!

The requirements for this project say,"You need a name for your cereal."

crunchy flakes


… or type a Call to Action! - like NEW! or Try It! FREE! or NOW WITH FLAVOR! Examples

… or if you're working on the Hero or Comic Book project,

try POW! or Try It! Blam! or Kapow!

Other Examples

Step #3: Font Theme ~

Select your Font in the Character panel …

If you want, search for a font that matches your project theme at

If you need a reminder on installing fonts, refresh your memory from this tutorial = 310-blend-text-ai.htm

… select Size here …

… and Colo r in the menu bar.

Step #4: 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 #5: Warp ~

Then select them all and go to: Object > Envelope Distort > Make with Warp …




You don't have to copy these settings!

Try different stuff!

Step #6: Expand ~

Now, with the text selected, go to: Object > Expand


Step #7: Offset Path ~

Then go to: Object > Path > Offset Path

… select “Preview,” adjust your settings …

… and hit OK. Notice the outer path is selected.

Now move the outer path aside using the Selection Tool (v)

Step #8: Pathfinder ~

With the shape selected (not the inner letters themselves) go to: Window > Pathfinder and click “Unite”.


Step #9: Color ~

Change the Fill color to something from your color scheme and add some Stroke if you want.

Step #10: Send to Back ~

With the large shape selected, go to: Object > Arange > Send to Back …

… and then move the shape behind your text to see what you’ve got.

Step #11: Drop Shadow ~

Lastly go to: Effect > Stylize > Drop Shadow

Last Step: Save and Attach ~

Save your work as -]

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: