Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, we're going to add a text animator and explore the concept behind how they work. I encourage you to have a composition open with some simple text, and if you are using our exercise files and following along, you should have already created the Just Dropping In title in the previous movie. Now, the After Effects text engine was originally based on the Photoshop text engine, but Photoshop doesn't know how to animate text, so After Effects has added text animators. To apply a text animator, select your text, but don't actually pre-select the characters like this.
If you have, press the Enter key, so just the layer is selected and not the individual characters. I'll explain the significance of this in the next movie. In the timeline, we'll twirl down the Text layer, and you'll see two sections: Text and Transform. Now Transform are the original transformations, and there is obviously no reason why you couldn't animate these. You should already know how to animate positions, scale, rotation, and so on. But any changes I make to regular transformations apply to the entire layer.
So I'm going to click the Reset button, and I'm going to ignore the Transformation section for now. I want to animate one character at a time, and I can only do that in the Text section. When I twirl down Text, I see Source Text, Path Options, and More Options. I'm going to cover all of these in later movies, so for now, I'm going to hide all of the properties you see here so that it doesn't confuse you. I'll press Option+Shift.
Now, we can focus on the Animate button. To add a text animator, click on the button to the right of the word Animate. This pops up a menu of all the properties you can add to the text animator. At the top, Enable Per-character 3D is very exciting, and we'll cover that later once we get the basics down. The next section are all the transformation properties, and these look very familiar, with the addition of Skew. You can also select All Transform Properties and this will add all of them at once.
Below that are Fill Color and Stroke Color, options for Tracking and Line Spacing, some oddball ones like Character Offset and Value for special effects and at the bottom, Blur is actually one of the more useful properties--and you can add it to any animation, including all of the presets that come from Adobe. Now to explore the basics, I'm going to keep it very simple and just add Position. When you do so, Animator 1 is applied automatically, a range selector is added, and the property that you've selected.
Twirl down Range Selector 1 and inside it you find Start, End, Offset, and Advanced. In this movie, we'll just focus on Start and End, but later, when we create another style of animation, we'll use the Offset property. The default for Start is 0%, and End is 100%. What that means is that all of the characters are selected. There are also indicators in the Comp panel showing you where the Start and the End values are. For instance, the Start value is at 0%, and that's indicated by this line with a small arrow.
End is at the end of our title, at 100%. As you change the value for Start, notice that indicator moves across the type, until it gets to 100%, and then it won't go any further. So when Start is at 0 and End is at 100, all of the characters are selected. Our Start moves across the 100%, none of the characters are selected. So what's the significance of this? Well, if we look at the value for position, you will see that it defaults to 0.0, 0.0.
This is an offset from its original position. You might have thought it had something to do with the top left-hand corner of the composition. That's what 0.0, 0.0 means in regular transformations. But what the Position value in a text animator means is that wherever the original position of the title is, two selected characters have an offset from there. Now at the moment, all of my letters are selected. So when I scrub the value for position in the text animator, all of the characters move right and left-- that's the x value, the first value, undo-- and all of the characters move up and down when I scrub the y value, the second value.
So let's say our position my text 140 pixels lower on the y axis. Because all of the characters are selected, all of the characters get that position offset. But look what happens when I change the value for Start. As start moves across the title, some of the characters are no longer selected, so they return to their original position. The characters that are still selected inside Start and End continue to get that offset.
So when I increase Start to 100%-- remember at this point, none of the characters are selected-- all of the characters are now returned to their original position. So let's review. Notice that all I did was increase the value for Start from 0 to 100%, and I set an offset value for Position. But notice I didn't turn on the stopwatch for Position. This is counterintuitive because when you see an animation where the characters appear to be changing their position values, you might think I need to turn on the stopwatch for Position, but you don't.
What you are actually animating is the value for Start. By the way, you can also change the value for End, and that can come in handy for certain types of animation. One more thing I wanted to point out is that as the Start value moves across the Type, characters can end up being partially selected. This is actually a good thing. If After Effects couldn't partially select them, they would simply jump from one position to another. Now I pointed out earlier that this style of animation will animate one character at a time.
Until each character is finished its animation, the next character cannot start. I call this the Typing On recipe. It's one of the easiest recipes to learn, but it's somewhat limiting. Later on, I'll show you how to create a cascade of characters.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 51276 Viewers
86 Video lessons · 14521 Viewers
79 Video lessons · 15322 Viewers
350 Video lessons · 101504 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.