Hello everyone!

I’m Ayana, a Vtuber!

Today, I will explain how to edit Keyframe!


Let’s begin!

Let’s start!

Once the keyframes are created, we will proceed to edit them in details. When editing keyframes, we can to move or add keyframes.

You can also copy keyframes and apply the copied keyframes to other layers.

These editing operations are performed in the Timeline Panel.

Move the Keyframe position

Let’s move the keyframe position first.Moving the keyframe changes the timing of the animation.

There are two keyframes as shown here. Try to delay the timing of the second keyframes a little.

You can move the keyframe position by dragging it.

Let’s preview it in the Composition Panel!

The interval between keyframes has widened so the movement speed is slower than before.

Add the Keyframes

Next, I’d like to add a new keyframe between these two keyframes.

First, drag the playhead to the point where you want to add the keyframe.

Click the round button that appears to the left of the Position properties.

Then a new keyframe has been added!

Change the Motion Path

Adding keyframes gives you more control over how animation works. Motion path is displayed in Composition panel, so you can control the movement in detail by editing it.

Move the points of the Motion Path

In the Timeline panel, select the layer to which you added the keyframe and look at the Composition panel. You can see that the motion path of the layer is displayed. So the layer moves along this path.

Points on the paths represent the position of the layer at the keyframes.

You can change the motion path by moving these points.

You can also add a keyframe to the frame by moving the anchor point.

I changed the shape of the motion path like this.

Change spatial interpolation method

The spatial interpolation methods for each point in the path comprises the Bezier curve and Linear.The tool to switch between these two is called the Convert Vertex Tool.

From the Pen Tools panel, select Convert Vertex Tool.

I will return to the Composition Panel.

Then drag the keyframe of the motion path like this.

The path between keyframes are now curved!

To return the motion path to a straight line, click on the keyframe. This removes the handle and returns the point interpolation to Linear.

How to operate the handle

The curve of the Bezier curve is determined by the tangent of the curve called a handle. If you move this handle, you can change the way the Bezier curves.

The curve changes like this when you extend the handle.

This is how the curve changes when you move the handle.

Copy the Keyframes

Next, I will copy keyframes and apply them to other layers!

Simply by applying similar movements to multiple layers, we can easily create keyframe animation.

Display the properties of the layer. You can expand properties by this button.

With the layer selected, press [U] to expand only the properties with the keyframe set.

Click to select the keyframe you want to copy. To select multiple keyframes, hold down the Shift key and click to choose keyframe. Here we copy the Position keyframe and apply it to other layers.

From Edit (on the menu bar) select Copy.

Of course, you can use [Ctrl+C] keys on the keyboard!

Select the Position properties of the layer which you want apply the copied keyframe to.

From Edit (on the menu bar), select Paste.

You can also paste with Ctrl+V on the keyboard.

Your location keyframe has been pasted!

Press the play button on the Preview Panel to preview!

Animation with exactly the same movement is copied.

This is the end of the lecture on how to edit keyframes!


How is everyone doing?

Did you understand today’s lecture?

See you again for the next lecture!

See you soon! Bye bye!