Shapes and fills

Combining, cutting and bending shapes, and what paints them.

• Dancing WavesRows of wavy lines that ripple in time with the music.Open in the editor
• Combine: cut and join shapes liveCombine joins shapes or cuts one from another, and stays live as they move.Open in the editor
• Deform: skew, bend, twist, bulgeDeform warps a shape's outline. Stacked Deforms apply in list order, so order changes the result.Open in the editor
• Outline stroke: line to shapeA stroke cannot cut other shapes. Outline stroke turns it into a filled shape that can.Open in the editor
• Fill: one paint for a layerA Fill row paints a layer with a color or gradient; its row order sets what it covers.Open in the editor
• Offset Path: grow or shrinkOffset Path pushes an outline out or in by one distance, so thin parts thicken instead of scaling.Open in the editor
• Color variation over a photoA Variation's colors tint a photo fill instead of covering it, so the picture shows through.Open in the editor
• Gradient strokes: across or alongA stroke's gradient can run across its width, along its length, or over the whole box.Open in the editor
• Sweep gradients: color around a pointA sweep gradient runs its colors around a point: for loaders, radars, pie charts and sunbursts.Open in the editor
• Gradient Space, Interpolation and TurnsSpace sets what a gradient spans, Interpolation how colors blend, Turns how often a sweep repeats.Open in the editor