How to Create Cinematic Text Animation in After Effects

Text animations are one of the first things people want to learn in After Effects - and for good reason. A well-designed title sequence can completely transform the feel of a video. The difference between a flat title card and a cinematic text animation is what separates amateur videos from professional-looking ones.

In this guide, I'll walk you through creating a clean, cinematic text reveal animation. No complicated expressions, no premium plugins - just the built-in tools in After Effects.

What We're Creating

A smooth, cinematic text reveal with:

Text that slides up from below using a mask (the classic reveal effect)
A subtle fade
Clean timing that feels intentional

This style is used everywhere - movie trailers, documentary titles, brand videos.

Step 1: Set Up Your Composition

Create a new composition (Ctrl+N / Cmd+N)
Set it to 1920 x 1080, 24fps, 5 seconds long
Name it "Cinematic Title"
Add a black solid background: Layer > New > Solid, choose black

Step 2: Create Your Text

Select the Text tool (T on your keyboard)
Click in the center and type your text
Choose a clean font - Bodoni, Cormorant Garamond, or Optima work well
Set font size to around 80–100pt
Center the text using the Align panel (Window > Align)

Step 3: The Classic Reveal Using Text Animator

With your text layer selected, go to the text layer's dropdown and find Animate > Position
This creates a Text Animator
Set Position Y to 100 (pushes all characters 100 pixels down)
Expand the Range Selector > Advanced
Change Shape to "Ramp Up" and Ease High to 100%

Step 4: Animate the Range Selector

Move playhead to 0:00
Set a keyframe on Start at 0%
Move to 0:20 (20 frames)
Change Start to 100%

Press spacebar - your text should slide upward as the animation plays.

Step 5: Add a Fade

Press T on your text layer to reveal Opacity
Keyframe at 0:00 - Opacity 0%
Move to 0:10 - Opacity 100%

Step 6: Ease Your Keyframes

Select all keyframes
Right-click > Keyframe Assistant > Easy Ease (F9)
Open the Graph Editor and adjust curves so the animation decelerates into its final position

Step 7: Add a Decorative Line (Optional)

Draw a thin rectangle below your text using the Rectangle tool
Set Fill to white, remove Stroke, make it 2–4px tall
Animate Scale X from 0% to 100% with Easy Ease
Set anchor point to the left so it draws left to right

Step 8: Add Motion Blur

Enable motion blur on your text layers - the motion blur toggle on each layer and the Enable Motion Blur button at the top of the timeline. This adds subtle blur during animation that looks cinematic.

Common Mistakes to Avoid

Too fast - Cinematic titles should feel unhurried. If you think it's too slow, it's probably right.

Wrong font - The font carries most of the cinematic weight. A cheap or casual font will undermine even perfect animation.

No easing - Straight linear keyframes always look robotic. Always ease.

Too much happening - Simplicity is what makes cinematic titles look expensive.

Final Thoughts

This technique - the mask reveal with a range selector - is the foundation of probably 70% of cinematic text animations you see in professional videos. Once you understand how it works, you can push it in endless directions.