The Text Animator effect can be used to transform elements within text layers.

There are 2 distinct sections of the Text Animator block:

  1. Transformation Settings

  2. Range Controls

Transformation Settings

Screenshot: bottom section of the text animator block

The Transformation Settings section of the Text Animator block includes the standard transformation properties. The values set in the Text Animator block represent the relative transformation the Text Animator will have on the Text layer.

For example, a value of 50 on the Text Animator's Position: Y parameter will transform the text layer elements upwards by 50px.

By default, all the Text Animator transformation properties will be set to their default values, thus having no effect on the Text layer. To see adjustments to the layer, modify the properties to your desired amount. Like other effects, these properties can be animated to create a complex text animation.

Range Controls

Screenshot: top section of the text animator block

The Range Settings are the primary controls used to animate text with the Text Animator. Below is a description of each of these controls:

  1. Animate by: Controls which text elements the Text Animator should effect

    1. Character: Each character (alpha-numeric + character + spaces) is animated

    2. Word: Each word (delineated by a space) is animated

    3. Line: Each line (delineated by an entered line break) is animated

  2. Text Range: Controls what portion of the text layer should be manipulated by the Transformation Settings.

  3. Range Offset: This amount is added to both ends of the Text Range simultaneously. Practically, this is used to control the movement of the Text Animator within the Text Layer.

  4. Range Shape: Controls the falloff of the Text Animator. The text animator will resemble the Range Shape across the entire Text Range.


A practical example on how to use the Text Animator. Let's create a bouncing text layer like this 👇

  1. Create a text layer with your message

  2. Add the Text Animator effect to the layer

  3. Set the Text Animator's Position: Y transform control to a positive number. We used 120

  4. Change the Text Animator's Range Shape to Triangle

  5. Adjust the Range Offset control to -100%

Your settings should look something like this:

Now, let's animate that bounce!

  1. Set a keyframe on the Range Offset property

  2. Move the playhead down the timeline and adjust the Range Offset value to 100%. Another keyframe should automatically be created.

You have motion! Adjust the timing between the keyframes and the keyframe interpolation to get your desired look.

Did this answer your question?