2011 Delmar, Cengage Learning 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 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use the Transparency Panel and the Color Picker 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use the Transparency Panel and the Color Picker 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use the Transparency Panel and the Color Picker In the Color Picker you can modify HSB: Huecolor itself Saturationintensity of the hue Brightnessdegree of brightness 100% saturation and 100% brightness produces a pure hue. 2011 Delmar Cengage Learning Use the Transparency Panel and the Color Picker 2011 Delmar Cengage Learning 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 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 2011 Delmar Cengage Learning Recolor Artwork 2011 Delmar Cengage Learning Harmony Rules available for the red 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. 2011 Delmar Cengage Learning Recolor Artwork 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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 2011 Delmar Cengage Learning Recolor Artwork 2011 Delmar Cengage Learning 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 2011 Delmar Cengage Learning Recolor Artwork 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Recolor Artwork 2011 Delmar Cengage Learning In Edit mode, your illustrations 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Recolor Artwork 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Apply Effects to Objects Commands listed on the Effect menu can be applied to objects to alter their appearance without altering the object itself. 2011 Delmar Cengage Learning Apply Effects to Objects Apply effects that: Distort Transform Outline Offset a path 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Apply Effects to Objects You can select an effect and change it, at any time, without affecting other effects. 2011 Delmar Cengage Learning Multiple effects applied Apply Effects to Objects 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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 effects dialog box. 2011 Delmar Cengage Learning Use the Appearance Panel To remove all appearances from an objectincluding the fill and stroke click the Clear Appearance button on the Appearance panel. 2011 Delmar Cengage Learning 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 2011 Delmar Cengage Learning Use the Appearance Panel 2011 Delmar Cengage Learning 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 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use the Appearance Panel 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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 2011 Delmar Cengage Learning Work with Graphic Styles Graphic styles can include: Fills Strokes Effects Patterns Optical settings Blending modes Gradients 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Work with Graphic Styles 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use Opacity Masks 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use Opacity Masks 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use Opacity Masks A white to black gradient in the mask causes artwork to gradually fade. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use Opacity Masks Artwork and masking object are linked by default. If you move the artwork, the artwork and the masking object move together. 2011 Delmar Cengage Learning Use Opacity Masks A link icon appears in the Transparency panel between the artwork and the opacity mask thumbnails. 2011 Delmar Cengage Learning Use Opacity Masks Click to remove the link and then you can move the artwork and the masking object(s) independently of one another. 2011 Delmar Cengage Learning 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. 2011 Delmar Cengage Learning Use Opacity Masks Removing an opacity mask does not delete the masking object. It reappears on top of the objects that were masked. 2011 Delmar Cengage Learning