Indexwriting
Writing indexNote / Jan 08, 2023

Field note / motion design / motion graphics / typography

Animating Type: Motion Design for Kinetic Typography

The rules I follow when type itself becomes the animation.

Published
Jan 08, 2023
Length
2 min read / 491 words
Topics
motion design, motion graphics, typography

Kinetic typography is one of the most common motion design requests I get — and one of the most frequently done badly. Type in motion has its own rules, and they're stricter than static typography rules. There's less room for error because error moves.

Legibility at Every Frame

The primary constraint of kinetic type is that it must be legible at every significant frame in its animation. A character or word that becomes unreadable mid-animation isn't an interesting transition — it's a failure.

This means planning the animation states before building them. The start state, end state, and any notable mid-states should all be checked for legibility before the motion is built. If the animation passes through an unreadable state, either the type is too small, the timing is too fast, or the animation approach needs to change.

Animate the Meaning, Not Just the Type

The best kinetic typography reinforces or extends the meaning of the words. Words about speed feel fast. Words about stillness feel settled. The animation is editorial, not decorative.

When I get a line of copy to animate, I read it several times before I open After Effects. What is this sentence doing? Is it asserting, questioning, building, concluding? The motion should serve that function. Copy that's building tension should animate differently than copy that's releasing it.

Timing to Language Rhythm

Spoken language has rhythm — syllabic stress, phrase groupings, natural pauses. When kinetic type is synchronized to a voice-over or has an intended spoken quality, the timing of the animation should mirror that rhythm.

A line that would be read with a pause in the middle should have that pause reflected in the animation. A word that gets stressed in the spoken version should be emphasized visually — held longer, scaled up, or revealed with more energy.

Tracking and Spacing in Motion

Type that's animating in often looks most interesting when tracking (letter spacing) changes during the reveal. A word that starts at expanded tracking and collapses to normal spacing reads as assembling itself. A word that starts tight and expands reads as breathing.

These tracking animations require care. Track too fast and it reads as a glitch. Track too slow and it reads as the animation not knowing where it's going.

The Hold After the Reveal

After type animates in, it needs a hold frame — a moment where the animation stops and the text just exists. The duration of this hold depends on how long the text takes to read at a comfortable pace, plus a small margin.

I calculate reading time using a rough standard: average adult reads about 200–250 words per minute. For a title card with 8 words, that's about 2 seconds of reading time, so I hold for at least 2.5 seconds before any out animation begins. Rush this and the viewer feels cheated.