Skip to Content
Shapes, paths & masksShape operators

Shape operators

Operators modify a shape’s geometry procedurally, and every parameter is keyframeable. This is where motion graphics actually gets made.

They are all behind one ”+ Add” menu in Style → Shape effects. There are deliberately no stacked per-operator Add buttons.

The operators

The chain

The eight path operators are one ordered chain, and the order is the point. Each one takes the geometry the previous one produced.

OperatorWhat it does
Zig-ZagAlternating displacement along the path
Round CornersFillets every corner
Pucker & BloatPulls points toward or pushes them away from the centre
TwistRotates points progressively from the centre outward
Offset PathsGrows or shrinks the outline
Wiggle PathsRoughens the outline, with its own Wiggles/Second and Random Seed
Trim PathsReveals a portion of the outline
RepeaterFans the shape into N copies, each with an offset transform

Trim and Repeater are operators like any other, and both used to sit in fixed slots after the chain where their position could not be changed.

Position is exactly what matters. Trimming works by arc length, so trimming a ruffled outline cuts it somewhere quite different from where the same trim cuts the smooth outline it was built from. Drag Trim Paths above Wiggle Paths and you get a different animation — that is the feature, not a quirk.

Reordering is safe: operators keep their own identity, so keyframes stay attached to the operator you keyframed rather than to a slot number.

The other operators

OperatorWhat it doesKeyframeable
Merge PathsUnion / Subtract / Intersect / Exclude across two or more shape layers
Audio WaveformAn amplitude envelope visualiser driven by a referenced audio layerConfig fields
ParticlesA full emitter config blockEvery numeric field, under particle.<key>; colours as channel tracks

The Audio Waveform operator draws an amplitude envelope, not an FFT spectrum. If you want frequency bars, use the Audio Spectrum effect — see the effect catalog.

A path can become several

Geometry is a list of subpaths, not a single outline. A trim that cuts a closed shape leaves two pieces and both are real, and each subpath can carry its own fill, stroke and opacity.

That is what makes “reveal this letterform stroke by stroke” or “colour each fragment differently after a boolean” a thing you set up rather than a thing you fake with duplicate layers.

Trim Paths is the one to learn first

Trim Paths animates a stroke’s Start, End and Offset along the path. Two recipes cover most uses:

Write-on. Keyframe End from 0 % to 100 %. The stroke draws itself.

Chase. Set Start and End a fixed distance apart — say 0 % and 20 % — then keyframe Offset from 0 % to 100 %. A segment runs around the path.

Trim Paths is added from the + Add menu in Style → Shape effects.

Repeater

A repeater takes one shape and produces N copies, each transformed by a fixed offset from the previous one. Because the transform offset is itself keyframeable, animating it fans, spirals and collapses the whole set at once.

Combine with a path operator for radial patterns: draw one element, twist it, repeat it around a centre.

Strokes

The stroke is where the chain’s output gets drawn, and it has its own profiles:

ControlWhat it does
TaperVaries the stroke width along its length — start, end, and the curve between
WaveRipples the stroke width along its length
DashesWith an offset that animates, which is what makes a marching-ants or racing-outline effect one keyframed property
Gradient strokeEvery stop is exposed, not just the two ends

Taper and Wave compose with dashes rather than replacing them, and both are keyframeable.

Merge Paths

Boolean combination across two or more shape layers — union, subtract, intersect, exclude. Also reachable from the Layer menu and the command palette.

Last updated on