School of Motion

Mastering Text Animation with Expression Controllers in After Effects

  • After Effects
  • Share

Creatively Using Text Animators in After Effects, Part 2

Thinking Further Outside the [Text] Box

If you watched the first half of our two-part series on using Text Animators in After Effects, you already understand that the Text Animator is a procedural (or, step-by-step) effector-based animator for vector shapes (and, specifically, text).
You've also practiced creating tapered strokes, path arrows, abstract dots and extruded rotating patterns.
And, as a result, you know — better than most — that this powerful, complex tool can do a lot more than add a fade to your type.
som_after-effects_text-animators-expression-controllers_featured.png
Today, follow along with Kansas City-based designer, video editor and SOM Teaching Assistant and alum Kyle Hamrick, as we take it a step further, using simple rigs and some — gasp! — Expression Controllers to (mathematically) control various elements of your text-based animation.

Mastering Text Animation with Expression Controllers in After Effects: Tutorial Video

Mastering Text Animation with Expression Controllers in After Effects: Project Files

To follow along, download the project files used in Kyle's tutorial video.
Please note: you may need to sync some fonts, but they're all free with your Creative Cloud subscription.
Collection

Thinking Outside the [Text] Box Pt2: AE Project File

Download Project File

Mastering Text Animation with Expression Controllers in After Effects: (Partly) Explained

USING .repeat IN A LAYER'S SOURCE TEXT PROPERTY
If you want to clone your text character(s), all you need to do is use .repeat.
To try it out:
  1. Type a single character into a text layer
  2. Create an Expression in your source text by alt/opt-clicking the stopwatch, which will automatically insert "text.sourceText"
  3. Add .repeat() to the end of that line of code
  4. Inside the parentheses, insert the number of times you want your character(s) repeated; if you want to repeat it 100 times, it should look like this:
Expression 2.jpg
To avoid returning to the Expressions editor to tweak and re-tweak your hard-coded values, you can create a Slider: Effect > Expression Controls > Slider Control.
Select and delete that "100," keep your cursor between the parentheses, and then use the expression pickwhip to select the Slider.
Expression 3.jpg
Your code will update to this (unless, of course, you've renamed your Slider):
Expression 4.jpg
Now you can use this Slider control to change — or animate — the length of your text line.
Be mindful of the paragraph alignment (Left/Center/Right), as it will determine the beginning and end of your line and, thus, where your repeated characters are added.
BUT THAT'S NOT ALL
Also included in Kyle's tutorial are several other useful Expressions features and functions, including:
  • Pickwhips/Property links
  • Basic expression math
  • time
  • speed
  • Math.abs
  • clamp
  • valueAtTime
Kyle also hand-writes a six-line Expression; and demonstrates how to create and use variables.
WHY THIS MATTERS
Text Animators and Expression Controllers are not necessarily intuitive or easy to use, but when leveraged effectively and at the initial stage of your design, they can significantly improve and expedite your workflow.

Learn More about Text Animators and Expression Controllers

If you haven't yet watched our founder and CEO Joey Korenman's Animating Type tutorial or part one of our Creatively Using Text Animators in After Effects duology, we highly recommend it.
For a collection of tutorials on using Expressions in After Effects, click here.

Invest in Your Education

Now that you know more about animating text with Expressions in After Effects, it might be time to start mastering the After Effects animation process itself. Fortunately, we can help with that.
As the number-one online motion design school in the world, we specialize in providing determined motion graphics artists with intensive online-only courses on 2D and 3D animation.
This year, we surpassed 5,000 alumni from more than 100 countries, with a satisfaction rate higher than 99%!
Learn why for yourself...

Animation Bootcamp: Animate Like a Pro

Taught by our founder and CEO Joey Korenman, Animation Bootcamp teaches you the art of beautiful movement. You’ll learn the principles behind great animation, and how to apply them in After Effects. You'll hear from some of the best After Effects animators in the world, and receive comprehensive, personalized critiques from fellow students and staff. By the end of this course, you'll be animating like a pro.