How to use graphic styles with appearance in Illustrator tutorial

How to use graphic styles with appearance in Illustrator tutorial

How to modify / edit Illustrator graphic styles in CC CS6 CS5 CS4 etc by using the appearance panel

  1. Select a path

  2. Window menu

  3. Graphic styles

  4. Go to the Illustrator graphic styles panel

  5. Select individual fills and strokes and effect entries

  6. Change fill or opacity and blending mode etc

  7. Add new fills and strokes via top right menu

  8. Graphic styles panel (or drag thumbnail of appearance to the graphic styles)

  9. New graphic style

  10. Select earlier style and delete


gradientsYou can modify Illustrator graphic styles via the Illustrator appearance panel (access the appearance panel via the window menu)


Buy $9.95 16,000 Strokes from AI gallery


You will then see all the different elements such as multiple fills and multiple strokes for the current selected graphic style - if there is no graphic style for the current selected path then the appearance will probably be a little emptier with only a single fill and stroke attached to the current path


Select a path and then apply graphic style via the graphic style panel. Go to the appearance panel. Click on the individual fill and strokes and effects entries and in the case of many of the graphic styles available on this site, you will see the gradient swatches associated with that entry and you can use the dropdown for the swatch to change the gradient or pattern or perhaps use the gradient tool to modify the position and angle and origin point etc of the gradient entry and this can be repeated along with changes to the opacity and blending mode for each entry.


spheresA subtle change to the blending mode can radically modify the graphic style for Illustrator and of course, you can then go to the graphic styles panel and create a new style based on the settings in the appearance panel


You can also remove entries such as a fill or an effect simply by selecting that entry and clicking the rubbish bin or trash can in the bottom right corner of the appearance panel.


Removing items can also have a radical effect on modifying the graphic style and how it is applied to a path.


Create a path and then Go to the graphic styles panel. Select a graphic style (complex one with a number of gradients etc). Duplicate path with the graphic style (alt / option). Go to the appearance panel and Select new path. Remove a fill entry or two from the top down. Use the gradient tool on another fill (if gradients) . Go to the gradient panel. If gradient selected is radial, change to linear or vica versa


You can see how subtle or not so subtle changes can make a drastic effect on the style. The example on the right shows the top path with the original gradient graphic styles and the bottom path shows a graphic style with a few entries of gradient fills removed.


If you wish to save the new appearance as a new style then Drag thumbnail at top of appearance into the styles panel


Keywords : How to use graphic styles with appearance in Illustrator tutorial


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin