24
Copyright © 2013 MyGraphicsLab / Pearson Education DRAW MYGRAPHICSLAB: ADOBE ILLUSTRATOR CS6

MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Embed Size (px)

Citation preview

Page 1: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

DRAW

MYGRAPHICSLAB: ADOBE ILLUSTRATOR CS6

Page 2: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

IN THIS LESSON, YOU WILL LEARN TO:

Set Pen tool stroke and fill Draw line segments with the Pen tool Draw curves with the Pen tool Create open and closed paths with the Pen tool Add and delete anchor points Convert anchor points Move and align anchor points and segments with the

Direct Selection tool Use smart guides Draw with the Pencil and Eraser tools

Page 3: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

THE POWER OF THE PEN TOOL

When you draw in Illustrator, you generate anchor points(pivot points for paths) and paths (the line segmentsbetween anchors)

Two ways to generate anchor points Draw with a shape tool, the Pencil tool, or the Line tool

When you use this technique, you appear to be drawing paths, butIllustrator is generating anchor points for you

Draw with the Pen toolWhen you use this technique, you are consciously defining anchor

points as you draw

Two ways to use the Pen tools Draw with the Pen tool Use the assorted pen tools (Add Anchor Point, Delete

Anchor Point, Convert Anchor Point) to adjust artworkgenerated with shapes and other tools

Page 4: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

THE CONVERT ANCHOR POINT TOOL

Using the Convert Anchor Point tool to edit a path generatedby the Star tool

Page 5: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Defining the stroke thickness for a selected object

SET PEN TOOL STROKES

Stroke color can bedefined in the Toolspanel; more attributescan be defined in theControl panel

In Tools panel Assign a color, or set

Stroke to None In the Control panel

Color / alternativecolors

Thickness Variable width profile Brush definition

Order of operations(when to set stroke) Before drawing: Define

stroke, draw path After drawing: Select

path, define stroke

Page 6: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Selecting a fill from the Control panel

SET PEN TOOL FILLS

In the Tools panel Assign a color, or set

Fill to None In the Control panel

Set color /alternative colors

Order of operations(when to apply fills) Before drawing:

Define fill, draw path After drawing: Select

object, define fill

Page 7: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Choosing a fill from the Beach swatch panel

MORE ON STROKES AND FILLS

There are almost limitlessattributes and effects thatcan be applied to strokesand fills

Fine-tuning strokes Caps, joins, and style

defined in the Strokespanel

Stroke colors fine-tuned inthe Color panel

Fine-tuning fills Graphic styles library

presents dozens of groupsof combinations of effects

Swatch libraries organizecolors and fills

Page 8: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Generating a curved anchor point with the Pen tool

DRAW LINE SEGMENTS WITH THE PEN TOOL

To generate straight angleanchor points Rather than click and drag,

click and click to defineanchor points

Constrain angles to 45°increments by holding downthe Shift key as you click

To generate curved anchorpoints Click, then click and drag, to

define curve of the vectordefined by the anchor points

Constrain control handlesthat define the curve to 45°increments by holding downthe Shift key as you click

Page 9: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Applying a fill to an open path

DRAW OPEN PATHS WITH THE PEN TOOL

An open path has differentfirst and last anchor points(not “airtight”)

Open paths can have fills Create anchors and

segments until you have thedesired open shape

To complete the shape,select another tool or pressCtrl (Windows) or Command(Mac) Pen tool remains active until

you close the path or selectanother tool

Page 10: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Closing an open path

DRAW CLOSED PATHS WITH THE PEN TOOL

Closed paths have the samefirst and ending anchor point Shapes are closed paths You can also draw closed

paths from scratch with thePen tool

To close a path Click the original anchor with

the Pen tool to complete anobject

To create closed paths fromselected objects, chooseObject > Path > Join

Page 11: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Extending a path with the Pen tool

ADD ANCHOR POINTS

Restraint! Fewer is better Fewer anchor points =

smaller file size Fewer anchor points =

smoother paths Fewer anchor points =

more easily editablepaths

When you need moreanchor points… Click with the Pen tool

on a path toautomatically add ananchor point

OR Click with the Add

Anchor Point tool in thePen tool group

Page 12: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Reducing the number of anchor points canradically simplify a traced image path.

DELETE ANCHOR POINTS

Deleting an anchor point deletes theline segment that it defined

Two ways to delete an anchor point Select the Delete Anchor Point tool

and click on the point Select the anchor with the Direct

Selection tool and press Delete onthe keyboard

Reduce the number of anchorpoints Select the anchor(s) with the Direct

Selection tool and choose Object >Path > Delete Anchor Points

To simplify a path and removepossibly unnecessary anchors,choose Object > Path > Simplify

Page 13: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Adjusting a curve with the Convert Anchor Point tool

CONVERT ANCHOR POINTS

The Convert Anchor Point tool: Converts straight angles to

curved anchors Converts curved anchors to

straight angles To convert an anchor point

Click a curved anchor point toconvert it to a straight angle

Click and drag a straight angleanchor point to convert it to acurve

Use the Convert Anchor Pointtool to click and drag anchorcontrol points to fine-tune acurve

Page 14: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Reshaping an object with the Direct Selection tool

MOVE ANCHOR POINTS

Click and drag on an anchor withthe Direct Selection tool to move itand reshape a drawing or shape

Page 15: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

ALIGN ANCHOR POINTS

Anchor points can be aligned – horizontally or vertically – with the Align panel OR You can use Smart Guides to align anchors as you draw or edit a path

Page 16: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Moving two anchor points by moving a selected path segment

SELECTING PATH SEGMENTS

Path segments can beselected with the DirectSelection tool When you select a path,

you select the anchorpoints on either end ofthe path segment

When you move aselected path, you movethe anchor points at bothends of the path

When you delete aselected path in a closedpath, you convert it to anopen path

Page 17: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Smoothing a Pencil tool path with the Smooth tool

DRAW WITH THE PENCIL TOOL

Generates anchor points, but ismore intuitive than the Pen tool Pencil tool paths can easily be

extended with the Pencil tool Pencil tool paths can be edited

with the Pen tool – this isadjustable in the Pencil ToolOptions dialog box

Page 18: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Setting options for the Pencil tool to pick up and extend existing paths

SMOOTHING PENCIL TOOL DRAWING

Double-click the Penciltool to open the PencilTool Options dialog boxand adjust smoothness

Use the Smooth tool tosmooth Pencil tool paths

Page 19: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

USING THE ERASER TOOL

The Eraser tool simulates the behavior of a regularpencil eraser

The Eraser tool works on selected objects If no objects are selected, the Eraser tool works on any

object to which it is applied The Eraser tool “cuts holes” in shapes Not all objects are “erasable” – the Eraser tool does

not work on raster images, type, and other objects

Page 20: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Using the Path Eraser tool to remove an area of the stroke

USING THE PATH ERASER TOOL

The Path Eraser Tool… Divides paths Can be found on the

Pencil tool tear-offmenu

Page 21: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Editing a path in Outline view

WORKING WITH PATHS IN OUTLINE VIEW

Outline view Displays only paths, not fills or effects Allows editing

Good for… Identifying and isolating paths Editing paths quickly, without waiting for effects to apply Choose View > Outline to toggle on or off

Page 22: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

Left: The original stroke. Right: The outline.

OUTLINE PATHS TO CREATE SHAPES

Selected paths can beconverted to shapes,with the outline of thepath converted to astroke: Choose Object >Path > Outline Stroke

A handy technique forturning a thick strokeinto a path surroundingan editable fill

Tends to generate toomany anchor points –often takes a bit ofcleaning up

Page 23: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

WHAT YOU CAN DO NOW

Edit paths generated by shapes with: The Direct Selection tool The pen tools The Pencil tool The Path Eraser tool

Draw paths with the Pen tool Draw paths with the Pencil tool Cut “holes” in fills with the Eraser tool

Page 24: MyGraphicsLab: Illustrator CS6 - AI02 Presentationtiffany-carpenter.weebly.com/uploads/1/1/0/4/11044519/ai... · 2015-10-13 · Title: MyGraphicsLab: Illustrator CS6 - AI02_Presentation.pdf

Copyright © 2013 MyGraphicsLab / Pearson Education

REVIEW: KEY POINTS

The Pen tool For drawing illustrations For generating scalable, easily editable vector files

Drawing with the Pencil tool Intuitive, like drawing with a real pencil Smoothness is adjustable in the tool dialog, or smoothable

with the Smooth tool