Motion design craft / Guide

Keep line breaks stable in kinetic typography

Lay out the complete sentence before animating individual words. Reserve its final space so each reveal adds information without pushing already visible words onto another line.

By AnimroUpdated 3 min readAI-assisted · independently agent-reviewed

Who this is for: Motion designers, content producers and creative reviewers.

What to prepare

  • Final approved sentence
  • Target text-box width and font settings
  • Intended phrase grouping
  • Smallest delivery composition

Find the reflow in the sentence

Use the illustrative copy “Make space for work that matters.” Suppose a centered box first shows “Make space,” then expands as the rest arrives. “Space” shifts sideways, “work” wraps and the viewer must find the sentence again. The defect is not the entrance effect alone: the layout is being recalculated from incomplete content.

Draw the final box first. In this exercise the intended breaks are “Make space” / “for work” / “that matters.” Mark each line’s starting position and baseline. Leave the unrevealed words’ space reserved, even when their visual treatment is hidden.

Annotate the replacement plan

The before plan reveals one word every beat and lets the whole block recenter after each addition. The after plan establishes the final three-line composition at the start, reveals “Make space” together, adds “for work” in its existing slot, then reveals “that matters.” No existing line changes position.

Use a worksheet with columns for time, visible phrase, reserved line, emphasis and next reading target. An illustrative 15-second pass can use 0–3 for the first phrase, 3–6 for the second, 6–9 for the third and 9–15 for the complete statement. These timings are a starting composition study, not an assumed reading-speed standard.

Choose phrase groups before effects

A phrase reveal usually keeps syntax clearer than disconnected letters. If a single word must move, animate it inside its allotted box and return it to the shared baseline. Check that the movement does not obscure a neighboring line or imply a new sentence order.

There is a tradeoff: reserving a long final sentence can make the initial scene look sparse. Use that empty space deliberately instead of filling it with temporary decoration that later collides with the words. If the final text is crowded, edit the approved sentence with its owner or create another scene; do not rely on shrinking text midway through the reveal.

Handle alternate widths and corrections

For a portrait adaptation, approve another break map, such as “Make space” / “for work that” / “matters,” only after reading the phrase aloud and inspecting its meaning. Each format can have its own stable layout. It need not reproduce the landscape breaks mechanically.

If a fallback font changes widths, fix the font-loading or asset problem before retiming. If a word jumps only in the encoded file, inspect the frame before and after it becomes visible and compare the box position. Record the expected baselines and test them again after copy changes. The final hold should let a viewer read the sentence as a whole.

Review checklist

  • The complete sentence has approved line breaks.
  • Hidden words retain their final layout space.
  • Reveals follow phrase order.
  • Alternative aspect ratios have their own break maps.
Explore motion design craft ↗