How to Create Word by Word Text Animation in Adobe After Effects

Word by word text animation is one of those effects you see everywhere once you start noticing it. Title cards in YouTube videos, quote reels on Instagram, product intros, lower thirds, podcast clips. Instead of the whole sentence appearing at once, each word fades or slides in one after the other. It gives the text a rhythm, and it keeps the viewer reading along with you instead of skipping ahead.

The good news is that After Effects can do this for you in about thirty seconds. You do not need to keyframe every word by hand, and you do not need any plugins. There is a built in animation preset called Fade Up Words that handles the whole thing.

In this post I will walk you through the quick method first, then show you how to control the speed, and finally explain what is happening under the hood so you can customise it instead of being stuck with the default.

Set Up Your Composition

Open After Effects and create a new composition. Go to Composition, then New Composition, or just press Ctrl+N on Windows or Cmd+N on Mac.

For most social media and YouTube work, these settings are a safe starting point:

  • Width and height: 1920 x 1080 for landscape, or 1080 x 1920 for Reels and Shorts
  • Frame rate: 30 fps, or 24 fps if you want a slightly more cinematic feel
  • Duration: 10 seconds is plenty for a text animation test
  • Background color: whatever suits your project, though a dark background makes white text easy to read while you work

Give the composition a name you will recognise later. Once you start stacking up comps, “Comp 1” stops being helpful very quickly.

Add Your Text

Select the Text tool from the toolbar at the top, or press Ctrl+T or Cmd+T. Click anywhere on the canvas and start typing.

For this tutorial, type a short sentence with a few words in it. Something like “Motion design made simple” works well, because you need at least three or four words to actually see the word by word effect happen. A single word will animate, but you will not see the staggered timing that makes this look good.

Once your text is on screen, open the Character panel and set your font, size, and colour. I usually go for a bold, clean sans serif for this kind of animation, because thin fonts can get lost when they are fading in and out quickly.

Now switch to the Selection tool by pressing V, and drag the text into position. In the video I moved my text down a bit from the centre, which often looks better than dead centre, especially if you plan to add a second line of text or a logo above it later. If you want it perfectly aligned, open the Align panel and centre it horizontally.

Apply the Fade Up Words Preset

Open the Effects and Presets panel. If you cannot see it, go to Window in the top menu and tick Effects and Presets.

In the search box at the top of that panel, type “Fade Up Words”. You will see the preset appear under Animation Presets, inside the Text folder, in the Animate In category.

Now make sure your text layer is selected in the timeline, then double click the preset. You can also drag the preset directly onto the text layer in the timeline or onto the text on the canvas. Any of these three methods will work.

Press the spacebar to preview. Your words will now fade up one at a time, in sequence, from the first word to the last.

That is the entire effect. No manual keyframes, no expressions, no third party plugins.

Control the Speed of the Animation

The default speed is fine, but it is rarely exactly what you want. Sometimes it feels rushed, sometimes it drags.

Here is the fastest way to fix it. Click on your text layer in the timeline to select it, then press the U key on your keyboard.

U is one of the most useful shortcuts in After Effects. It reveals every animated property on the selected layer, which means you instantly see the keyframes the preset created without having to expand a single dropdown.

You will see two keyframes. The first one marks the start of the animation and the second one marks the end. To slow the animation down, drag the second keyframe further to the right. To speed it up, drag it closer to the first keyframe.

That is exactly what I did in the video. I dragged the second keyframe further out, and the words started appearing at a more relaxed pace.

If you want the whole animation to start later without changing its speed, select both keyframes by dragging a selection box around them, then drag them together to a new position on the timeline.

What Is Actually Happening Behind the Scenes

It is worth understanding this part, because once you do, you can build your own variations instead of relying on presets.

Twirl open your text layer in the timeline by clicking the arrow next to it, then open Text, then Animator 1. Inside that you will find a Range Selector and an Opacity property.

The Range Selector is the part that controls which portion of your text the animation applies to at any given moment. The keyframes you were just dragging are on the Range Selector’s Start value. As that value moves from 0 to 100 percent, it sweeps across your text and reveals it.

Now open Advanced inside the Range Selector. You will see a property called Based On, and it is set to Words. That single setting is the difference between word by word and letter by letter. Change it to Characters and the same animation becomes a character by character reveal. Change it to Lines and your text will animate one line at a time.

There is also an Offset property, an Amount property, and a Shape dropdown that controls how sharply the transition edge falls off. Ramp Up and Ramp Down give you softer, more gradual reveals than the default.

Since the preset animates Opacity, you can also add a second property to the same animator. Click the Add button next to Animator 1 and choose Property, then Position. Now your words will fade up and slide up at the same time. Set the Y position to around 50 and it will feel like the words are rising into place.

Once you are comfortable with that, dig into the Range Selector and the Advanced settings. That is where you stop using presets and start building your own text animations from scratch, which is a much more useful skill in the long run.

Give it a try with your own text and see how far you can push it.

Leave a Comment