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 box in 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 Stroke button Add New Fill button Add New Effect button Clear Appearance button 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

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.