Hey everyone, this is Owen with Motion Array and in this tutorial, we’ll be showing you how to use text animators in After Effects. We’ll be going over five different animations and you can see them within the video below, playing now in the comp window.
These five are going to cover a bunch of different aspects of text animators so by the end you should have a solid grasp on what text animators can do and hopefully go out there and make some really cool animations of your own.
Text Animations in After Effects
The first one we’ll make is the Blurry Fade On.
So make a new composition named Text Animation 1, make sure it’s 1920 x 1080 and hit okay. In the Project Panel go ahead and duplicate this composition until you have five so we’ll have them all for later. Open the Text Animation 1 comp and using the Text tool, click into the composition to create a new text layer. Type “Fade On” (or whatever you want). Twirl down the layer and using the Animate menu select Opacity. This creates a new Animator. Under the Animator, change the opacity to 0%. Then twirl down the Range Selector and then the Advanced menu, change Shape to Ramp Up, Ease High and Ease Low to 50%, and Randomize Order On. At frame 0 set a keyframe for the Offset with a value of -100. Move the playhead to frame 45 and change the Offset to 100%. To the right of the Animator use the Add menu to add a Blur. Change the blur value to 10. That’s it, one down!
The second animation will be the Animate In From Below.
Open Text Animation 2, create a new text layer and type “Masked”. Twirl the text layer down and in the Animate menu select Position. In the new animator change the Y position value so that the text is completely below where it started (and a little bit more for safety). Twirl down the Range Selector and Advanced menus. Change the Shape to Ramp Up and Ease Low to 100%. At frame 0 set a keyframe for Offset with a value of -100%. Then at frame 30 change the Offset value to 100%. With the playhead still at frame 30 draw a rectangular mask around the text making sure that you don’t leave too much extra room at the bottom. The great thing about using a text animator is that it will move the text but not the mask! Take a look at the animation and adjust your mask if you need to. Animation two, check!
For the third text animation, we’ll be doing the animated Tracking and Opacity.
Open Text Animation 3 and create a new text layer that says “Tracking”. Twirl the text layer down and in the Animate menu select Opacity. In the new animator use the add button and select Property > Tracking. Change the Tracking Amount to 100 and the Opacity (make sure it’s the animator’s and not the layer’s) to 0%. Twirl down the Range Selector and Advanced menus. Under Advanced change Based On to Words. At frame 0, under Range Selector, set a keyframe for Start with a value of 0%. Then at frame 60 change the Start value to 100%. Right-click the second keyframe and go to Keyframe Assistant > Easy Ease. Right-click on it again and select Keyframe Velocity. In the pop-up window change the incoming influence to 80% and hit okay. All done, three in the books!
The fourth animation will be the Type On.
Open Text Animation 4, create a new text layer and type “Type On”. Twirl the text layer down and in the Animate menu select Opacity. In the new animator change the Opacity value to 0%. Twirl down the Range Selector and Advanced menus. Under Advanced, change Smoothness to 0%. At frame 0, under Range Selector, set a keyframe for Start with a value of 0%. Then at frame 40 change the Start value to 100%. Number four is out the door!
The last one will be the text animating Along a Path.
Open Text Animation 5, create a new text layer and type “Text on Path”. With the layer still selected, use the Pen tool to draw a path for the text to move along. If you create a closed path, make sure you change the Mask’s Mode to None (instead of Add). This isn’t an option for open paths. Twirl down the layer, then the Text menu, and then Path Options. Change Path to the mask you just drew with the pen tool. At frame 0 set a keyframe for First Margin. Lower the value here to whatever looks good for your path. Then at frame 30 change the First Margin value to 0 (this brings the text to the middle of the paths length). Apply an Easy Ease to this keyframe. Move the playhead to frame 45 and place another keyframe of the same value and make sure it’s eased as well. Move to frame 75 and change the First Margin value to a high number to animate it out of place. That wraps up number five!
Well, that concludes this tutorial. I hope you found it helpful, if you did, please give us a thumbs up and if you’d like to see more tutorials please go ahead and subscribe because we’re making new ones all the time. I hope you guys found it helpful. If you did, we’ve got lots of other Premiere Pro tutorials, After Effects tutorials, and filmmaking tutorials!