FoilEffect

Set each colour in three steps: the layer, its finish, then its colour. Foil works on any layer. Hover a row to see where that colour sits.

Left of centre smooths jagged edges into clean curves. Right of centre roughens them, like ink spreading into paper.

SelectedMatched to artwork

Custom colour

Material

Finish

0% is a clean cut. Higher values tear the edge into a watercolour-paper deckle. The shadow follows the edge.

Animate the sweep

With the sweep off, hover the artwork or use Position to place the light.

Use artboard

Turn the artboard off to show and export the artwork on its own: no background, placement or artwork shadow. Global light still applies to the artwork.

Drag the artwork on the artboard to move it.

Style

ColourGraphite

Custom colour

Applies to

Light shape

Global light dims the scene, down to black at 0%. A light shape lets light fall on part of the scene while the rest sinks into shadow: Edge is one soft shadow line, Shaft a band of light, Pool a soft oval spotlight. Position, direction, size, softness and darkness shape it.

Artwork shadow

Elevation lifts the artwork off the background: from lying flat with a tight contact shadow, to floating with a large soft one. Key light direction is where the light comes from (0° is straight above).

PNG size

The artboard PNG is 1080 px on its short side at 1×. The artwork-only PNG is the artwork at working size, with a transparent background around a torn edge.

Length

Resolution

Records one full light sweep, there and back, so the video loops seamlessly. 30 fps, H.264. When it's ready, click Save to download it.

Artwork only, for a website. The WebGL export matches this preview exactly. The CSS export uses a baked image with animated sheen layers masked to the foil, and needs no JavaScript.