Back to Blog
Mastering Text Animation with Expression Controllers in After Effects
Creatively Using Text Animators in After Effects, Part 2
Thinking Further Outside the [Text] Box
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.
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.
Thinking Outside the [Text] Box Pt2: AE Project FileDownload 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:
- Type a single character into a text layer
- Create an Expression in your source text by alt/opt-clicking the stopwatch, which will automatically insert "text.sourceText"
- Add .repeat() to the end of that line of code
- 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:
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.
Your code will update to this (unless, of course, you've renamed your Slider):
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
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
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.