Getting the most from the Appearance panel in Vectornation
Tips on stacking fills and strokes, gradients on strokes, freeform and mesh gradients, opacity masks and 16 blend modes in Vectornation by Zaweba.
Most people meet the Appearance panel by accident, when they wonder why a shape has a shadow they can't find. Once you know what it does, it becomes the panel you keep open all day. In Vectornation by Zaweba it's where live effects live, and also where one object can carry several fills and strokes, which changes how you build things.
These tips are about colour and finish rather than the effects themselves: how to stack, blend and grade colour without piling up extra shapes.
One object, several fills and strokes
The habit that saved me most time is stacking fills and strokes on a single object. A button, for instance, might want a flat base colour, a subtle gradient on top for shine, a thick dark outline and a thin light line just inside it. Many people draw four shapes for that. In the Appearance panel it's one shape with two fills and two strokes, listed in order.
The win comes later. Resize the button and everything resizes together. Change the shape to a rounded rectangle and every fill and stroke follows. Copy the appearance to another shape and the whole look comes with it. There are no stray layers to forget to move.
A tip on order
Fills and strokes draw in the order listed. Put a wide stroke below a narrow one for a double outline, or move a stroke beneath the fill so only its outer half shows. Dragging items up and down the list is often the fastest way to fix a look that isn't quite right.
Gradients beyond the basics
Linear and radial gradients are the familiar ones, and they work just as you'd expect. Two things in Vectornation are worth knowing.
First, gradients run on strokes too. A neon outline that shifts from pink to blue around a shape, or a ribbon edge that darkens towards the ends, is a gradient on the stroke rather than a separate shape. That keeps it editable with the path.
Second, freeform gradients and gradient mesh give soft, painterly colour. A freeform gradient lets you place colour points wherever you like on a shape, and the colour flows between them naturally, which is lovely for skin tones, skies and organic shapes. Gradient mesh goes further, turning a shape into a grid of colour points you can adjust one by one, for the most detailed shading. Start with freeform; reach for mesh when you need precise control.
Opacity masks and blend modes
An opacity mask lets one shape control the transparency of another. Put a black to white gradient over a photo or a pattern and use it as an opacity mask, and the artwork fades out smoothly. It's how you make a reflection that fades, a texture that's strong at the top and gone at the bottom, or text that dissolves into its background.
Blend modes change how colours combine with what's underneath. Vectornation has 16 of them. Some darken, which is great for shadows and for making a scanned drawing sit on a coloured background. Others lighten, for glows and highlights. They're all worth trying on texture overlays; a pattern on a soft blend mode can add depth without looking stuck on.
Live means forgiving
Everything here stays editable. Change the shape and the effects follow. Change your mind about a gradient, a blend mode or a mask, and nothing underneath has been destroyed. That's the point of building a look in the Appearance panel rather than in layers of flattened shapes.
A small exercise
Draw a circle, give it a freeform gradient fill, add a second fill on top on a blend mode, add two strokes, one with a gradient, and drop a soft shadow behind it. Then change the circle into a star. Watching every layer of the look follow along is the moment the Appearance panel clicks. Vectornation runs on Windows, Mac and Linux with no subscription, so there's no hurry.
