Art109
MODULE 2:
Adobe Illustrator &
the Vector Process
COPYRIGHT BY KAITLIN HANGER, PHD
TOPICS: Illustrator CS5
Basic mastery of vector images, digital
drawing, & design elements:
キ Raster vs. vector art
キ Understanding vectors and Bezier curves
キ Illustrator features & workspace
キ Drawing with the pen tool
キ Fills, strokes, brush effects
キ Understanding typography
QuickTime™ and a
decompressor
are needed to see this picture.
Bézier curves are
used to model smooth arcs that
can be scaled indefinitely & “losslessly.”
"Paths" link the curves you draw with a
pen tool. Paths are not subject to
the pixelation of rasterized images.
(Bézier curves are also used in
animation to control motion.)
QuickTime™ and a
decompressor
are needed to see this picture.
BEZIERS ARE THE ELECTRONIC
“FRENCH CURVE” INVENTED
BY ENGINEER PIERRE BEZIER
Paths
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
Paths
Paths are created with the pen tool.
The pen tool, a bizarre yet valuable tool,
places anchor points
to define a “path.” Paths define “objects.”
While it takes time to master this tool,
it is worth every minute.
The shapes you end up with in vector are
economical, clean, perfect, and precise.
Pen Tool
QuickTime™ and adecompressorare needed to see this picture.
WHAT YOU’LL BE GLAD TO HEAR YOU
DON’T HAVE TO LEARN…
“Given a set of n+1 control points P_0, P_1, ...,
Pn, the corresponding Bézier curve is given by
C(t)=sum_(i=0)^nP_iB_(i,n)(t),where B_(i,n)(t)
is a Bernstein polynomial and t iS [0,1].
QuickTime™ and a
decompressor
are needed to see this picture.
Benefits
of vector
 Rescaleable integrity
 “Try on” a variety
of styles
 Maintain several
variations on one
theme or object
Paths
QuickTime™ and a
decompressor
are needed to see this picture.
Vary stroke
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
Vary fill
Vary effects
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
Achieve that unique “vector look” using
modified brush strokes
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
Maintain Perfect
Fidelity
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
RASTER VECTOR
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
THE INTERFACE
TOOLS
THE INTERFACE
QuickTime™ and a
decompressor
are needed to see this picture.
TEAROUT TOOLS
Interface
• PALETTES
• (Panels)
• (Windows)
• Appearance: *stroke,
color & swatches(fill),
gradient, paths
(layers)
• Command Y
QuickTime™ and a
decompressor
are needed to see this picture.
Complete the Two Introductory Practice Exercises
(Due Mar. 9)
Practice Four (P4): Using the pen tool (in either PS or
Illustrator), trace an object in a photo to create a silhouette or
contour drawing (using paths and strokes). Use the fill
function then to make parts of your image different values or
colors. (2 points)
Practice Five (P5): Use the pen, brushes, and shapes to
create a simple object, geometric design, or complex
symmetrical shape “from scratch”. (2 points)
CONTINUE YOUR SELF-PACED TUTORIAL TRAINING.
FOR LEARNING MODULE 2
Student Practice 4:
Trace an Object
QuickTime™ and a
decompressor
are needed to see this picture.
Refer to the online
“How-to”
for instructions on
tracing a photo
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
Student Practice 5
Examples: Draw
Objects from Scratch
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture. QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts

Intro to Adobe Illustrator Vector Concepts