Chapter 8

Working with Transparency, Effects, and Graphic Styles and Recoloring

Artwork

Objectives• Use the Transparency panel and the Color

Picker• Recolor artwork• Apply effects to objects• Use the Appearance panel• Work with graphic styles• Use opacity masks

Use the Transparency Panel and the Color Picker

• By default, objects are created with 100% opacity.

• When one object overlaps another, the top object hides all or part of object behind.

Reduced opacity causes objects to

appear translucent

Use the Transparency Panel and the Color Picker

• Transparency panel allows you to control degree of transparency.

• Change opacity amount by dragging Opacity slider in panel.

Use the Transparency Panel and the Color Picker

• Blending modes are preset filters in available on the Transparency panel.

• They vary the way colors of objects blend with colors of underlying objects.

Use the Transparency Panel and the Color Picker

The Multiply blending mode mimics the effect of overlapping transparent ink, like a magic marker.

Use the Transparency Panel and the Color Picker

• Use Color Picker to specify new colors to be used as:– Fills– Strokes– Part of effects, such as drop shadows

• Access Color Picker by double-clicking the Fill or Stroke button on Tools panel.

Use the Transparency Panel and the Color Picker

• In the Color Picker you can modify HSB:– Hue—color itself– Saturation—intensity of the hue– Brightness—degree of brightness

• 100% saturation and 100% brightness produces a ‘pure’ hue.

Use the Transparency Panel and the Color Picker

Color Picker dialog box

Color field

Selected hue

Saturation values range from 0% to 100%

Brightness values range from 0% to 100%

Selected hue

Current color

Drag triangles along color slider to change hue

Color slider

Hexadecimal number

Use the Transparency Panel and the Color Picker

Recolor Artwork

• The Recolor Artwork feature offers an alternative color management procedure using:– The Color Guide panel

• Uses Harmony Rules based on color models with complimentary colors

– Recolor Artwork dialog box

Recolor Artwork

Harmony Rules available for the base color

Base color

Recolor Artwork

• Whenever you click a swatch in the Swatches panel or color in Color panel, that color becomes the base color for current Harmony Rules in the Color Guide panel.

Recolor Artwork

These are Harmony Rules available for a red base color.

Recolor Artwork

• When you select an object, then choose a harmony rule in the Color Guide panel, the selected object does not change color.

• Instead, the Color Guide panel loads groups of swatches called variations, which you use to colorize illustrations.

Recolor Artwork

To assign color in the Recolor Artwork dialog box:– Access the Recolor Artwork dialog box by clicking

Edit or Apply Colors button on Color Guide panel.– If art is selected, any change in Recolor Artwork

dialog box will effect selected art.

Recolor Artwork

• Recolor Artwork dialog box is based on two modes:– Assign Choose a harmony rule to alter color– Edit Reassign new colors from harmony rule to

different current colors by dragging and dropping them

Recolor Artwork

Recolor Artwork dialog boxin Assign mode

Recolor Artwork

• Edit mode does not show a list of your current colors while Assign mode does.– In Edit mode, the illustration is your only reference

to the current color and how it is being effected

Recolor Artwork

Adjust color by moving color tools to different positions on color wheel.

Recolor Artwork

Illustration with new colors assigned in the Recolor Artwork dialog box.

Recolor Artwork• If Unlink harmony colors button is clicked,

you can move color tools independently of one another.

• In addition, you can select any of the color tools, then modify color with color sliders at the bottom of the dialog box.

Recolor Artwork

In Edit mode, your illustration’s colors change as you adjust the sliders.

Recolor Artwork

• When harmony rule contains fewer colors than the artwork, the artwork colors must be reduced to match.

• This is achieved with tints.

Recolor Artwork

• The Recolor Artwork dialog box has ability to take multi-colored artwork and reduce it to a two-color spot color job.

• In most cases this is black and a spot color, such as a Pantone color.

Recolor Artwork

Artwork reduced to tints of one color plus black so it can be used in a two-color job.

Recolor Artwork

• In addition to locking and unlocking or hiding and showing objects and layers, isolation mode is a feature that helps you select groups of objects with ease.

Recolor Artwork• When you use isolation

mode, the selected group appears in full color, while all the remaining objects on the artboard are dimmed and non-selectable.

Apply Effects to Objects

• Commands listed on the Effect menu can be applied to objects to alter their appearance without altering the object itself.

Apply Effects to Objects

Apply effects that:• Distort • Transform • Outline • Offset a path

Apply Effects to Objects

• Applied effects do not change objects:– Original size– Anchor points– Shape

• All work with effects recorded and listed in Appearance panel.

Apply Effects to Objects

• You can select an effect and change it, at any time, without affecting other effects.

Multiple effects applied

Apply Effects to Objects

Pucker & Bloat effect applied to letter objects

Use the Appearance Panel

• The Appearance panel is the gateway for controlling and manipulating all of the appearance attributes.

Use the Appearance Panel• When an object is selected, the Appearance

panel lists associated attributes.– Fills and strokes according to stacking order– Effects according to order in which they were

applied• Double-click an effect to open effect’s dialog

box.

Use the Appearance Panel

• To remove all appearances from an object—including the fill and stroke click the Clear Appearance button on the Appearance panel.

Use the Appearance Panel

• The New Art Has Basic Appearance menu item is checked by default.

• When checked, any new object you create will have a “basic appearance.”– a simple fill and stroke without effects applied

Use the Appearance Panel

Add New Strokebutton

Add New Fillbutton

Add New Effectbutton

Clear Appearancebutton

Duplicate Selected Item button

Delete Selected Item button

Use the Appearance Panel

Use the Appearance panel to apply multiple fills (and strokes) to a single object.– Select attribute you want to duplicate– Click Duplicate Selected Item button on the panel

or click Duplicate Item on panel menu

Use the Appearance Panel

• Duplicated fill can be distorted and transformed and made to appear as an additional object.

• Duplicating an effect in the Appearance panel intensifies the effect.

Use the Appearance Panel

• To change the order of appearance attributes drag attributes up or down in the Appearance panel.

• Hierarchy of attributes directly affects appearance of the object.

Use the Appearance Panel

Change the order of appearance by dragging Fill items on Appearance panel.

Work with Graphic Styles

• Graphic styles are named sets of appearance attributes accessed in Graphic Styles panel.

Work with Graphic Styles• To create a new style whose attributes you

want to save: – Click the New Graphic Style button in Graphic

Styles panel– Drag selected object into Graphic Styles panel– Drag thumbnail from Appearance panel into

Graphic Styles panel

Work with Graphic Styles• Graphic styles can include:

– Fills– Strokes– Effects– Patterns– Optical settings– Blending modes– Gradients

Work with Graphic Styles

• When you apply a graphic style, new graphic styles override any previously applied graphic style.

• Graphic styles are associated with layers to which they are applied.

Work with Graphic Styles

Default graphic styles

Break Link to Graphic Style button New Graphic Style button

Delete Graphic Style button

Use Opacity Masks

• You use an opacity mask and a masking object to alter the transparency of artwork in the specific areas that you choose.

• Apply the opacity mask in the Transparency panel.

Use Opacity Masks

Use Opacity Masks

• The masking object is an object you create that defines which areas are transparent and the degree to which they are transparent.

Use Opacity Masks

• Where the opacity mask is black, artwork is fully transparent or invisible.

• Where it is white, artwork is fully visible.• Shades of gray in the mask result in varying

degrees of transparency in artwork.

Use Opacity Masks

• The Clip option on the Transparency panel automatically fills unused areas of the Opacity mask with black.

• Good idea to uncheck the Clip option and start working with a white mask.

Use Opacity Masks

• A black mask causes artwork to be completely hidden.

• Note the Clip box is checked in the Transparency panel.

Use Opacity Masks

• A white mask causes artwork to be completely visible.

• Note the Clip box is unchecked in the Transparency panel.

Use Opacity Masks• You work with opacity masks by adding objects

to the mask that affect the transparency of the related artwork.

• When you click the mask, a black frame appears around it, indicating that the mask is targeted.

• Any objects you now create, are created in the mask.

Use Opacity Masks

• A white to black gradient in the mask causes artwork to gradually fade.

Use Opacity Masks

• You can edit a masking object at any time to change the transparency of the mask.– Click the opacity mask thumbnail on the

Transparency panel.– Select the masking object and modify its attributes

such as shape and color.

Use Opacity Masks

• To view the masking object and mask, [Alt]-click (Win) or [option]-click (Mac) the opacity mask thumbnail.

• To hide and show the mask, press and hold [Shift] and click the opacity mask thumbnail.

Use Opacity Masks

• Artwork and masking object are linked by default.

• If you move the artwork, the artwork and the masking object move together.

Use Opacity Masks

A link icon appears in the Transparency panel between the artwork and the opacity mask thumbnails.

Use Opacity Masks

• Click to remove the link and then you can move the artwork and the masking object(s) independently of one another.

Use Opacity Masks

To remove an opacity mask:• Select the masked artwork.• Click to remove the link.• Move the artwork and the masking object(s)

independently of one another.

Use Opacity Masks

• Removing an opacity mask does not delete the masking object.

• It reappears on top of the objects that were masked.