Text animation is one of After Effects' most powerful features. Whether you're building main title sequences, kinetic typography for social media, or clean subtitle reveals, After Effects gives you precise control over how type moves, scales, and appears on screen.
1. Understanding After Effects Text Layers
Before diving into complex animations, it's essential to understand how After Effects handles text. You can add a text layer using the Type tool (T) from the toolbar. There is a fundamental difference between Point text and Paragraph text. Point text is created by clicking once in the composition and is ideal for single lines, titles, and short phrases. Paragraph text, created by clicking and dragging a bounding box, is best for larger bodies of text that need to wrap within specific margins.
Once your text is created, you'll use the Character and Paragraph panels to set your font, size, tracking, leading, and alignment. Ensuring your text is styled correctly before animating will save you a lot of headache later, as changes to the text block's dimensions can throw off your animation keyframes.
2. The Basics: Animating with Keyframes
The simplest way to animate text is by using the basic Transform properties: Opacity, Position, Scale, Rotation, and Anchor Point. Every layer in After Effects has these properties.
- Select your text layer and press T for Opacity, P for Position, S for Scale, or R for Rotation.
- Click the stopwatch icon next to the property to set your first keyframe.
- Move the playhead forward in the timeline and change the property's value. After Effects will automatically create a second keyframe.
For example, to create a basic fade-in, set an Opacity keyframe at 0% at the 0-second mark, move to 0.5 seconds, and change the Opacity to 100%. This is the foundational skill required for all After Effects animation.
3. Using Text Animators
While basic transform keyframes animate the entire text layer as a single block, Text Animators allow you to animate individual characters, words, or lines within a single text layer. This is where the real power of After Effects typography lies.
To add an Animator, twirl down your text layer in the timeline. To the right of the "Text" property group, you'll see a small "Animate" button with a play arrow icon. Clicking this opens a menu of properties you can animate, such as Position, Scale, Opacity, Tracking, and more.
The Range Selector
When you add an Animator, After Effects also adds a Range Selector. The Animator defines what happens (e.g., text moves down 50 pixels), while the Range Selector defines when and to which characters it happens.
4. Common Animation Types: Fade, Slide, Scale
Let's look at how to build the three most common cinematic text animations using Animators.
- Fade: Add an Opacity Animator. Set the Animator's Opacity value to 0%. Then, open the Range Selector and animate the Start property from 0% to 100% over 1 or 2 seconds. The text will fade in letter by letter.
- Slide: Add a Position Animator. Change the Y value of the Animator's Position so the text sits below its final resting place. Animate the Range Selector's Start from 0% to 100%. The text will slide up into place.
- Scale: Add a Scale Animator. Set the Animator's Scale to 0%. Animate the Range Selector's Start from 0% to 100%. The text will pop in character by character.
5. Per-Character Animation
The Range Selector is incredibly versatile. By default, it animates character by character, but you can change this behavior. Open the Advanced tab under the Range Selector. Here, you can change the "Based On" setting from Characters to Characters (Excluding Spaces), Words, or Lines.
For a more organic feel, you can also adjust the Shape (e.g., changing it from Square to Ramp Up) and utilize the "Ease High" and "Ease Low" properties within the Advanced tab. Adding 50% Ease High and 50% Ease Low softens the start and end of the animation for each individual letter, making the motion feel much more natural and cinematic.
6. Easing with the Graph Editor
Linear keyframes (the default diamond-shaped ones) move at a constant, robotic speed. Cinematic motion relies on easing—accelerating into and decelerating out of movements. The easiest way to apply this is by selecting your keyframes and pressing F9 (Easy Ease), which turns them into hourglass shapes.
For true cinematic control, you need the Graph Editor. Click the Graph Editor icon in the timeline. Ensure you are viewing the Speed Graph (right-click the graph and choose "Edit Speed Graph"). Here, you can click and drag the yellow bezier handles to shape the velocity curve. Pulling the handles toward the center creates a dramatic "whip" effect—the animation starts fast and slowly eases into its final position.
7. Timing Text to Audio
Kinetic typography and title sequences are rarely silent; they usually move to the beat of a music track or the cadence of a voiceover. To time your animations, bring your audio layer into the composition. Press LL to reveal the audio waveform.
Listen to the track and press the asterisk key (*) on the numeric keypad to place markers on the audio layer at significant beats or spoken words. You can then align your text animation keyframes (specifically the Range Selector keyframes) to these markers, ensuring the visual impact matches the audio hits perfectly.
8. Creating a Clean Slide-Up Title
The "reveal from a line" is a staple cinematic look. Here is how to build it:
- Create a new composition and add your text layer.
- Position the text where you want it to finally rest.
- Add a basic Position keyframe at 0.5s (the final state). Move to 0s and drag the Y position down so the text sits lower.
- Apply Easy Ease (F9) to the keyframes.
- To create the reveal, draw a Mask over the text layer using the Rectangle Tool. Ensure the mask only covers the top half of the area, stopping just above where the text starts its slide.
- Alternatively, create a solid layer, place it above the text, and use it as an Alpha Track Matte for the text layer.
As the text animates upward along the Y-axis, it will become visible only when it enters the masked or matte area, creating a sharp, modern reveal.
9. Creating a Word-by-Word Reveal
For subtitles or dynamic presentations, a word-by-word reveal is highly effective.
Add your text layer. Go to Animate > Opacity. Set the Animator's Opacity to 0%. Twirl down the Range Selector and animate the Start property from 0% at 0 seconds to 100% at 2 seconds. Finally, open the Advanced tab and change "Based On" to "Words". The text will now appear one word at a time, rather than letter by letter.
10. Saving Animations as Presets
Once you've spent time building the perfect cinematic text animation with the right easing and animators, you shouldn't have to rebuild it from scratch next time.
Select the text layer, then in the Effects Controls or Timeline, select the "Text" property group (or specifically the Animator groups you created). Go to Animation > Save Animation Preset. Give it a descriptive name (e.g., "Cinematic Slide Up Reveal") and save it in your User Presets folder. You can now apply this complex animation to any text layer in any future project simply by dragging it from the Effects & Presets panel.
Mastering text animation in After Effects elevates your video projects from amateur to professional. By understanding Animators, the Range Selector, and the Graph Editor, you can craft typography that not only communicates information but also enhances the emotional impact of your storytelling.