- Getting started
- About text layers
- Installing a font using Adobe Fonts
- Creating and formatting point text
- Animating with scale keyframes
- Using a text animation preset
- Animating imported Photoshop text
- Animating type tracking
- Animating text opacity
- Animating an image to replace text
- Using a text animator group
- Animating a layer's position
- Adding motion blur
This chapter is from the book
This chapter is from the book
This chapter is from the book
Animating a layer’s position
You’ve used several text animation presets to dazzle your audience. For a simpler effect, you can animate the Transform properties for a text layer, just as you can any other layer.
Currently, the company logo appears onscreen, but there’s no context for it. You’ll add the words “Providing Excursions Daily,” animating them so that they move into position as the company name is appearing onscreen.
In the FishSwim Timeline panel, go to 11:30.
)
At this point, all the other text is onscreen, so you can position the “Providing Excursions Daily” line accurately.
Select the Horizontal Type tool (
).Make sure no layers are selected, and then click in the Composition panel. Make sure you’re clicking in an area that doesn’t overlap an existing text layer.
Type Providing Excursions Daily.
Select the Providing Excursions Daily layer. Then, in the Character panel, choose Calluna Sans Bold from the Font Family menu. Set the Font Size to 48 px.
In the Character panel, make sure the Fill Color box is set to white.
Select Small Caps. Leave all other options at their default settings.
Select the Selection tool (
), and then drag the Providing Excursions Daily layer so that the text is aligned with the bottom of the logo and the right edge of Snorkel Tours.Press P to display the layer’s Position property. Click the stopwatch icon (
) to create an initial keyframe for the layer.Go to 11:00, the point where the logo has replaced the company name.
Drag the Providing Excursions Daily layer off the right edge of the Composition window. Press the Shift key as you drag to create a straight path.
Preview the animation, and then hide the Position property.
)
)
)
)
It’s simple, but effective. The text moves in from the right side and stops in its final position beside the logo.