Paste paths into position keyframes and fine-tune the animation path.

What you'll need

This sample file is an Adobe Stock asset you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.

What you learned: How position keyframes and path points are interchangeable.

Create a path

  1. Select a layer and use the Pen tool to create anchor points for a path.
  2. Click and drag to add anchor points and expose the handles.
  3. Move the handles to adjust the shape of the path.

Use the path to create position keyframes

  1. Switch to the Select tool in the Toolbar.
  2. Select the layer which contains the path and press M to reveal the Mask Path property.
  3. Select the words Mask Path and then choose Edit > Copy to copy the path.
  4. Select the layer to which you want to apply the path and press P to reveal the Position parameter.
  5. Select the word Position in the Timeline and choose Edit > Paste to add the path data as Position keyframes.

Change the timing of the animation

  • Deselect all the keyframes. Then drag the first or last keyframe to change the duration of the animation along the path.

Orient the object along the path

  1. Press R to open the Rotation parameter, and scrub to rotate the animated layer to the proper angle on the path.
  2. Go to Layer > Transform > Auto-Orient, and choose Orient Along Path.

 

Back to: Keyframe animationUp next: Adjusting keyframes

 

03/01/2019

Adobe Stock contributors: Freepik

Designer: Ian Robinson

Presenter: Ian Robinson

Was this page helpful?