Map Text in Illustrator

    ●  Label your Rollovers clearly using Text and Objects.

Learn About:

Text and Font Character in Illustrator Star Shapes Stroke
Drop Shadow

  •   This tutorial is part of a series:

  ●   153-map-template-ai.htm   ●   150-road-maps-ai.htm   ●   274-coastline-brush-ai.htm
  ●   180-image-trace-symbols-ai.htm    ●   158_border_Ps.htm    ●   320-map-text-ai.htm

  •   This tutorial is part of the What in the World Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.


Step #1: Open Your Project in Illustrator ~

Open YOUR CURRENT PROJECT in Illustrator



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

… make a New Layer, and lock lock your other layers.

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

Go to and search for a font that fits your project theme -

  •   For instance, if your location is Tropical, search for that at


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

Step #3: 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 …

Step #4: Open Font Book ~

Go to your Downloads (maybe: Window > Downloads), open it, and double-click on the .tff file(s) …

… when Font Book opens, click Install Font.

Step #5: Type Your Text ~

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

text tool

… and type something you can use in your work:

Step #6: Font ~

Find the Font your downloaded, change the Size and Colo r in the menu bar …

… OR - use the Character palette and do it all in one place:

Step #7: Add Stroke ~

Add Stroke to your text (if necessary):

 Change the color of the Stroke to whatever makes it contrast against the background.

Their are lost of options for stroke! Use your creativity! Experiment!

Step #8: Drop Shadow ~

Then go to: Effect > Stylize > Drop Shadow

… and apply Drop Shadow to the text.

Step #9: Warp the Text ~

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

… and go to: Effect > Warp > 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 #10: 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 #11: Mark your Rollovers ~

Remember: The Rubric for this project says:

"Rollovers are obviously marked and labeled with text."

Get the Star Tool which is behind the Rectangle Tool …

… and draw a star to indicate where the rollover is.

Step #12: Label All Your Rollovers ~

Lastly, label all your rollovers with text using a Font that looks good!

Create Outlines for all your text!

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: