Documentation is work in progress and not completeEditor
Animate Mode

Animating Shapes — Morph and Deform

Vertex Animation

In Vertex Edit mode, individual path vertices can be keyframed. This enables:

  • -Shape morphing — a circle's vertices can be animated to positions that form a square, a star, an irregular blob
  • -Organic deformation — soft, living, breathing shape effects
  • -Character animation — animating limb and body shapes for simple 2D character rigs

How to keyframe vertices:

  1. 1.Switch to Animate mode with Record active
  2. 2.Double-click the shape to enter Vertex Edit mode
  3. 3.Select a vertex
  4. 4.Move it to the desired position at the current time
  5. 5.A keyframe is created on that vertex's position track

Each vertex has its own X and Y track. A 20-vertex path generates up to 40 property tracks for a full shape morph.

Corner Radius Animation

The corner radius of a rectangle is a single numeric value and is easily animated. Create a keyframe at 0px and another at 100px (or half the short side) to produce a smooth rectangle-to-circle morph.

Arc Angle Animation

Circle elements with Start Angle and End Angle properties can animate these values:

  • -Start and end angle both sweeping produces a rotating arc
  • -End angle animating from 0 degrees to 360 degrees with the end staying at the leading edge produces a progress ring draw-on effect

Star Property Animation

Animating a star's inner radius from 0 to 0.8 of the outer radius produces a morphing from spike to fat star. Animating the point count is a discrete change (jumps between integer values) but can create a rhythmic pulsing effect when combined with easing.