Learn How to Animate Vector Points
Master efficient path animation techniques in After Effects
This tutorial demonstrates the Points Follow Nulls technique in Adobe After Effects, enabling organic and efficient path animation by using null objects to control individual path points instead of manually keyframing each point.
Core Animation Concepts
Path Creation
Draw vector paths using the Pen tool with strategic point placement. Three points provide sufficient control for most fishing line animations.
Null Object Control
Transform path points into controllable null objects. This creates an intuitive animation interface that mimics real-world physics.
Parenting System
Establish hierarchical relationships between objects. Parent the hook to the line's endpoint and anchor points to maintain realistic connections.
Setting Up the Fishing Line Animation
Create Shape Layer
Double-click into the Fishing Rod and Hook precomp, create a new shape layer, and use the Pen tool to draw a three-point path from the rod tip.
Generate Null Objects
Access Windows > Create Nulls From Paths, select the path, and click Points Follow Nulls to generate three controllable null objects for each path point.
Establish Parenting
Parent the topmost null to Rod Outlines so it follows the rod's movement automatically, reducing the need for additional keyframes.
Animate the Cast
Keyframe the bottom two nulls to create the casting motion - arc overhead at frame 22, then swing into final position at frame 73.
Traditional vs Points Follow Nulls Method
| Feature | Traditional Path Animation | Points Follow Nulls |
|---|---|---|
| Control Method | Individual point keyframes | Null object manipulation |
| Ease of Use | Tedious point-by-point | Intuitive drag-and-drop |
| Complex Movements | Difficult to achieve | Organic and natural |
| Editing Flexibility | Limited path adjustments | Real-time visual feedback |
Hook Animation Setup
Ensures proper layering hierarchy for animation
Creates realistic rotation pivot point for natural movement
Automatically follows fishing line endpoint movement
Animate from -45 degrees through -130 to -285 degrees
Maintains realistic connection between line and hook
Offset the bottom null's keyframes by one or two frames from the middle null to create more realistic motion that mimics the physics of a fishing line where the hook follows slightly behind the line's movement.
Key Animation Timing Points
Motion Blur Implementation
Advanced Applications
String and Wire Animation
Apply the technique to animate hanging objects, pull strings, or any flexible connection between elements.
Text Shape Animation
Convert text to shapes and animate complex letter movements with organic, flowing motions that would be impossible with traditional methods.
Inflatable Object Animation
Create wavy, dynamic movements for inflatable characters or flexible objects that require complex curving motions.
Key Takeaways