In the first part of this series, we looked at animating text by using the Anchor Point not just on the text layer, but on the Group layer to coordinate text with other layers. In part 2, we will look at animating text along geometric paths. Bear in mind that all of the techniques in this series can be used in conjunction with each other to create some very complex effects.
I’m going to create a 720p30 project at a 5 second duration for our example. Hitting the T key brings up the Text Tool, type in some sample text in the center of my canvas. Normally, I would hit the Esc key to get out of text edit mode, but not for this technique, stay in the text edit mode. With the text layer selected in the Layers pane, F4 to the Text tab and go to the Layout section. In the Layout Controls block, set Layout Method to Path. Now, we’re ready to have fun!
Move down the Layout section to the Path Options block. Path Shape by default is set to Open Spline. The Closed Spline, Circle, Rectangle and Wave options in this menu all work pretty much the same way. I’ll show you one, experiment with the others on your own. I’ll get to Geometry later.
You can only see and manipulate the shape in the canvas with the Text Tool active and your text layer in text edit mode. You’ll see a line under your text and a control point at its beginning and end. Grab and drag these points out towards the edges of the canvas. Place the playhead at the start of the project and keyframe the Path Offset parameter at -100. Place the playhead at the end of the project and keyframe it to 100. Start playback and watch your text move along the line.
To change the line up, and this works for Open Spline, Circle, Rectangle and Wave also, hold the Option key and click anywhere on the line to create new control points. Drag these points around to make a complex shape. Change Path Type to B-Spline if you wish. Wrap Around makes the text start its path again as soon as it reaches the end of the line you’re working with. This technique alone gives you a very easy and fast way to run text along a simple or complex path.
Stop playback, set the playhead to the project’s start. Change the Path Shape to Geometry now and we see a Shape Source well appears. Command-2 for the Library, go to Shapes, select the Arrow, click Apply to add it to our project. Resize it bigger and turn off its visibility in the Layers pane. F4 and back in the Text > Layout > Path Options block, drag and drop the arrow layer into the Shape Source well. Select the arrow layer, F1 and make its Scale 200%. Start playback now. Our text now runs along the outside of our shape. Check the Inside Path option and it runs along the inside of our shape.
Stop playback, set the playhead to the project’s start. Turn the arrow layer’s visibility back on and highlight it. Right-click its very center canvas control, from the pop-up menu, select Edit Points. In the Inspector > Shape tab > Geometry, keyframe the Controls Points block. Move the playhead to the project’s end, set another Control Points keyframe. Move a few of the control points as you wish. Start playback and watch how the text moves along with the changing shape over time. This allows some very complex work that could follow the action of a background video quickly and easily.
I don’t have the time or space to cover how detailed and complex this technique can get. It is my hope that you spend some time experimenting with the various controls and options. Draw your own shapes, customize Library shapes, you now have the basic tools to do very amazing, complex text paths easily and quickly.
Animating Text In Motion Part 2, Text Paths (You are reading it)