Text Animators and Range Selectors in After Effects

Adobe After Effects features a robust per-character typography engine powered by text animators and range selectors. This guide explains what text animators are, breaks down how range selectors function, and demonstrates how these tools work together to create complex, individualized kinetic typography without separating characters onto individual layers.

What Are Text Animators?

Text animators are specialized sub-properties built into text layers in After Effects. Standard transform properties (like Position, Scale, and Rotation) apply globally to the entire layer as a single unit. In contrast, text animators allow you to modify these same properties on individual characters, words, or lines.

When you add an animator from the "Animate" pop-up menu within a text layer's twirl-down properties, you can isolate specific attributes such as:

  • Transform properties: Position, Scale, Rotation, Opacity, Skew, and Anchor Point.
  • Color properties: Fill Color, Stroke Color, and Stroke Width.
  • Stylistic/Character properties: Tracking, Line Anchor, Blur, and Character Offset.

An animator acts as a container for these properties, defining what changes occur to the text.

What Is a Range Selector?

A range selector defines which parts of the text are affected by the animator's properties and by how much. Whenever you add an animator property, After Effects automatically includes a Range Selector beneath it.

While the animator sets the destination values (for example, moving text up by 50 pixels and setting opacity to 0%), the range selector determines the transition zone where characters move between their default state and the animated state.

How Range Selectors Work

A range selector functions primarily through three core parameters, found directly under its dropdown menu:

  • Start: Defines the beginning point of the selection boundary (default is 0%).
  • End: Defines the ending point of the selection boundary (default is 100%).
  • Offset: Shifts the entire defined range along the string of text without changing the distance between Start and End.

Common Animation Methods

  1. Start/End Transition: You can animate the Start property from 0% to 100% to remove characters from the animator's influence sequentially, revealing them one by one.
  2. Offset Sweep: By setting Start to 0% and End to a smaller value (such as 10% or 20%), you create a narrow "window" of influence. Animating the Offset property from -20% to 100% moves this window across the text, creating wave or ripple effects.

Advanced Range Selector Controls

Inside the Advanced tab of the Range Selector, you can fine-tune how the selection behaves:

Units and Based On

  • Units: Switch between Percentage (relative to text length) and Index (fixed character count).
  • Based On: Determines the unit of selection. You can set the range to evaluate by Characters, Characters Excluding Spaces, Words, or Lines.

Shape

The Shape setting dictates the falloff between affected and unaffected characters:

  • Square: The default linear, abrupt transition. Characters are either fully animated or not.
  • Ramp Up / Ramp Down: Gradually ramps the property influence up or down across the selection range, creating smooth sequential movement.
  • Triangle / Round / Smooth: Produces curved, organic easing across the active range, ideal for wave-like typography animations.

Ease High and Ease Low

These parameters adjust the velocity curve at the extremes of the range selector's influence, allowing for custom deceleration and acceleration without using the Graph Editor.

Randomize Order

Toggling "Randomize Order" on distributes the selection randomly across the text string rather than sequentially from left to right. This is commonly used for digital glitch effects, typewriter variations, and matrix-style character reveals.