intro to adobe illustrator vector concepts
TRANSCRIPT
![Page 1: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/1.jpg)
Art109MODULE 2:
Adobe Illustrator &the Vector Process
COPYRIGHT BY KAITLIN HANGER, PHD
![Page 2: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/4.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/5.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
Paths
![Page 6: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/6.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/7.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/8.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/9.jpg)
Paths
![Page 10: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/10.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/11.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
Vary fill
![Page 12: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/12.jpg)
Vary effects
QuickTime™ and a decompressor
are needed to see this picture.
![Page 13: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/13.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 14: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/14.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/15.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 16: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/16.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 17: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/17.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 18: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/18.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 19: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/19.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 20: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/20.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/21.jpg)
Maintain PerfectFidelity
QuickTime™ and a decompressor
are needed to see this picture.
![Page 22: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/22.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/23.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 24: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/24.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/25.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/26.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 27: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/27.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 28: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/28.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 29: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/29.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 30: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/30.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 31: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/31.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 32: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/32.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
THE INTERFACE
TOOLS
![Page 33: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/33.jpg)
THE INTERFACE
QuickTime™ and a decompressor
are needed to see this picture.
TEAROUT TOOLS
![Page 34: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/34.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/35.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/36.jpg)
Student Practice 4: Trace an Object
![Page 37: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/37.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/38.jpg)
![Page 39: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/39.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 40: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/40.jpg)
![Page 41: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/41.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 42: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/42.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 43: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/43.jpg)
![Page 44: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/44.jpg)
![Page 45: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/45.jpg)
![Page 46: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/46.jpg)
![Page 47: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/47.jpg)
![Page 48: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/48.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 49: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/49.jpg)
![Page 50: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/50.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 51: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/51.jpg)
![Page 52: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/52.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 53: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/53.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 54: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/54.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 55: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/55.jpg)
![Page 56: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/56.jpg)
![Page 57: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/57.jpg)
![Page 58: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/58.jpg)
![Page 59: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/59.jpg)
![Page 60: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/60.jpg)
Student Practice 5Examples: Draw Objects from Scratch
![Page 61: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/61.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 62: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/62.jpg)
![Page 63: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/63.jpg)
![Page 64: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/64.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 65: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/65.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 66: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/66.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 67: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/67.jpg)
![Page 68: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/68.jpg)
![Page 69: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/69.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 70: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/70.jpg)
![Page 71: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/71.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/72.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/73.jpg)
![Page 74: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/74.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 75: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/75.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/76.jpg)
QuickTime™ and a decompressor
are needed to see this picture.
![Page 77: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/77.jpg)
![Page 78: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/78.jpg)
![Page 79: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/79.jpg)
![Page 80: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/80.jpg)
![Page 81: Intro to Adobe Illustrator Vector Concepts](https://reader031.vdocuments.us/reader031/viewer/2022032012/55cea982bb61eb09138b4768/html5/thumbnails/81.jpg)