Pathfinder

Position or deform Shapes along a path

Common Attributes +

General
Deformer
General

Travel - move your Shape along a percentage of the Input Shape’s length.

Loop - when checked a shape will return to the beginning of the Path and continue animating. When unchecked a shape will continue in the direction of the first/ last point.

Input Shape - connect a Shape to position/deform your Shape along.

Deformer

Taper Graph - create a taper along the length of you Shape. (no support for strokes yet).

Path Offset - move the Shape away from the Input Shape.

Flip - flip the Shape along its x axis. This is particularly useful for Text.

Example usage (Deformer):

  1. Create a Rectangle.

  2. Add some Edge Divisions in X.

  3. Click the + icon next to Deformers on the Rectangle and add a Pathfinder.

  4. Draw a path with the Pen tool.

  5. Connect path.id > pathfinder.inputShape

Example usage (animate along a path):

  1. Create an Ellipse.

  2. Draw a path with the Pen tool.

  3. Create a Pathfinder.

  4. Connect path.id > pathfinder.inputShape.

  5. Connect pathfinder.id > ellipse.position.

Use the Align behaviour to pin Shapes to their top/ bottom/ left/ right edges before adding a Pathfinder to deform shapes on the inside or outside of the Input Path.