- Chapter overview
- Getting started
- About text layers
- Creating and formatting point type
- Using a text animation preset
- Animating with scale keyframes
- Animating using parenting
- Animating imported Photoshop text
- Animating text using a path preset
- Animating type tracking
- Animating the letters opacity
- Using a text animator group
- Cleaning up the path animation
- Animating the dragonfly
- Adding motion blur
Animating text using a path preset
By now you should be understanding how versatile and convenient preset text animators can be. You’ll use another type of text animation preset next to animate the words directed by along a motion path. After Effects includes several animation presets that animate text along a prebuilt path. These presets also provide placeholder text with formatting when you apply them, so in this exercise, you will enter and format your text after you apply the preset.
- Switch to the Pond_Title_Sequence Timeline panel.
- Deselect all layers, and then go to 5:00.
- Press Ctrl+Alt+Shift+O (Windows) or Command+Option+Shift+O (Mac OS) to jump to Bridge.
- Navigate to the Presets > Text > Paths folder.
- Double-click the Pipes preset. Bridge returns you to After Effects, where the preset automatically creates a new layer, Pipes, with a predefined path that zigzags across the composition. The text on the path is obscured by the movie title. Don’t worry. You’ll fix that in a minute.
Customizing the preset path
Now, you need to change the placeholder word pipes to directed by.
- In After Effects, go to 6:05, when the word pipes is visible—and horizontal—on-screen.
- Double-click the Pipes layer in the Timeline panel. After Effects switches to the Horizontal Type tool () and selects the word pipes in the Composition panel. Type directed by to replace it. Press Enter on the numeric keypad when you’re done. After Effects updates the Timeline panel with the new
Now, format the text.
- Open the Character panel, and do the following:
- Set the Font Family to Minion Pro or other serif typeface.
- Set the Font Style to Regular.
- Set the Font Size to 20 pixels.
- Leave all other settings at their defaults.
There, that’s better.
- Close the Character panel.
Preview the path animation quickly.
- Drag the current-time indicator across the time ruler between 5:00 and 8:00 to see how the words directed by move on-screen—and then off-screen. You’ll fix the text so that it stays on-screen, but now is a good time to adjust the position of the path in the composition so that it doesn’t interfere with the movie title.
- Using the Selection tool (), double-click the yellow motion path in the Composition panel to select it.
- Drag the path down until the words the Pond are centered in the top curve and the lily pad is centered in the lower curve.
- Press Enter (Windows) or Return (Mac OS) to accept the change.
You will be working with this animated path again later in the lesson, attaching a dragonfly graphic to it so it appears to be pulling the text on-screen. But first, finish animating the credits.
- Select the Directed By layer in the Timeline panel and hide its properties. Then, choose File > Save to save your work.