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 Appear...
Use the Transparency Panel and the
Color Picker
• By default, objects are created with 100%
opacity.
• When one object ove...
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 p...
• Blending modes are preset filters in available
on the Transparency panel.
• They vary the way colors of objects blend wi...
The Multiply
blending mode
mimics the effect
of overlapping
transparent ink,
like a magic
marker.
Use the Transparency Pan...
• Use Color Picker to specify new colors to be used
as:
– Fills
– Strokes
– Part of effects, such as drop shadows
• Access...
• In the Color Picker you can modify HSB:
– Hue—color itself
– Saturation—intensity of the hue
– Brightness—degree of brig...
Color Picker dialog box
Color field
Selected hue
Saturation values
range from 0% to
100%
Brightness
values range
from 0% t...
Recolor Artwork
• The Recolor Artwork feature offers an
alternative color management procedure
using:
– The Color Guide pa...
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 c...
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...
Recolor Artwork
To assign color in the Recolor Artwork dialog
box:
– Access the Recolor Artwork dialog box by clicking
Edi...
Recolor Artwork
• Recolor Artwork dialog box is based on two
modes:
– Assign Choose a harmony rule to alter color
– Edit R...
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 illust...
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 ...
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.
•...
Recolor Artwork
• The Recolor Artwork dialog box has ability to
take multi-colored artwork and reduce it to a
two-color sp...
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 featu...
Recolor Artwork
• When you use isolation
mode, the selected
group appears in full
color, while all the
remaining objects o...
Apply Effects to Objects
• Commands listed on the Effect menu can be
applied to objects to alter their appearance
without ...
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 ...
Apply Effects to Objects
• You can select an
effect and change
it, at any time,
without affecting
other effects.
Multiple ...
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 attr...
Use the Appearance Panel
• When an object is selected, the Appearance
panel lists associated attributes.
– Fills and strok...
Use the Appearance Panel
• To remove all appearances from an object—
including the fill and stroke click the Clear
Appeara...
Use the Appearance Panel
• The New Art Has Basic Appearance menu
item is checked by default.
• When checked, any new objec...
Use the Appearance Panel
Add New Stroke
button
Add New
Fill
button
Add New
Effect
button
Clear Appearance
button
Duplicate...
Use the Appearance Panel
Use the Appearance panel to apply multiple fills
(and strokes) to a single object.
– Select attri...
Use the Appearance Panel
• Duplicated fill can be distorted and
transformed and made to appear as an
additional object.
• ...
Use the Appearance Panel
• To change the order of appearance attributes
drag attributes up or down in the Appearance
panel...
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 i...
Work with Graphic Styles
• Graphic styles can include:
– Fills
– Strokes
– Effects
– Patterns
– Optical settings
– Blendin...
Work with Graphic Styles
• When you apply a graphic style, new graphic
styles override any previously applied graphic
styl...
Work with Graphic Styles
Default graphic
styles
Break Link to Graphic Style button New Graphic
Style button
Delete Graphic...
Use Opacity Masks
• You use an opacity mask and a masking object
to alter the transparency of artwork in the
specific area...
Use Opacity Masks
Use Opacity Masks
• The masking object is an object you create
that defines which areas are transparent and
the degree to ...
Use Opacity Masks
• Where the opacity mask is black, artwork is
fully transparent or invisible.
• Where it is white, artwo...
Use Opacity Masks
• The Clip option on the Transparency panel
automatically fills unused areas of the Opacity
mask with bl...
Use Opacity Masks
• A black mask
causes artwork to
be completely
hidden.
• Note the Clip box
is checked in the
Transparenc...
Use Opacity Masks
• A white mask
causes artwork to
be completely
visible.
• Note the Clip box is
unchecked in the
Transpar...
Use Opacity Masks
• You work with opacity masks by adding
objects to the mask that affect the
transparency of the related ...
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 ...
Use Opacity Masks
• To view the masking object and mask, [Alt]-
click (Win) or [option]-click (Mac) the opacity
mask thumb...
Use Opacity Masks
• Artwork and masking object are linked by
default.
• If you move the artwork, the artwork and the
maski...
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 ...
Use Opacity Masks
To remove an opacity mask:
• Select the masked artwork.
• Click to remove the link.
• Move the artwork a...
Use Opacity Masks
• Removing an opacity mask does not delete
the masking object.
• It reappears on top of the objects that...
Upcoming SlideShare
Loading in …5
×

Chapter 8

318 views
215 views

Published on

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
318
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Chapter 8

  1. 1. Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork
  2. 2. 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
  3. 3. 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.
  4. 4. Reduced opacity causes objects to appear translucent Use the Transparency Panel and the Color Picker
  5. 5. • 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
  6. 6. • 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
  7. 7. The Multiply blending mode mimics the effect of overlapping transparent ink, like a magic marker. Use the Transparency Panel and the Color Picker
  8. 8. • 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
  9. 9. • 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
  10. 10. 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
  11. 11. 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
  12. 12. Recolor Artwork Harmony Rules available for the base color Base color
  13. 13. 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.
  14. 14. Recolor Artwork These are Harmony Rules available for a red base color.
  15. 15. 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.
  16. 16. 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.
  17. 17. 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
  18. 18. Recolor Artwork Recolor Artwork dialog box in Assign mode
  19. 19. 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
  20. 20. Recolor Artwork Adjust color by moving color tools to different positions on color wheel.
  21. 21. Recolor Artwork Illustration with new colors assigned in the Recolor Artwork dialog box.
  22. 22. 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.
  23. 23. Recolor Artwork In Edit mode, your illustration’s colors change as you adjust the sliders.
  24. 24. Recolor Artwork • When harmony rule contains fewer colors than the artwork, the artwork colors must be reduced to match. • This is achieved with tints.
  25. 25. 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.
  26. 26. Recolor Artwork Artwork reduced to tints of one color plus black so it can be used in a two-color job.
  27. 27. 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.
  28. 28. 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.
  29. 29. Apply Effects to Objects • Commands listed on the Effect menu can be applied to objects to alter their appearance without altering the object itself.
  30. 30. Apply Effects to Objects Apply effects that: • Distort • Transform • Outline • Offset a path
  31. 31. 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.
  32. 32. Apply Effects to Objects • You can select an effect and change it, at any time, without affecting other effects. Multiple effects applied
  33. 33. Apply Effects to Objects Pucker & Bloat effect applied to letter objects
  34. 34. Use the Appearance Panel • The Appearance panel is the gateway for controlling and manipulating all of the appearance attributes.
  35. 35. 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.
  36. 36. 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.
  37. 37. 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
  38. 38. 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
  39. 39. 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
  40. 40. 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.
  41. 41. 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.
  42. 42. Use the Appearance Panel Change the order of appearance by dragging Fill items on Appearance panel.
  43. 43. Work with Graphic Styles • Graphic styles are named sets of appearance attributes accessed in Graphic Styles panel.
  44. 44. 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
  45. 45. Work with Graphic Styles • Graphic styles can include: – Fills – Strokes – Effects – Patterns – Optical settings – Blending modes – Gradients
  46. 46. 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.
  47. 47. Work with Graphic Styles Default graphic styles Break Link to Graphic Style button New Graphic Style button Delete Graphic Style button
  48. 48. 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.
  49. 49. Use Opacity Masks
  50. 50. 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.
  51. 51. 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.
  52. 52. 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.
  53. 53. Use Opacity Masks • A black mask causes artwork to be completely hidden. • Note the Clip box is checked in the Transparency panel.
  54. 54. Use Opacity Masks • A white mask causes artwork to be completely visible. • Note the Clip box is unchecked in the Transparency panel.
  55. 55. 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.
  56. 56. Use Opacity Masks • A white to black gradient in the mask causes artwork to gradually fade.
  57. 57. 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.
  58. 58. 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.
  59. 59. Use Opacity Masks • Artwork and masking object are linked by default. • If you move the artwork, the artwork and the masking object move together.
  60. 60. Use Opacity Masks A link icon appears in the Transparency panel between the artwork and the opacity mask thumbnails.
  61. 61. Use Opacity Masks • Click to remove the link and then you can move the artwork and the masking object(s) independently of one another.
  62. 62. 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.
  63. 63. Use Opacity Masks • Removing an opacity mask does not delete the masking object. • It reappears on top of the objects that were masked.

×