KEYFRAME INTERPOLATION METHODS

KEYFRAME INTERPOLATION METHODS 02 After Effects EN
AYANA
AYANA

Hello everyone!

I’m Ayana, a Vtuber!

Today, I will explain the keyframe interpolation methods !

AYANA
AYANA

Let’s begin!

Let’s start!

In video editing softwares such as After Effects, animations will be created by setting keyframes. There are several ways to interpolate between keyframes, called interpolation.

Also, we can adjust the position of the keyframe itself by Roving.

Changing Keyframe Interpolation Methods

①Select the keyframe for which you want to change the interpolation method.

②Then the Edit Selected Keyframe button appears in the lower right corner.

③Select Edit Selected Keyframe to display the menu. Then select Keyframe Interpolation from the menu!

A Keyframe Interpolation dialog is displayed.

In Keyframe Interpolation dialog, there are Temporal Interpolation, Spatial Interpolation, and Roving.

If you want to change the Temporal Interpolation method, you can select the interpolation method from the Temporal Interpolation.

Temporal Interpolation method

First of all, let’s take a look at the method of Temporal Interpolation method!

The Temporal Interpolation method is about how to interpolate the time between keyframes.

When changing Temporal Interpolation method, use the Graph Editor in the Timeline Panel.

Change Temporal Interpolation method on Graph Editor

You can easily switch between Temporal Interpolation methods on the Graph Editor.

①Select the keyframe for which you want to change the interpolation method.

②Buttons like this appear in the lower right corner of the Graph Editor, so you can change the interpolation methods with these buttons.

Introduction to temporal interpolation

Easy Ease

I will edit this keyframe.

I will change the interpolation method of the first keyframe to Easy Ease.

I changed it to Easy Ease Out. This is the Value graph. You can see the movement immediately after the keyframe becomes smoothier.

This is the Speed Graph after changing to Easy Ease Out.

Next time, I’ll try using Easy Ease In.

Contrary to Easy Ease Out, Easy Ease In makes changes to the keyframes at the back. Let’s change it to Easy Ease In.

After you change it to Easy Ease In, you will see the Value graph appears like this. Contrary to Easy Ease Out, you can see that the movement before the keyframe becomes smoothier.

This is the Speed Graph after changing to the Easy Ease In.

I’ll try to apply the Easy Ease.

Easy Ease is the simultaneous application of Easy Ease In and Easy Ease Out. Both the begining and ending parts of the keyframes are required so let’s prepared three keyframes like this.

Apply Easy Ease to this keyframe.

Easy Ease In and Easy Ease Out are applied at the same time. The begining and ending parts of the keyframe which are applied Easy Ease will turn to stop slowly and start moving slowly.

This is how the Speed Graph shows.

Linear

Linear is the default Temporal interpolation method.

I’ll apply Linear to this keyframe.

Select Linear if another temporal interpolation method is applied!

This is how the Value Graph shows.

This is how the Speed Graph shows. Here the speed has no changes.

Bezier

I will apply Auto Bezier.

Apply Auto Bezier to this keyframe.

This is the display of Value Graph. It’s similar to the Easy Ease I mentioned before, but this one has a steeper curve. You can move the curve by manipulating the yellow colored handle.

This is the display of Speed Graph.

Hold

Finally I will introduce Hold method.

We will make changes to the first keyframe.

The value remains unchanged until the next keyframe.

This is the display of Speed Graph. The value does not change between keyframes, so the speed will be 0.

Spatial interpolation methods

The ideas of spatial and temporal interpolations are basically the same.

If you understand the idea of temporal interpolation, you can easily understand spatial interpolation!

Spatial interpolation is a method of interpolation on the space between keyframes.

We can change the spatial interpolation method from the menu “Spatial Interpolation” and it is set to Auto Bezier by default.

In Linear, the path is straight, and in Bezier, the path is curved.

This is the end of the lecture on the keyframe interpolation methods!

AYANA
AYANA

How is everyone doing?

Did you understand today’s lecture?

See you again for the next lecture!

See you soon! Bye bye!

コメント

タイトルとURLをコピーしました