Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Intro to Adobe Illustrator Vector Concepts

1,203 views

Published on

Intro to vector imagery for using Illustrator

Published in: Design
  • Be the first to comment

Intro to Adobe Illustrator Vector Concepts

  1. 1. Art109 MODULE 2: Adobe Illustrator & the Vector Process COPYRIGHT BY KAITLIN HANGER, PHD
  2. 2. 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
  3. 3. 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
  4. 4. Paths QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  5. 5. QuickTime™ and a decompressor are needed to see this picture. Paths
  6. 6. 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.
  7. 7. 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.
  8. 8. Benefits of vector  Rescaleable integrity  “Try on” a variety of styles  Maintain several variations on one theme or object
  9. 9. Paths
  10. 10. QuickTime™ and a decompressor are needed to see this picture. Vary stroke QuickTime™ and a decompressor are needed to see this picture.
  11. 11. QuickTime™ and a decompressor are needed to see this picture. Vary fill
  12. 12. Vary effects QuickTime™ and a decompressor are needed to see this picture.
  13. 13. QuickTime™ and a decompressor are needed to see this picture.
  14. 14. QuickTime™ and a decompressor are needed to see this picture. Achieve that unique “vector look” using modified brush strokes
  15. 15. QuickTime™ and a decompressor are needed to see this picture.
  16. 16. QuickTime™ and a decompressor are needed to see this picture.
  17. 17. QuickTime™ and a decompressor are needed to see this picture.
  18. 18. QuickTime™ and a decompressor are needed to see this picture.
  19. 19. QuickTime™ and a decompressor are needed to see this picture.
  20. 20. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  21. 21. Maintain Perfect Fidelity QuickTime™ and a decompressor are needed to see this picture.
  22. 22. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  23. 23. QuickTime™ and a decompressor are needed to see this picture.
  24. 24. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  25. 25. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture. RASTER VECTOR
  26. 26. QuickTime™ and a decompressor are needed to see this picture.
  27. 27. QuickTime™ and a decompressor are needed to see this picture.
  28. 28. QuickTime™ and a decompressor are needed to see this picture.
  29. 29. QuickTime™ and a decompressor are needed to see this picture.
  30. 30. QuickTime™ and a decompressor are needed to see this picture.
  31. 31. QuickTime™ and a decompressor are needed to see this picture.
  32. 32. QuickTime™ and a decompressor are needed to see this picture. THE INTERFACE TOOLS
  33. 33. THE INTERFACE QuickTime™ and a decompressor are needed to see this picture. TEAROUT TOOLS
  34. 34. Interface • PALETTES • (Panels) • (Windows) • Appearance: *stroke, color & swatches(fill), gradient, paths (layers) • Command Y QuickTime™ and a decompressor are needed to see this picture.
  35. 35. 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
  36. 36. Student Practice 4: Trace an Object
  37. 37. QuickTime™ and a decompressor are needed to see this picture. Refer to the online “How-to” for instructions on tracing a photo
  38. 38. QuickTime™ and a decompressor are needed to see this picture.
  39. 39. QuickTime™ and a decompressor are needed to see this picture.
  40. 40. QuickTime™ and a decompressor are needed to see this picture.
  41. 41. QuickTime™ and a decompressor are needed to see this picture.
  42. 42. QuickTime™ and a decompressor are needed to see this picture.
  43. 43. QuickTime™ and a decompressor are needed to see this picture.
  44. 44. QuickTime™ and a decompressor are needed to see this picture.
  45. 45. QuickTime™ and a decompressor are needed to see this picture.
  46. 46. Student Practice 5 Examples: Draw Objects from Scratch
  47. 47. QuickTime™ and a decompressor are needed to see this picture.
  48. 48. QuickTime™ and a decompressor are needed to see this picture.
  49. 49. QuickTime™ and a decompressor are needed to see this picture.
  50. 50. QuickTime™ and a decompressor are needed to see this picture.
  51. 51. QuickTime™ and a decompressor are needed to see this picture.
  52. 52. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  53. 53. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  54. 54. QuickTime™ and a decompressor are needed to see this picture.
  55. 55. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  56. 56. QuickTime™ and a decompressor are needed to see this picture.

×