1. AN ILLUSTRATION DRAWING AND COMPOSING Adobe Illustrator CS Design Professional

2. Chapter C2Drawing and Composing an Illustration Draw straight lines Draw curved lines Draw elements of an illustration Copy attributes between objects Assemble an illustration Stroke objects for artistic effect Chapter Lessons

3. Chapter C3Drawing and Composing an Illustration Use the Pen tool to draw –Straight lines –Curved lines –Polygons –Irregularly shaped objects Mastering Illustrator requires mastering the Pen tool Drawing in Illustrator

4. Chapter C4Drawing and Composing an Illustration Viewing Objects Use the Zoom tool to enlarge areas of the artboard for easier viewing Click and drag the Zoom tool over an area to magnify it Use the New View command to save a view of the artboard –Increase productivity

5. Chapter C5Drawing and Composing an Illustration Drawing Straight Segments Use the Pen tool to make lines, called paths When the Pen tool is clicked on the artboard, anchor points are made Straight segments are automatically placed between anchor points

6. Chapter C6Drawing and Composing an Illustration Corner Points Uniting the endpoints of two straight segments produces a corner point

7. Chapter C7Drawing and Composing an Illustration Using the Pen Tool Use the pen tool to create the general shape Use the Direction Selection tool to tweak anchor points and segments

8. Chapter C8Drawing and Composing an Illustration Examples of a path Segment Starting anchor point Corner anchor points Ending anchor point Corner anchor point

9. Chapter C9Drawing and Composing an Illustration Aligning Anchor Points Align anchor points precisely to create geometric objects Use the Average command to align two or more points on the: –Horizontal axis –Vertical axis –Both the horizontal and vertical axes

10. Chapter C10Drawing and Composing an Illustration Joining Anchor Points After aligning points, use the Join command to unit anchor points Join command creates a segment between two anchor points One path is made from: –Two points aligned on both the horizontal and vertical axes and then joined

11. Chapter C11Drawing and Composing an Illustration Join Command Uniting Paths Two paths created by the Join command Points to be joined

12. Chapter C12Drawing and Composing an Illustration Drawing Curved Lines Click and drag the Pen tool to create anchor points along a curved line Anchor points created by clicking and dragging are called smooth points

13. Chapter C13Drawing and Composing an Illustration Understanding Direction Lines Use the Direction Selection tool to select a point connected by a curved segment and expose the point’s direction line The angle and length of the direction lines determines the arc of the curved segment

14. Chapter C14Drawing and Composing an Illustration Editing Direction Lines Drag the direction points at the end of direction lines to reshape the curve Direction lines function to define curves –Direction lines are not printed

15. Chapter C15Drawing and Composing an Illustration Viewing Direction Lines Smooth anchor point Direction line Direction point

16. Chapter C16Drawing and Composing an Illustration Working with Smooth Points Consist of two direction lines that move together as a unit –Two curved segments attached to the smooth point are both defined by the direction lines Manipulate the smooth point on a direction line to change the curve of both segments attached to the point

17. Chapter C17Drawing and Composing an Illustration Working with Corner Points Two paths joined at a corner point can be manipulated independently A corner point can join: –Two straight segments –One straight segment and one curved segment –Two curved segments

18. Chapter C18Drawing and Composing an Illustration Corner and Smooth Points A corner point joining two curved paths (note the direction lines A smooth point A corner point joining one straight and one curved segment A corner point joining two straight segments

19. Chapter C19Drawing and Composing an Illustration Joining Curved Segments When a corner point joins one or two curved segments: –Direction lines are unrelated –Referred to as broken When one direction point is manipulated, the other direction point does not move

20. Chapter C20Drawing and Composing an Illustration Converting Anchor Points Use the Convert Anchor Point tool to change corner points to smooth points and smooth points to corner points Corner point converted to a smooth point Corner Point

21. Chapter C21Drawing and Composing an Illustration Drawing from Scratch Use Pen and Shape tools to draw shapes from scratch in Illustrator Illustration created from scratch

22. Chapter C22Drawing and Composing an Illustration Tracing a Scanned Image Use the Place command to import a scanned image into Illustrator Trace the image in Illustrator Placed a scanned sketch in Illustrator and you can trace it.

23. Chapter C23Drawing and Composing an Illustration Understanding Attributes Enhancements that have been applied to an object to affect its appearance Typographic Attributes –Font, leading, horizontal scale Artistic Attributes –Fill color, stroke color, stroke weight

24. Chapter C24Drawing and Composing an Illustration Eyedropper and Paint Bucket Tools Sample all of an object’s attributes Apply the attributes to another object

25. Chapter C25Drawing and Composing an Illustration Adding Fill to an Open Path Illustrator draws an imaginary line between the endpoints of an open path to define where the fill ends

26. Chapter C26Drawing and Composing an Illustration Assembling an Illustration Use Stacking Order commands to assemble various components of an illustration Sequence in which elements are drawn determines the stacking order: –Newer elements appear in front of older elements

27. Chapter C27Drawing and Composing an Illustration Stacking Order Commands Bring to Front Send to Back Bring Forward Send Backward Paste in Front Paste in Back Group Lock Unlock All Hide Show All

28. Chapter C28Drawing and Composing an Illustration Assembled Illustration

29. Chapter C29Drawing and Composing an Illustration Defining Stroke Attributes Use the Stroke palette to define stroke attributes: –Weight –Miter limit –Dash width –Cap type –Join type

30. Chapter C30Drawing and Composing an Illustration Stroke Palette Miter Limit text box Dash width text box Gap width text box

31. Chapter C31Drawing and Composing an Illustration Understanding Caps Applied to the ends of stroked paths Three choices on the Stroke palette: –Butt Cap Squared endsSquared ends –Round Cap Rounded endsRounded ends –Projecting Cap Squared edge extends anchor point at a distance that is one-half the width of the strokeSquared edge extends anchor point at a distance that is one-half the width of the stroke

32. Chapter C32Drawing and Composing an Illustration Projecting Caps Two segments with but caps Two segments with projecting caps

33. Chapter C33Drawing and Composing an Illustration Understanding Joins Define the appearance of a corner Three choices on the Stroke palette: –Miter Join Stroked lines with pointed cornersStroked lines with pointed corners –Round Join Stroked lines with rounded cornersStroked lines with rounded corners –Bevel Join Stroked lines with squared cornersStroked lines with squared corners

34. Chapter C34Drawing and Composing an Illustration Join Types Miter join Round join Bevel join

35. Chapter C35Drawing and Composing an Illustration Defining Miter Limit Determines when a miter join will be squared off to a beveled edge –Miter is the length of the point, from the inside to the outside Two stroked paths at an acute angle produce a large miter that can be distracting Default miter limit is 4 times the stroke weight

36. Chapter C36Drawing and Composing an Illustration Modifying the Miter Limit Modify the miter limit if the length of stroked corner points becomes excessive

37. Chapter C37Drawing and Composing an Illustration Creating a Dashed Stroke To customize dashed or dotted lines: –Modify the lengths of the dashes and the gaps between dashes Create a maximum of three dash sizes separated by three gap sizes –Use Butt Caps for square dashes –Use Round Caps for rounded dashes

38. Chapter C38Drawing and Composing an Illustration Creating Pseudo-Stroke Effects Place a black filled copy of an object behind the object Distort the black object with the Direct Selection tool so that the black object “peeks” out from behind the element in varying degrees

39. Chapter C39Drawing and Composing an Illustration Viewing a Pseudo-Stroke Effect

40. Chapter C40Drawing and Composing an Illustration Chapter C Tasks Draw straight lines Align and join anchor points Draw curved lines Convert anchor points Draw elements of an illustration

41. Chapter C41Drawing and Composing an Illustration Chapter C Tasks Use the Eyedropper and Paint Bucket tools to copy attributes between objects Use Stacking tools to assemble the elements in an illustration Use joins and caps Apply stroke effects