• Illustrator CS3:
    The appearance palette.

    symbol_trick.png

    Lets take a closer look at the appearance palette and revisit the old “symbols” trick for those who missed it.

    Update: Eureka! I was just shown something I should have figured out for myself: you can change the color of a symbol just by using the appearance palette (no need for the boolean trick I’ve recommended in the past!).

    Download the demo file here.
    Here’s a little tutorial I did over Easter (sorry for the late publish), just to show off the little-known appearance-palette’s multiple-fill capability. Seriously, play with this feature. It’s huge.
    egg1.png 2.png3.png4.png

    Draw three colored boxes and drag them into the swatches palette to create a pattern.

    5.png

    6.png

    Now we have two fills, one on top of the other. So what, right? You can’t see the gradient anymore, because the pattern is hiding it! We’ll get there. First lets rotate the pattern.

    7.png

    8.png

    9.png

    Okay, now move the gradient above the pattern in the appearance palette. Think of the appearance palette as roughly analogous to the layers’ palette in Photoshop, except the layers aren’t pixel-based maps, they’re graphic fills. You can apply all the same transparency modes to each individual fill that you would to any other object.
    10.png

    So we put the gradient “layer” on Multiply mode, and voila! Shading on our pattern! And if you change the egg shape, both fills update accordingly.
    11.png

    Add one more gradient on Screen mode to create a little white specular highlight at the top, and you’re golden!

    12.png

    Here’s another way of doing shadows. Check out previous AI posts to see other methods.
    13.png14.png

    15.png

    symbol_trick.png

    And there we have it! Download the file or read this tutorial to see how I make the symbol color editable… it’s an invaluable trick!

    Enjoy.

    04/30/2007
    Posted in Tutorials.

Leave a Reply