Procedural Motion Design & Vector Animation
The Text Animator is one of After Effects' most powerful yet overlooked features. Beyond simple text-on animations, it functions as a procedural effector-based animator for vector shapes—enabling complex motion design that would otherwise require dozens of layers or complicated expressions. Create tapered strokes, 3D extrusions, wiggly patterns, and abstract animations on single layers with minimal keyframes.
Text is simply vector shapes with collective meaning. Stop viewing the Text Animator as just a text tool—understand it as a procedural animator for any vector shape you can type.
Create a new text layer (right-click → New → Text, or use Type tool). Type periods (.....) to fill screen width—this creates abstract shapes for clear property visualization. Duplicate the layer, set bottom copy to 10% opacity as reference.
Twirl open the text layer. Click Animate flyout (small triangle next to "Text") and select a property—start with Position.
This creates Animator 1 with a Position property and a Range Selector. Changes are applied per character by default.
Twirl open Range Selector 1. Key properties:
Example: Set Start 20%, End 80% → middle 60% of characters affected. Animate Offset to slide the effect through text.
In Advanced section:
Visualize shapes being "pushed" through your line of characters:
Ramp Up/Down with animated Offset creates smooth text transitions without waiting for each character to finish.
Add another selector: . Set to Index mode. New selectors can override or combine with existing ones using Mode settings (Add, Subtract, etc.). Create complex patterns by overlapping ranges with different modes.
creates property-driven random animation—like Wiggle expression built-in. Each character wiggles randomly by the amount specified (positive and negative).
Key Wiggly properties:
Combine Wiggly with Range Selector: Range pins one section, Wiggly animates another—create "pinned" wiggly lines.
Create separate animators for different properties. Deselect current animator, then again. Each animator has independent selectors and can interact in complex ways.
Example: One animator for Position (slide in), another for Rotation (twirl), another for Fill Color (gradient).
Create a stroke that tapers and follows a motion path:
Add effects: Rough Edges for organic feel, Echo for motion trails, additional animators for color gradients.
Use arrow characters (→) from fonts or Unicode. Same technique as tapered stroke:
Perfect for motion graphics requiring precise path following without manual keyframing.
Create organic animated backgrounds:
Everything on one layer—easy to add effects, save as Animation Preset for reuse.
Enable true 3D with per-character control:
One layer, two keyframes, full 3D extruded animation with reflections and shadows.
Critical for rotation animations—determines pivot point. Use Grouping Alignment to adjust anchor point position (0 = baseline, negative = up, positive = down).
Most useful with overlapping characters or large scale animations.
Don't get hung up on the name "Text Animator." It's a vector shape procedural animator. Any character you can type—including ASCII art, Unicode symbols, custom dingbats—becomes an animatable shape. Explore, play, experiment.