22
Copyright © 2013 MyGraphicsLab / Pearson Education REFINE STROKES MYGRAPHICSLAB: ADOBE ILLUSTRATOR CS6

MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

  • Upload
    others

  • View
    9

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

REFINE STROKES

MYGRAPHICSLAB: ADOBE ILLUSTRATOR CS6

Page 2: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

IN THIS LESSON, YOU WILL LEARN THAT:

Defining the features of generated strokes is an importantskill for creating illustrations

Strokes can have: Different kinds of endings (round, square, etc.) Effects (dashes, dots, etc.) Arrowheads at one end or the other or both

Brush strokes have complex sets of attributes assigned tothem – creating the appearance of anything from apaintbrush to a calligraphic penstroke

Page 3: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

THE STROKE PANEL

The Stroke panel defines the minute features of a stroke,including line thickness, plus: How ends look (square, rounded, etc.) How corners look (mitered, round, beveled) How strokes are aligned (centered, inside, or outside)

The Stroke panel can be used to apply arrowheads as well asdashed or patterned lines

Page 4: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

TWO VERSIONS OF THE STROKE PANEL

The Stroke panel To open the “permanent” Stroke panel,

choose Window > Stroke To expand the panel and display all

options, click the double arrowheadson the panel tab

To access a full but temporary Strokepanel: Click the underlined Stroke link on the

Control panel (objects with mixedstroke attributes can be selected)

OR When object is selected or when

multiple objects that have the samestroke attributes are selected, click theunderlined Stroke link on theAppearance panel

Page 5: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

SETTING STROKE WIDTH

Three ways to change the weight (width) of a selected stroke or strokes Define stroke width by clicking the Up or Down arrow, by entering a value, or by

choosing a value from the Weight pop-up menu (this works in the permanent Strokepanel and the temporary Stroke panel that opens from the Control panel)

In the Appearance panel, select a Stroke square to display the Stroke Weight controls Choose a Stroke width directly from the Control panel

Page 6: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

DEFINING STROKE ALIGNMENT

Stroke thickness (weight)can be added to theoutside of the stroke, theinside of the stroke, orcentered on the stroke

To define the alignment ofstroke on a path, chooseone of these options fromthe Stroke panel: Align Stroke to Center Align Stroke to Inside Align Stroke to Outside

Caution: When you connect strokes, they must have thesame alignment or they will not merge properly.

Page 7: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

DEFINING STROKE CAPS

Endpoints of strokes can be: Butt — ending at the anchor

that ends the stroke Round Projecting — extending

beyond the edge of thestroke

Stroke caps are relevant onlyto open paths (where theends of the path are visible)

Choose one of the three capsfrom the Cap row in theStroke panel

Page 8: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

CONTROLLING JOINS

Three ways to join angle paths Miter Join (pointed bends) Round Join (semicircular bends) Bevel Join (beveled bends)

Which kind of join might be good for a picture frame? Which type of join might be good for a sharply pointed star? Image shows from left: miter, round, and bevel joins

Page 9: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

DEFINING ARROWHEADS

To apply an arrowhead (ortwo!) to a selected path,choose an arrowhead stylefrom either of the Arrowheadspop-up menus in the Strokepanel

Use the Align buttons to togglebetween having thearrowheads end at the end ofthe path, or extend beyond theedge of the path

Remove an arrowhead byselecting None from therelevant Arrowheads pop-upmenu

Page 10: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

DEFINING DASHED AND DOTTED STROKES

Dashed and dotted lines are the breadand butter of many kinds of illustrations,including maps and flowcharts

To define a dashed and/or dotted line fora selected path: Select the Dashed Line checkbox in the

Stroke panel Enter a value in the first Dash field for the

length and a value in the first Gap field todefine the width of the first gap

To create a dot instead of a dash, definethe length of the “dash” to match theweight of the stroke

Defined dashes and gaps repeat, so to create more complex dashed/dotted lines,enter values in additional dash and gap fills

To control how dots or dashes fit around the corners, click the Preserves Exact Dashand Gap Lengths button to specify no adjustment at the corners, or click the AlignsDashes to Corners and Path Ends button to have the dashes adjust to fit symmetricallyat the corners

Page 11: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

BRUSHES

Illustrator provides a wide varietyof preset brushes, ranging fromcharcoal strokes to calligraphicstrokes to arrows to patterns

There are five types of brushes: Art Bristle Calligraphic Scatter Pattern

Page 12: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

BRUSHES ARE VECTOR

Brushes have the advantages of being easily editable, scalable vectors You can apply them to existing paths – created with the Pen or Pencil tool,

shapes, and so on You can draw with a brush using the Paintbrush tool

Page 13: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

APPLYING A BRUSH STROKE TO A PATH

To apply a brush to an existing path: Select a path, and click a brush on the Brushes panel or on the

Brush Definition menu on the Control panelOR

Drag a brush from the Brushes panel onto a path

Page 14: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

USING BRUSHES FROM LIBRARIES

Illustrator offers an impressive set of preset brushes Open brush libraries by clicking the Brush Libraries Menu button at

the bottom of the Brushes panel Apply a brush from the library directly to any path, or add brushes

from the library to the Brushes panel for later use

Page 15: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

CREATING A CALLIGRAPHIC BRUSH

Calligraphic brush strokes vary in thickness as you draw,simulating calligraphy

To create a calligraphic brush: Click the New Brush button in the Brushes panel In the New Brush dialog box, click Calligraphic Brush, and

then click OK Enter a name in the Calligraphic Brush Options dialog box Define brush parameters – angle, roundness, and diameter Click OK, then apply the new brush to a path

Page 16: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

CALLIGRAPHIC BRUSH SETTINGS

Angle: An angle of 0º produces astroke that is thin when drawnhorizontally and thick when drawnvertically; an angle of 90º producesthe opposite result

Roundness: Lower is less round Diameter: Size Drop-down menus:

Fixed keeps the value constant Random randomizes the value Other options are available

depending on whether you have adrawing tablet, and what kind

Preview your stroke in the dialogbox, adjust settings, and click OK

Page 17: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

CREATING ART BRUSHES

Art brushes are based onselected artwork, which isthen converted into a brush

As the brush is applied, theartwork stretches to fill theapplied stroke

To create an art brush: Select the artwork that will

become the brush stroke Choose New Brush from the

Brushes panel menu Select Art Brush in the New

Brush dialog box Adjust the brush options in

the Art Brush Options dialogbox, name it, and click OK toadd the brush to theBrushes panel

Page 18: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

CREATING SCATTER BRUSHES

Scatter brushes are similar to artbrushes in that they are based onselected artwork

Instead of stretching that artwork tofit a path, they scatter the artworkalong the path to which they areapplied

To create or edit a Scatter brush: Select the artwork on which you are

basing the brush, and choose NewBrush from the Brushes panel menu

In the New Brush dialog box, selectScatter Brush, and click OK

In the Scatter Brush Options dialogbox, enter a name, then define brushoptions, and click OK

Use the scatter brush to populate ascene with multiple images across apath

Page 19: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

BRISTLE BRUSHES

Bristle brushes act liketraditional art brushes,bristles included

There are ten presets in theBristle Brushes library

Page 20: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

PATTERN BRUSHES

Pattern brushes are useful fordrawing borders and can includeup to five tiles: Side Outer Corner Inner Corner Start End

Pattern Brushes are complex tocreate Easy method: Drag one of the

preset pattern brushes into theBrushes panel, and then double-click it to edit it

You can replace any of the presettiles with objects in your document’sSwatches panel

Page 21: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

WHAT YOU CAN DO NOW

Define endings for strokes Define how angled strokes join Apply stroke effects like dots and dashes Create arrowheads Paint with brushes Choose brushes from libraries Create custom brushes

Page 22: MyGraphicsLab: Illustrator CS6 - AI05 Presentation · 2015. 11. 24. · Title: MyGraphicsLab: Illustrator CS6 - AI05_Presentation.pdf Keywords Created Date: 20120729221841Z

Copyright © 2013 MyGraphicsLab / Pearson Education

REVIEW: KEY POINTS

Strokes can be finely tuned Change alignment Change endings Change how angles display

Strokes can have: Arrowheads at either end or at both ends Dash and/or dot patterns

Brushes simulate paintbrushes Can be used to paint freehand Can be applied to existing paths