common object example

Summary:

Create a 3D Globe with Map in Illustrator

    ●  Put your Map on the Face of a 3D globe.


Learn About:

Artboard Tool 3D RevolveEllipse Tool
3D Map Art Warp Text

  •   This tutorial is part of the What in the World? Project.

Other People's Work:

Here are examples of work inspired by this tutorial.

Step #1: Open your Map in Illustrator ~

Open your map in Illustrator:


Step #2: Artboard Tool ~

Get the Artboard Tool or hit the keyboard shortcut letters: Shift (⇧)shift key +

artboard tool

… and crop your your image.


Step #3: Symbols ~

Then go to: File > Save for Web

… lower the size (if necessary) and make sure "Clip to Artboard" is checked.


Save the image somewhere you can find it.


Step #5: Open a New Document in Illustrator ~

Open a New Document in Illustrator by hitting: Cmd (⌘) + N +

 

 

 

 

 

… and set the size to approximately 300 x 300 pixels:


Step #6: Ellipse Tool and Colors ~

Get the Ellipse Tool or hit the keyboard shortcut letter (L) …

… set your Fill color and turn the Stroke OFF.

… holding the Shift key down, make a perfect circle:


Step #7: Delete Half the Circle ~

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

… select the right anchor point …

… and delete it.


Step #8: 3D Revolve ~

Go to: Effect > 3D > Revolve and hit Preview …

3d revolve


Step #9: Right Edge ~

Hit Right Edge

Step #10: Import Map you saved into Illustrator ~

Import the map you saved into Illustrator by going to: File>Place and find the map file you just saved.


Step #11: Symbols ~

Open the Symbols panel or hit the keyboard shortcut Shift+Cmd+F11

… select the image you saved, drag it into the Symbols panel, and then select Graphic.


Step #12: Map Art ~

 Click on Map Art


Step #13: Pick your Symbol ~

  Choose the symbol you just made from the Symbol drop down box …


Step #14: 3D Revolve ~

    This may take a couple of trys to get it placed in the correct position.


Step #15: Add Text ~

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

type tool

… and type the name of your country or destination across your globe.


Step #16: Font ~

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 = 31-blend-text-ai.htm


… and change the Size here:


Step #17: 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 #18: 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 #19: Drop Shadow ~

Go to: Effect > Drop Shadow.


Step #19: Stroke ~

 Add Stroke to the text.


Step #20: Crop the Image ~

 Now get the Artboard Tool or hit the keyboard shortcut Shift+O

… and crop your your image as square as possible.


Last Step: Save Your Project & 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://blog.spoongraphics.co.uk/tutorials/create-a-rotatable-globe-in-adobe-illustrator