All guidesStart free
Morph, motion paths, behaviors.
- Morph
- Turn one path into another. Select shape one, hit Morph, then click shape two on the canvas. Start and end keyframes drop in and it tweens in place over about a second.
- Morph rule
- It works path to path. If a shape is a rect or circle, convert it to a path first; the picker tells you when that is needed.
- Motion path
- Select an element, arm Motion path, and draw its route with the pen. The element travels the route; a motion track appears whose keyframes you retime like any other.
- Follow the path
- Turn on Auto rotate in the motion settings and the element FACES its direction of travel, like a car on a road. That is the button for it.
- Facing offset
- Art drawn pointing up instead of right? The facing offset adds degrees to the auto rotate angle so the nose points forward.
- Remove a route
- Deleting the motion track also clears the route from the element. No leftovers.
- Behaviors
- Seven always-on motions: float, pulse, breathe, blink, jitter, follow mouse and run away. Loop ones run forever, interactive ones react to the cursor.
- Behaviors in export
- They ride along in code export as real GSAP calls, listeners included.
Try it yourself
Your first animated vector is one sentence away.