Pathfinder

Position or deform Shapes along a path
​Common Attributes +
Behaviour
Deformer
Value
Behaviour
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.
Reverse Input Path - reverse the direction of the Input Path.
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.
Value
Rotation [read only] - outputs the rotation along the normal of the Input Shape. Connect this to the Rotation attribute of another Shape.
Example usage (Deformer):
Create a Rectangle.
Add some Edge Divisions in X.
Click the + icon next to Deformers on the Rectangle and add a Pathfinder.
Draw a path with the Pen tool.
Connect path.id > pathfinder.inputShape
Example usage (animate along a path):
Create an Ellipse.
Draw a path with the Pen tool.
Create a Pathfinder.
Connect path.id > pathfinder.inputShape.
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.
Path Offset
Pinch
Last updated 4 months ago