Text animation

Text layers have their own animations. They move the letters, words or lines one after another, which a whole-layer animation can't do. There are 38 of them, from a soft blur to a typewriter. Text can also swap between phrases, or count up like a scoreboard.

Make it move animated six ways: Blur in, Mask rise, Stomp, Flip in, Decode and Tint rise

Where to find it: select a text layer, then click Animate in the Text settings panel.

Animate text in

  1. Select the text layer. The Text settings panel opens over the canvas.
  2. Click Animate. The animation rows open below the type settings.
  3. In the Animate in row, open Effect and pick an animation.
  4. Press Space to play.
The Text settings panel with Animate open: the Animate in row set to Blur in, then the Animate out, Text swap and Effects rows

Each effect comes tuned: picking one also sets its Split by, Duration and Stagger. Change them afterwards if you like. A dot on the Animate button means the text has an animation.

Important

Text animations always start at the beginning of the piece (0 seconds), even if the text layer appears later. A layer whose clip starts at 3 seconds has already finished its animation by the time it appears. For text that arrives later, either:

  • use Transform › Entrance instead, which starts when the layer's clip starts. See Animate in and out.
  • ask the assistant to start the text animation later, for example "Start the Title's text animation at 3 seconds".

The settings

SettingWhat it does
EffectThe animation. See The effects below.
CurveHow each piece eases into place. The first option is the effect's own curve. The others are Cubic out, Expo out, Quart out, Smooth, Back out, Elastic, Bounce, Spring and Linear.
FromThe order the pieces start in: Start (first to last), End (last to first), Center (the middle outwards), Edges (the outside in) or Shuffled (a random order).
Split byWhat moves as one piece: each Character, each Word or each Line.
Stagger (s)The wait between one piece starting and the next. Set it to 0 to move everything at once.
Duration (s)How long each piece takes to arrive.

Some effects add a setting or two:

  • Blur in adds Blur strength, from 0 to 4.
  • Tint in, Tint rise and Step in add Accent, the color the pieces arrive in before turning to the text's own color.
  • Typewriter has its own settings. See below.

The typewriter

Typewriter shows the letters one at a time, as if typed. It has no curve or duration: Stagger is the time between letters.

Two typewriter lines: one with a blinking cursor, one whose newest letters arrive in red
SettingWhat it does
Accent and HeadHead is how many of the newest letters wear the Accent color, fading to the text's color as more arrive. 0 turns it off.
CursorShow adds a cursor after the last letter. It stays solid while typing and blinks once the line is done.
CharacterThe cursor's shape: Bar |, Underscore _ or Dot .
Cursor color and Blink (s)The cursor's color, and how long one blink takes.

Tip

The Typography motion kit template has both of the typewriters above, ready to copy. See Starting a project.

Animate text out

Once Animate in has an effect, an Animate out row appears. Its effect plays backwards, so the text leaves the way it would have arrived.

SettingWhat it does
EffectAny of the same effects
At (s)When the exit starts, in seconds from the beginning of the piece. Default 4.
Over (s)How long each piece takes to leave
Stagger (s)The wait between one piece leaving and the next

The exit uses the effect's own curve, and it splits and orders the text the same way as Animate in. A typewriter exit removes the letters in the order they were typed, starting with the first.

Note

At is a time in the whole piece, not a time after the text appears. If you make the piece longer or shorter, check that the exit still lands where you want it.

The effects

The Effect list groups the 38 effects by feel.

Type

EffectWhat it does
TypewriterLetters appear one at a time, with an optional cursor

Soft

EffectWhat it does
Blur inWords go from soft and dim to sharp
Blur in by lineThe same, a line at a time
Soft riseWords drift up into place, soft to sharp
Soft liftWords settle down from just above, soft to sharp
Stagger fadeLetters fade in one after another
Tracking inLetters close in from wide spacing, soft to sharp
Tracking outLetters spread out from tight spacing
Open outA quicker spread from tight spacing, out of a blur

Reveal

EffectWhat it does
Mask riseEach line rises into view from behind an edge below it
Mask wipeEach line is wiped on from the left
Mask dropEach line drops into view from behind an edge above it
Slide up and Slide downLetters slide into place, fading in
Slide leftLetters slide in from the right
Slide rightLetters slide in from the left

Kinetic

EffectWhat it does
StompWords slam down from larger, with a small bounce
Stomp linesThe same, a line at a time
PunchWords punch in from nothing on an elastic
PopLetters pop up from nothing with a slight overshoot
Scale inLetters grow from nothing
Zoom inWords fly out of the middle of the line, growing into place
DropWords drop in from above and bounce
BounceLetters grow from nothing and bounce
ScatterLetters fly in from all over and gather. Set From to Shuffled for the full effect.

Turn

EffectWhat it does
Flip inLetters flip up over their baseline
Flip overLetters turn down into place from beyond the top
TumbleLetters tumble into place, turning as they land
Spin inLetters spin and grow into place
Slant flipWords turn up over their baseline while leaning, then straighten
Lean inLetters land large and leaning, then straighten one by one

Signal

EffectWhat it does
DecodeLetters flicker through random characters, then settle
CodeEvery letter turns to code at once, then each locks onto its own, left to right
Glitch inWords flicker and jitter into place
DustWords gather out of dust. As an exit, they blow away as specks.

Color

EffectWhat it does
Tint inLetters fade in wearing the Accent color, then turn to their own
Tint riseWords rise in the Accent color, then settle to their own
Step inWords step in one at a time from the right, dim to bright. A gray Accent suits it.

Swap between phrases

Text swap changes the text from one phrase to the next. The words the phrases start with stay put, and only the rest changes.

Built for teams rolling to Built for speed, then to Built for you
  1. Put the playhead where the first phrase should start.
  2. In the Text swap row, open Effect and pick how the words change.
  3. Type the phrases into Phrases, separated by commas, and press Enter.
The Text swap row: Effect set to Roll, three phrases, Hold 1.4, Change, Align on and Repeat
SettingWhat it does
EffectBlur, Fade, Flip, Lift, Roll, Slant, Retype (deletes, then types), Roll down, Scramble or Code
PhrasesThe phrases in order, separated by commas
Hold (s)How long each phrase stays before the next change
Change (s)How long each change takes
Align onA character every phrase lines up on, so it stays in place as the words change
RepeatCycles the phrases to the end of the piece. The label shows one cycle's length. Make the piece that long, or a multiple of it, for a seamless loop.

Each phrase is a keyframe on the layer's Text lane in the timeline. Drag them to change when each phrase arrives.

Make a number count

Number, in the Effects row, turns the text into a number that counts. While it's on, the number replaces the text's words.

A price counting up from $0 to $12,500
The Effects row with Number set to Counter: From 0, To 12500, Count 1.6, Start at 0.3, Decimals, Separator, Prefix $ and Suffix
SettingWhat it does
NumberCounter counts smoothly. Odometer rolls each digit like a wheel. Clock shows the time. Off shows the text again.
From and ToThe first and last numbers
Count (s)How long the count takes
Start at (s)When the count starts, in seconds from the beginning of the piece
DecimalsHow many digits after the decimal point
SeparatorHow thousands are marked: none, 1,234.5, 1 234.5 or 1.234,5
Prefix and SuffixText before and after the number, such as $ or %

Clock has its own settings instead:

  • Face: the format, such as Timecode HH:MM:SS:FF or MM:SS.
  • Reads at start: the time the clock shows when it starts.
  • Start at (s): when it starts running.
  • Frames: frames per second, for the timecode face.

Tip

When the scene has a unit chart, a counter can follow it: choose the chart under Follows, and the number reads the chart as it grows. See Charts and data.

Blur the whole layer

The Effects row also has Layer blur, which blurs the whole text layer. Click the ◆ beside it to keyframe the blur at the playhead.