Graphic Design Exercises
Illustrator: Type on Curves
Objective |
|
To learn type on curve techniques by example. To learn Adobe
Illustrator's layering techniques and precise drawing tools by
recreating the art below:

|
Procedure |
|
prepping the art
- download above GIF file (RMB on image: download image to disk)
- launch Illustrator
- file > new (CMYK), save as "curve.ai"
- practice navigation shortcuts (space + cmd + option; cmd-0,
cmd-1, cmd-Y)
- file > place "curve.gif" (as template)
- view artwork (cmd-Y)
- new layer "circle", draw large circle from center
(option-shift), fill black
- draw guides, snap to center point
- draw small circle from center, fill none, stroke white, make
stroke 3pt
- new layer "stars" (lock previous layer)
- make one triangle: circle tool to star, use arrow keys to
delete star points and shift key to constrain; fill black,
stroke
none
- position triangle at top, adjust size
- window > info
- rotate triangle: use rotation tool, choose
center of rotation (click); rotate to match template (observe
angle), undo
- copy triangle: option click center point, type in 12 degrees,
copy
- object > transform > transform again (cmd+D)
adding type to curves
- new layer "type" (lock previous layer)
- draw circle to match baseline of type
- using type on path tool, type "WISEGARVER"; select
all (cmd-A); make font futura condensed medium (cmd-T), center
(cmd+shift+C), fill white
- make type larger (cmd+shift+>), make tracking looser
(cmd+shift+]); adjust rotation (drag I-beam)
- duplicate "type" layer (lock previous layer)
- rotate type 180 degrees; flip type (drag on I-beam); adjust
baseline shift
- change type to "CONSTRUCTION"; adjust tracking,
adjust rotation
finishing the logo
- make bullets: draw circle, fill white, dupe and position
- new layer "W" (lock previous layer)
- type "W", make font Bellevue, adjust size to match
template; use shear tool to modify type, fill white
- view preview (cmd-Y), hide template, save
grading
- add your name to the bottom of the file
- file > save for web: preset=GIF 32 no dither, image size=800px wide
- publish GIF as a link from your projects page
- submit a b&w laser proof with your name on it for grading
- file graded proof in your 3-ring binder for individual review
|
BACK TO TOP
Version 1.0 Last updated:
10/20/08
Webmaster: Paul
Young