Top Banner
Art109 MODULE 2: Adobe Illustrator & the Vector Process COPYRIGHT BY KAITLIN HANGER, PHD
81

Intro to Adobe Illustrator Vector Concepts

Aug 15, 2015

Download

Design

Kaitlin Hanger
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Intro to Adobe Illustrator Vector Concepts

Art109MODULE 2:

Adobe Illustrator &the Vector Process

COPYRIGHT BY KAITLIN HANGER, PHD

Page 2: Intro to Adobe Illustrator Vector Concepts

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

Page 3: Intro to Adobe Illustrator Vector Concepts

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 tothe 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” INVENTEDBY ENGINEER PIERRE BEZIER

Page 4: Intro to Adobe Illustrator Vector Concepts

Paths

QuickTime™ and a decompressor

are needed to see this picture.

QuickTime™ and a decompressor

are needed to see this picture.

Page 5: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Paths

Page 6: Intro to Adobe Illustrator Vector Concepts

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 ToolQuickTime™ and a decompressorare needed to see this picture.

Page 7: Intro to Adobe Illustrator Vector Concepts

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 byC(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.

Page 8: Intro to Adobe Illustrator Vector Concepts

Benefits of vector Rescaleable integrity

“Try on” a variety of styles

Maintain several variations on one theme or object

Page 9: Intro to Adobe Illustrator Vector Concepts

Paths

Page 10: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Vary stroke

QuickTime™ and a decompressor

are needed to see this picture.

Page 11: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Vary fill

Page 12: Intro to Adobe Illustrator Vector Concepts

Vary effects

QuickTime™ and a decompressor

are needed to see this picture.

Page 13: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 14: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Achieve that unique “vector look” using modified brush strokes

Page 15: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 16: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 17: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 18: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 19: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 20: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.QuickTime™ and a

decompressorare needed to see this picture.

Page 21: Intro to Adobe Illustrator Vector Concepts

Maintain PerfectFidelity

QuickTime™ and a decompressor

are needed to see this picture.

Page 22: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

QuickTime™ and a decompressor

are needed to see this picture.

Page 23: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 24: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

QuickTime™ and a decompressor

are needed to see this picture.

Page 25: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

QuickTime™ and a decompressor

are needed to see this picture.

RASTER VECTOR

Page 26: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 27: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 28: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 29: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 30: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 31: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 32: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

THE INTERFACE

TOOLS

Page 33: Intro to Adobe Illustrator Vector Concepts

THE INTERFACE

QuickTime™ and a decompressor

are needed to see this picture.

TEAROUT TOOLS

Page 34: Intro to Adobe Illustrator Vector Concepts

Interface

• PALETTES• (Panels)• (Windows)• Appearance: *stroke,

color & swatches(fill), gradient, paths (layers)

• Command Y

QuickTime™ and a decompressor

are needed to see this picture.

Page 35: Intro to Adobe Illustrator Vector Concepts

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

Page 36: Intro to Adobe Illustrator Vector Concepts

Student Practice 4: Trace an Object

Page 37: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Refer to the online

“How-to”

for instructions on

tracing a photo

Page 38: Intro to Adobe Illustrator Vector Concepts
Page 39: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 40: Intro to Adobe Illustrator Vector Concepts
Page 41: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 42: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 43: Intro to Adobe Illustrator Vector Concepts
Page 44: Intro to Adobe Illustrator Vector Concepts
Page 45: Intro to Adobe Illustrator Vector Concepts
Page 46: Intro to Adobe Illustrator Vector Concepts
Page 47: Intro to Adobe Illustrator Vector Concepts
Page 48: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 49: Intro to Adobe Illustrator Vector Concepts
Page 50: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 51: Intro to Adobe Illustrator Vector Concepts
Page 52: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 53: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 54: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 55: Intro to Adobe Illustrator Vector Concepts
Page 56: Intro to Adobe Illustrator Vector Concepts
Page 57: Intro to Adobe Illustrator Vector Concepts
Page 58: Intro to Adobe Illustrator Vector Concepts
Page 59: Intro to Adobe Illustrator Vector Concepts
Page 60: Intro to Adobe Illustrator Vector Concepts

Student Practice 5Examples: Draw Objects from Scratch

Page 61: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 62: Intro to Adobe Illustrator Vector Concepts
Page 63: Intro to Adobe Illustrator Vector Concepts
Page 64: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 65: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 66: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 67: Intro to Adobe Illustrator Vector Concepts
Page 68: Intro to Adobe Illustrator Vector Concepts
Page 69: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 70: Intro to Adobe Illustrator Vector Concepts
Page 71: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture. QuickTime™ and a decompressor

are needed to see this picture.

Page 72: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

QuickTime™ and a decompressor

are needed to see this picture.

Page 73: Intro to Adobe Illustrator Vector Concepts
Page 74: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 75: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

QuickTime™ and a decompressor

are needed to see this picture.

Page 76: Intro to Adobe Illustrator Vector Concepts

QuickTime™ and a decompressor

are needed to see this picture.

Page 77: Intro to Adobe Illustrator Vector Concepts
Page 78: Intro to Adobe Illustrator Vector Concepts
Page 79: Intro to Adobe Illustrator Vector Concepts
Page 80: Intro to Adobe Illustrator Vector Concepts
Page 81: Intro to Adobe Illustrator Vector Concepts