website sketch

Summary:

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 dafont.com.

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 …

Warp

 

 

You don't have to copy these settings!

Try different stuff!


Step #6: Expand ~

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

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”.

pathfinder-unite.png


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 - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]

Attach it!

  •   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

  •   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: http://cornish.moderndog.com/wp/category/tutorials/