Animating along a path is essential for flowing, organic motion — think logos following curves, objects traveling along roads, or particles following streams.
Method 1: Direct Position Keyframes
The simplest approach:
1. Select your layer → P for Position
2. Click the stopwatch, move the playhead, click in the viewer to set new positions
3. AE creates a visible motion path in the viewer
4. Use the Pen tool to adjust the bezier handles on the motion path for curves
Adjusting the path curve:
With the Selection tool, click on a Position keyframe in the comp viewer. You'll see bezier handles — drag them to curve the path between keyframes.
Method 2: Paste a Path from Illustrator/Mask
For precise paths:
1. Draw your path in Illustrator (or draw a mask path in AE)
2. Copy the path (Ctrl/Cmd+C)
3. Select the Position property of your target layer
4. Paste (Ctrl/Cmd+V) — the path becomes the motion path!
Auto-Orient (crucial for natural movement):
When an object follows a curved path, it should rotate to face the direction of travel (like a car on a road).
1. Select the layer
2. Layer → Transform → Auto-Orient (Ctrl/Cmd+Alt/Option+O)
3. Choose "Orient Along Path"
Now the object's rotation automatically follows the curve direction.
Method 3: Using Create Nulls from Paths (AE 2020+)
1. Draw a shape layer path
2. Window → Create Nulls from Paths → Trace Path
3. A null follows the path with a "Progress" slider you can animate from 0% to 100%
4. Parent your object to this null
Controlling speed along the path:
By default, AE distributes keyframes evenly in time. To vary speed:
- Add more keyframes closer together for faster sections
- Or use the Speed Graph in the Graph Editor to control velocity
- Select all Position keyframes → right-click → Keyframe Interpolation → Rove Across Time (makes speed uniform)
Pro tip: For the smoothest motion, use "Rove Across Time" on middle keyframes — this makes the object travel at constant speed regardless of keyframe spacing. Then adjust using the Speed Graph for acceleration/deceleration at the start and end.
Want a personalized answer for your project?
Ask Oliver for Free →