23
Copyright © 2013 MyGraphicsLab / Pearson Education APPLY EFFECTS MYGRAPHICSLAB: ADOBE ILLUSTRATOR CS6

MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

APPLY EFFECTS

MYGRAPHICSLAB: ADOBE ILLUSTRATOR CS6

Page 2: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

IN THIS LESSON, YOU WILL LEARN TO...

Define and apply effects Manage effects in the Appearance panel Expand effects Apply transparency Color with Live Paint

Page 3: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

THREE POWERFUL TOOLS FOR TRANSFORMING EXISTING PATHS

Effects An effect is a set of transformations that change the

appearance of a path without changing the path itself

Transparency Transparency is a particular form of an effect: Making an

object partially “see-through”

Live Paint Live Paint is not an effect, but a way to apply fill and stroke

attributes that may be more intuitive and accessible thanIllustrator’s normal stroke and fill rules

Page 4: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

EFFECTS IN ILLUSTRATOR

Technical Concept Effects in Illustrator can be applied to any path The effect(s) and path(s) can be edited

independently of each other

More immediately relevant points about effects They are awfully fun! They are equally accessible to the talented and

skilled illustrator and the clumsy and untalenteddesigner... with more or less equal impact

Image shows a set of simple squares (left),enhanced with effects (right)

Page 5: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

THE OUTLINE VIEW EXERCISE

What does it mean that effects and paths canbe edited independently of each other?

It often helps to visualize a path stripped of itseffect

The figure in this slide is the same set ofshapes you saw in the previous slide, but inOutline View the effects are not displayed

Page 6: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

THREE SETS OF EFFECTS YOU USE MOST

Effects are applied to selectedobjects from the Effect menu

The most commonly applied anduseful are: Distort & Transform (example:

pucker) Stylize (example: Drop Shadow) Warp (example: Flag)

Page 7: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

3D – Simulates 3D rotation andperspective

Convert to Shape – Converts pathsto shapes

Crop Marks – Generates cropmarks for printers from a selectedrectangle path (arcane)

Pathfinder – Effects that are similarto transformations available in thePathfinder panel

Rasterize – Converts selectedvectors to rasters, without freezingraster settings permanently

SVG Filters – Permanently changesappearance (not like effects), butmaintains vector properties

Photoshop Effects (shown here) – Aset of raster effects lifted fromPhotoshop

Copyright © 2013 MyGraphicsLab / Pearson Education

THOSE OTHER EFFECTS?

Page 8: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

The seven Distort & Transformtools have self-explanatory names(experiment and preview to seehow they work): Free distort Pucker & Bloat Roughen Transform Tweak Twist Zig Zag

DISTORT AND TRANSFORM

Page 9: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

STYLIZE

The world’s most popular effect,the drop shadow, is available fromthe Stylize effect set

Stylize includes: Drop Shadow Feather Inner Glow Outer Glow Round Corners Scribble

As with other effects, use previewto experiment

Page 10: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

WARPS

15 warp effects All accessible from the same dialog box, which

opens no matter which warp effect you choose

Page 11: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

PHOTOSHOP EFFECTS

Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu

except Pixelate, Blur, Sharpen, or Video... ...So unless you are applying those effects, go directly to Effect > Effect Gallery

to apply Photoshop effects

Page 12: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

MANAGE EFFECTS IN THE APPEARANCE PANEL

The Appearance panel providespowerful management for alleffects applied to a selection

DON’T try to edit or delete anapplied effect from the Effect menu

Use the Appearance panel… If you applied the effect to just an

object’s stroke or fill, select theobject, then expand the Stroke orFill listing on the Appearance panel

To remove an effect, click next tothe effect name, then click theDelete Selected Item button in theAppearance panel

To edit an effect, click the link to(re)open the effect dialog box

Page 13: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

EXPAND EFFECTS

Effects remain editable (through theAppearance panel) until expanded Printers frequently require that effects

be expanded before they can managea document in their print process

Expanded effects cannot be edited;they become permanently part of theobject path (and no longer “effects”)

A good practice is to save a separateversion of your Illustrator file when youneed to expand effects

To expand all effects in selectedobjects, choose Object > ExpandAppearance

Page 14: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

TRANSPARENCY

Illustrator’s transparency controls canadd realism to illustrations Make a window semitransparent,

revealing what is behind it Draw some autumn leaves, and lower

their opacity to make them looksemitransparent

Abstract designs can be enhanced byopacity changes

Page 15: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

TRANSPARENCY MODES

Transparency blending modesfunction like effects — they sitover and apply to artworkbeneath them

Choose a blending mode for anyobject to control how its colorsblend with the colors in theunderlying objects

Transparency modes can becombined with effects andpatterns for particularly intriguingimpact

Page 16: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

TRANSPARENCY AND THE WEB

Transparent web graphics are graphics that have the background colorremoved, so the background of the web page shows through completely

Web artwork, including background colors and patterns, can be semi-transparent, allowing underlying objects to be partially visible

Page 17: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

WORKING WITH LIVE PAINT

What? Live Paint allows you to define paintable objects where vectors intersect Why? Because this is often nearly impossible in normal Illustrator mode, where

intersecting paths simply “pass over” each other and the objects formed by theirintersection are not paintable

Page 18: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

TO APPLY LIVE PAINT

Create a Live Paint group – agroup of selected paths (can be awhole document) that areoperating in Live Paint mode Convert selected objects to a Live

Paint group by choosing Object >Live Paint > Make

Load up the Paint Bucket tool witha color from the Color panel, andapply that color to generatedobjects

Selecting an area to paint with the Live Paint Bucket tool

Page 19: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

LIVE PAINT NOTES AND TIPS

Some basics: Setting Live Paint Gap Options determines how Live Paint handles

small gaps between near-intersecting paths Live Paint disables and does not support applied effects such as

transparency Release a selected Live Paint group by choosing Object > Live Paint >

Expand In the world of Live Paint, strokes are edges, fills are faces

Strokes and fills (edges and faces) Live Paint can be used for only strokes, but is generally used for

strokes and fills or just fills You can edit strokes and fills, but Illustrator’s normal, powerful path-

editing mode is better for that Set stroke and/or fill options by double-clicking the Live Paint Bucket

tool to open the Live Paint Bucket Options dialog box

Page 20: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

CREATING A LIVE PAINT GROUP

Select paths, select theLive Paint Bucket tool, andclick within the selectedpaths to create a LivePaint group

OR Select paths and then

choose Object > LivePaint > Make

Page 21: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

EXPANDING A LIVE PAINT GROUP

To end a Live Paintsession and return tonormal editing mode inIllustrator: Choose Object > Live

Paint > Expand Stroke and fill settings

applied in Live Paintmode remain in effect

Page 22: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

WHAT YOU CAN DO NOW

Apply effects and edit (or remove) them in the Appearance panel Expand effects Apply transparency, including different modes Color with Live Paint

Page 23: MyGraphicsLab: Illustrator CS6 - AI06 Presentation€¦ · Photoshop effects are available in Illustrator All Photoshop effects can be accessed from any Photoshop Effect submenu except

Copyright © 2013 MyGraphicsLab / Pearson Education

REVIEW: KEY POINTS

Effects... Do not change underlying paths Are generally expanded before you send to print Are edited in the Appearance panel

Transparency... Can be used to create a semitransparent overlay Can be used to apply modes that distort underlying objects Has two meanings when applied to web graphics, which can be

semitransparent

Live Paint... Solves the problem of almost “unselectable” areas in vector illustration Can be applied only to defined Live Paint groups To return to Illustrator’s full vector-editing tools, expand Live Paint groups