After Effects

【After Effects】キーフレーム

みいと

今回はAfter Effectsのアニメーション作成で重要なキーフレームについてのまとめていきます。

キーフレームとは

キーフレームはプロパティの値を設定したフレームのことです。

キーフレームを複数設定することでアニメーションを作成できます。

キーフレームの作成

キーフレームはタイムライン上に作成していきます。

タイムライン

キーフレームの前にタイムラインについて軽くまとめておきます。

タイムラインはアニメーションの時間軸です。

横方向が経過時間をあらわしていて左端が0秒、右に進むと時間が進みます。

縦方向はレイヤーをあらわしていて、ここに配置された素材ごとにレイヤーがわけられているようなイメージです。

タイムライン

キーフレームの作成方法

ストップウォッチマーク

各レイヤーで最初に作成するキーフレームはストップウォッチマークをクリックすると、現在のフレームに作成されます。

ストップウォッチをクリックすると最初のキーフレームが作成される

キーフレームはひし形のマークで表示されます。

選択中のキーフレームは青いひし形になります。

キーフレーム追加と移動のアイコン

キーフレームが設定されたプロパティは左側にこちらの画像のようなアイコンが表示されます。

◁は1つ前のキーフレームに、▷は次のキーフレームに移動させます。

真ん中のひし形は現在のフレームにキーフレームを追加します。

キーフレームの削除

キーフレーム追加のひし形が青くなっている場合は、現在のフレームにすでにキーフレームが存在する状態です。

この状態でひし形をクリックするとキーフレームを削除します。

また、キーフレームが作成されているレイヤーでストップウォッチをクリックすると、そのレイヤーのすべてのキーフレームを削除します。

キーフレームアニメーション

キーフレームを複数作成して違うパラメーターを設定することで、アニメーションが出来上がります。

今回は正円のシェイプレイヤーでスケールのキーフレーム0秒で0%、1秒で100%に設定しました。

キーフレームとキーフレームの間のパラメーターは、After Effectsが自動的に補完してくれます。

これでこのように何もない状態から少しずつ正円が大きくなっていくアニメーションができます。

After Effectsではキーフレームをつかってアニメーションを作成していくので、まずはキーフレームを使って簡単なアニメーションを作る練習をするのがよさそうですね。

ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました