Intermediate Adobe Illustrator CS3 welcome & course outline (2009)


Published on

Published in: Technology, Business
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Shift back and forth between the playground document to test tools/techniques and the main illustration you are creating. ADDITIONAL TOPICS TO ADD: understanding specific functions of the bounding box Editing groups in Isolation Mode setting preferences templates getting help and searching google
  • Please bring up your flash drive so that your workshop files can be updated!
  • introductions and administrivia what is illustrator? rasters vs vectors overview of the interface, including bridge viewing and navigation extremely quick toolbox overview
  • Have students open the .pdf file on their own screens. Use adobe bridge to open a complex illustration from the examples folder. ALSO use a playground document to make examples.
  • go back and forth between simple playground experiments and drawing a goal. Pen Tool follow pen tool make sure to have students save as into their saved work folder so that we can use this later in the path manipulations exercises. AFTER NEXT SLIDE: I like the idea of drawing over something as a tracing image? Ctrl-click to end a path!
  • playground: make sure to experiment with brushes and colors. go back to pen tool playground, and practice applying brushes to the different paths created there. Eyedropper: using shift will lift only the active attribute do the tracing image exercise after you do this playground. try london bridge .jpg this london bridge was built in 1831 and moved to arizona in 1968
  • how about a pen tool review with a new challenge?
  • The difficult part here is getting the circles in the correct order. When drawing new circles, it is best to first determine the circle on top of which you will be drawing, then label that path, then draw the new circle.
  • Use multiple documents for examples: 1) Use the original tony-poh from the example files folder. 2) From scratch create the circles-into-lace illustration. Eyedropper: using shift will lift only the active attribute Magic Wand: To create a new selection, click the object containing the attributes you want to select. All objects with the same attributes that were clicked are selected. Do one of the following to open the Magic Wand panel: Double-click the Magic Wand tool in the Tools panel. Choose Window > Magic Wand. CIRCLES-INTO-LACE 1) draw the three circles 2) use the appearance palette to set a THICK double stroke for the inner circle 3) use the eyedropper to copy this to the other circles THEN, THREE MANIPULATIONS 1) select control handles only, use resize tool 2) rotate next circle 45 degrees, select control handles only, use resize tool 3) quadruple the number of anchor points, select control handles only, use resize tool FINALLY, CREATE A COMPOUND PATH: Object: Compound Path: Make
  • In combination with previous slide, from scratch create the circles-into-lace illustration. CIRCLES-INTO-LACE 1) draw the three circles 2) use the appearance palette to set a THICK double stroke for the inner circle 3) use the eyedropper to copy this to the other circles THEN, THREE MANIPULATIONS 1) select control handles only, use resize tool 2) rotate next circle 45 degrees, select control handles only, use resize tool 3) quadruple the number of anchor points, select control handles only, use resize tool FINALLY, CREATE A COMPOUND PATH: Object: Compound Path: Make
  • Have students open file(s): Hiding tools: tab vs. shift-tab
  • easy tracking, kerning, and leading with Alt arrows just do the headlines on ancient
  • 1) create a simple pen tool curve playground for text along a path. zoom out to find the adjustment handles. 2) practice attaching text on a circle in the playground before moving into ancient duplicate the circle , because once you attach text to it, it disappears!  annoying use Alt to activate text on a path. click on the very top of the circle . set the alignment to center . begin typing. text appears upside-down on the bottom of the circle. once you place text on a circle, it becomes impossibly difficult to edit, so get it right the first time!  annoying Use Type on a Path Options to FLIP, ASCENDER demonstrate how the text bounding box control handles affect the placement of the text. use the character palette “baseline shift” set to a negative value to float the text below the circle 3) repeat these same steps in ancient hide the hand objects and lock down the duplicate circle. before you attempt the text wrap, unlock al the paths in the logo and GROUP. place the text layer just below this group. select Object: Text Wrap: Make if you run into any problems getting the text to wrap around the complete object, a work-around would be to create an additional invisible circle, and wrap the text around it.
  • easy tracking, kerning, and leading with Alt arrows “Greek” text
  • These additional manipulations can be demonstrated on ellipse shapes in a playground document. For each tool, press ALT before using the tool, to change its size and shape. Look at “reshaping tool gallery” in adobe help for examples of how they work
  • You will want to give them a choice between: “ additional reshaping tools” applied to text live trace glass effect / reflection
  • you can use the london bridge document to create a simple opacity mask with the transparency palette. creating a glass effect object 1) first you must understand how gradients work 2) then you must understand how transparency/opacity masks work. (you cannot simply set a gradient stop to transparent like you can in Flash!) you will have to use an Alt click to select the object on the layer and not the layer itself.
  • Edit: Keyboard Shortcuts …
  • ASK: When resampling images, you can “upsample” or “downsample.” Which is the one you want to avoid as much as possible?
  • Intermediate Adobe Illustrator CS3 welcome & course outline (2009)

    1. 1. Adobe Illustrator CS3 digital drawing, Level II your instructor: matthew wyllyamz
    2. 2. Adobe Illustrator CS3 Getting started today Quick introductionsQuick introductions » customizing this coursecustomizing this course AdministriviaAdministrivia How to have a great classHow to have a great class Menu of possible topicsMenu of possible topics
    3. 3. Adobe Illustrator CS3 Quick introductions » customizing this course Who are you and what do you do?Who are you and what do you do? What is your experience with …What is your experience with … » Computers & MS WindowsComputers & MS Windows » Vector-based drawingVector-based drawing » Adobe IllustratorAdobe Illustrator What is something interesting aboutWhat is something interesting about you?you?
    4. 4. Adobe Illustrator CS3 » matthew wyllyamz Software instructor since 1993, with an emphasis on multimedia, graphic design, and Internet development. Have created courses for Jefferson County Adult Ed, Colorado Christian University, Productivity Point, Colorado Free University, and the Department of Defense. Taught Apple Macintosh classes exclusively for five years, and have been active on the Internet since 1994. Have been using vector-based digital illustrators since 1992. Illustrated a 300+ page book with three illustrations/page with Macromedia Freehand in 1993. Corporate graphic designer / webmaster for two years ('97-'99). TODAY: Independent contractor: technical and creative instructor and consultant, artist, amateur photographer, and author. BA in English writing, and have sold three books. »
    5. 5. Adobe Illustrator CS3 Administrivia Workshop schedule » Four Tuesdays » 9am – 12pm » Two sessions per morning » Short break (15 mins) around 10:30am Facilities … » Bathrooms, vending, Starbucks …
    6. 6. Adobe Illustrator CS3 Please set cell phones to silent or turn off.Please set cell phones to silent or turn off. UnderstandUnderstand concentrated computer training:concentrated computer training: » Please sit at the front of the classroom and don’t sit alone. » Class is part discussion, part lecture, part hands-on. » PARTICIPATE! Ask questions. Answer questions. Take notes. » Watch the screen, then try it yourself. » This is a cooperative learning environment: We are here to learn from each other. Keep in mind that this class was designed for aKeep in mind that this class was designed for a specific level of student:specific level of student: How to have a great class
    7. 7. Adobe Illustrator CS3 Keep in mind that this course was designed for aKeep in mind that this course was designed for a specific level of student:specific level of student: Created for » a semi-experienced computer user with a comfortable working knowledge of the Windows environment. » the intermediate Adobe Illustrator user who has a fundamental understanding, and who is ready to learn about more advanced techniques. NOT created for » the beginning Illustrator user. » the more advanced Illustrator user. most importantly …most importantly … How to have a great class
    8. 8. Adobe Illustrator CS3 Make it fun!  most importantly …most importantly … How to have a great class
    9. 9. Adobe Illustrator CS3 Menu of possible topics Workshop objectives The Illustrator KEYS! Curves and tangents The infamous Pen Tool Pencil and Paintbrush Path manipulations I Selections Path manipulations II Adobe Bridge Using Templates Working with text Characters & Paragraphs Leading, tracking, kerning Type along a path Wrapping text Additional reshaping tools Gradients & Transparency Live Trace Preferences and Help Summary and Conclusions … and a word about your materials
    10. 10. Adobe Illustrator CS3 Moving on … MORE DRAWING TOOLS DAY1
    11. 11. Adobe Illustrator CS3 Level II workshop emphases & objectives Learning additional jargonLearning additional jargon MasteringMastering core conceptscore concepts Becoming more comfortableBecoming more comfortable Understanding more advanced techniquesUnderstanding more advanced techniques Gaining confidence through immersionGaining confidence through immersion Increasing speed & efficiencyIncreasing speed & efficiency
    12. 12. Adobe Illustrator CS3 The keys to working in Illustrator … Everything you’ve already learned still applies! Always pay close attention to … The tool you have selected. The layer you are in. Learn your modifiers and keyboard shortcuts! Constrain Shift Draw from center Alt Zoom Ctrl + (or) – Center artboard Ctrl 0 Magnifier (Keep your magnification appropriate!) Ctrl spacebar (or) Ctrl Alt spacebar Outlines Ctrl Y Layer outlines Ctrl click Layer visibility Alt click Undo Ctrl Z Selection tool V (A drawing tool is not a selection tool!) Direct Selection tool A Last selection tool (temp) Hold Ctrl Deselect Ctrl Shift A Hide selection Ctrl H Hand tool spacebar Hide toolbars Tab Change view mode F
    13. 13. Adobe Illustrator CS3 How curved paths align to tangents
    14. 14. Adobe Illustrator CS3 Understanding the infamous Pen Tool (4-8) Pen clicks & drags plot the anchor points of a path. Clicking vs. clicking-and-dragging (and combinations) Watch carefully for visual clues! Anchor Points » The difference between Corner Points, Smooth Points, and Cusp Points Manipulating anchor points » Moving, adding, deleting, converting » Adjusting control handles Viewing a more precise pen tool (Caps Lock) Pen tool keyboard shortcut P
    15. 15. Adobe Illustrator CS3 Pencil and Paintbrush More intuitive, but not as precise? The opposite of the pen tool Important preferences Applying brushes to strokes The Eyedropper
    16. 16. Adobe Illustrator CS3 HOMEWORK DUE ILT workbook Unit 4: “Drawing Paths” Time: 65 minutes. Moving on … PATHS & SELECTIONS DAY2
    17. 17. Adobe Illustrator CS3 Review from previous weeks Average time to complete: 45 minutes. Utilizes essential skills sets: Using the pen tool to create corner points, smooth points, and cusp points. Additional skills: ellipse tool, line tool, spiral tool, cut, and join. Instructions: 1) From the classroom example files folder, open the document pen tool review & 2) Beginning with the “triangle” layer, work your way down through each of the pen tool shape challenges, following the drawing instructions and recreating additional shapes as directed. Challenges will increase in difficulty as you go. 3) Please work with other students, asking for, or providing assistance. When you have finished, please offer your help to other students who are still working.
    18. 18. Adobe Illustrator CS3 Path manipulations, level I Always select by the path Basic transformations (2- 16,33) Using the bounding box … Tools: move, scale, rotate, reflect … Duplication and Cloning (2-21) Making multiple selections Shift key, marquee, or lasso Alignment and Distribution (2-23) Group and Ungroup (2-30) Shape Mode commands (2-25) Compound shapes (2-30) Changing the Reference Point
    19. 19. Adobe Illustrator CS3 Selections Select All & Deselect Hiding selections Understanding “persistent” settings Select Same … Inverse Next Object Above/Below The Eyedropper Illustrator’s Magic Wand Saving and recalling selections Selecting multiple handles
    20. 20. Adobe Illustrator CS3 Path manipulations, level II Path selections vs. Anchor selections Moving a path Moving an anchor point (4-18) Join and Average (4-22) Handle adjustments Independent handle adjustments (4-14) Cutting a path (4-26) Adding, deleting, and converting anchor points (4-23) Multiplying and reducing anchor points Creating compound paths
    21. 21. Adobe Illustrator CS3 Adobe Bridge comes standard with CS3 So why use it? (1-15) Folders tab Thumbnails Thumbnail slider Workspace buttons Metadata
    22. 22. Adobe Illustrator CS3 Using Templates
    23. 23. Adobe Illustrator CS3 Moving on … WORKING WITH TEXT DAY3 HOMEWORK DUE ILT workbook Unit 5: “Working with Text” Time: 50 minutes. OPTIONAL ILT workbook Unit 8: “Adjusting Typography” Time: 50 minutes.
    24. 24. Adobe Illustrator CS3 Working with type, part 1 Type tools Creating a bounding box (or not) The Character palette (5-2) (Sizing keyboard alternatives) Scanning through font choices Height and width adjustments Leading, Tracking, and Kerning (5-3) (Keyboard alternatives) The importance of Ctrl Enter
    25. 25. Adobe Illustrator CS3 Working with type, part 2 Text along a path (5-17) The Place command vs. copy-and-paste (5-9) The Paragraph palette (5-3) Area Type options (5-13) “Greek text” or Lorem Ipsum lorem-ipsum Flowing text through multiple placeholders (8-2) Wrapping text around an object (8-10) Adobe says, “To wrap text around an object, the wrap object must be in the same layer as the text and located directly above the text in the layer hierarchy. “ Making outlines (5-21) Glyphs (8-17)
    26. 26. Adobe Illustrator CS3 Everything you ever wanted to know about typefaces … See the glossary at
    27. 27. Adobe Illustrator CS3 Additional reshaping tools Scale, Rotate, Reflect, Shear, Free Transform Warp, Roughen, Tweak, Zig Zag, Crystallize, Wrinkle, Scallop Transform, Pucker & Bloat
    28. 28. Adobe Illustrator CS3 HOMEWORK DUE ILT workbook Unit 7: “Working with Fills and Colors” Time: 40 minutes. Moving on … ADDITIONAL TOPICS DAY4
    29. 29. Adobe Illustrator CS3 Gradients and Transparency The Gradient palette (7-11) Linear vs. Radial Adjusting angles Manipulating Color Stops » Coloring, swapping, adding, tinting, and adjusting the midpoint Utilizing the Gradient Tool (7-13) Simple transparencies (7-15) Creating Opacity Masks
    30. 30. Adobe Illustrator CS3 Live Trace Converting a raster image into vector art Tracing presets Understanding Tracing Options Previewing Rasters and Vectors The Expand Command Ungrouping
    31. 31. Adobe Illustrator CS3 Setting Preferences
    32. 32. Adobe Illustrator CS3 Getting Help
    33. 33. Adobe Illustrator CS3 So, how far have we come? Summary of classroom discussions What is Illustrator? What are paths? Open vs. Closed paths Vector graphics vs. bitmaps The Illustrator interface Viewing and navigation controls Toolbox overview File formats CMYK vs. RGB color Drawing basic shapes (with keyboard modifiers) Arrows: Black vs. White Stroke and Fill Showing Outlines Rulers, guides, grids, and snapping Clone and Duplicate Move and Scale Rotate and Reflect Stacking and Layers Setting an angle Compound shapes Cutting and Joining Opacity adjustments Creating pattern files Align and Distribute Group and Ungroup Changing a Reference Point Anchor Points Control Handles Curves and Tangents Drawing with the Pen Tool Add, delete, convert anchors Pencil and Paintbrush The Eyedropper Making & Saving Selections Working with Type Character/Paragraph palettes Leading, Tracking, Kerning Text on a Path Text Wrap Making text outlines Transparency and Gradients Live Trace
    34. 34. Adobe Illustrator CS3 Conclusions … Sincere thanks! You cannot learn the violin in a few days. Digital illustration is a skill – like any other – that requires gradual & continual practice & improvement. Approach everything on a need-to-know basis, and don't worry about that which you do not yet understand. Stay upbeat! … but if you get frustrated, remember: You can always turn off the machine and walk away. :) Good luck. Best wishes. And get in touch if you need more help!
    35. 35. Adobe Illustrator CS3 © 2008 by
    36. 36. Adobe Illustrator CS3 Adobe Creative Suite 3
    37. 37. Adobe Illustrator CS3 Summary of common keyboard shortcuts (Q-1)
    38. 38. Adobe Illustrator CS3 Most popular online resources urls urls
    39. 39. Adobe Illustrator CS3 Review from last week » Resizing, resampling, and saving images A B C Average time to complete: 20 minutes. Utilizes essential skills sets: Manipulating image size & resolution, resampling, and saving multiple versions of the same image. Instructions: 1) Use Adobe Bridge to open the file: C:Program FilesAdobeAdobe Photoshop CS2Samples Sunflower.psd 2) Use the Image Size command and resample down 50%. What is the resulting file size and pixel dimensions of the image? 3) Use the Save for Web command. Create a JPEG set to High-60 quality, and save the image to your desktop. 4) Use the command File: Revert to restore the .psd file to its original size. 5) Use Image Size again. Resize (not resample) the image so that it may be printed at 300dpi. How large will the image appear on a printed page? 6) Use Save As to create a TIFF image and save it to your desktop. 7) Extra credit: Crop the image tightly to show only the sunflower’s petals. Save another version of the image: Sunflower cropped.psd