【After Effects】キーフレームとは?追加方法やショートカットキー

After Effectsで、アニメーションを作成するときに使用するのがキーフレームです。
今回の記事では、キーフレームの追加方法や便利なショートカットキーについて紹介します。
初心者の方でも分かりやすいように、簡単に解説しておりますので興味のある方はぜひご覧ください。

キーフレームとは

キーフレームとは、オブジェクトの変化するポイントと内容を設定できる機能です。

キーフレーム

画像のように打ち込むことで「ここからここまでを変化させる」と設定できます。
オブジェクトを移動させたり、回転、不透明度を変化させるなど色々な使い方があります。


キーフレームを打ち込む方法

ここでは、キーフレームを打ち込む方法について紹介します。

例として、このように回転移動しながら透明になる動画を作成してみます。

シェイプを作成

まずは、シェイプを作成します。

シェイプを作成

シェイプツールで好きな形のシェイプを作成してください。

トランスフォームを開き時計マークをクリック

ここからキーフレームを打ち込んでいきます。

キーフレームを打ち込む

作成したシェイプのレイヤーを開き、トランスフォームを開きます。
すると、位置や回転などの項目が出てくるのでこちらにキーフレームを打ちます。
まずは、位置を変化させてみましょう。


時計マークをクリック

シェイプを変化させ始めたい部分にインジケーターを移動させます。
そして、「位置」の隣りの時計マークをクリックします。


キーフレームが一つ打ち込まれる

これで、キーフレームが一つ打ち込まれます。


2つ目のキーフレームを打ち込む

次に変化を終了させたい部分にキーフレームを移動させ、「◇」をクリックします。
これで、2つ目のキーフレームを打ち込むことができました。


キーフレームを打ち込み

回転と不透明度にも同じようにキーフレームを打ち込みましょう。
次に数値を調整します。

キーフレームを選択して数値を調整

ここでは、各項目の数値を調整してシェイプを変化させます。

数値を調整

インジケーターを合わせた状態で、キーフレームをクリックすると画像のように青くなります。
この状態で数値を調整します。


好きな数字に変更

位置の数値をクリックして、好きな数字に変更してみてください。
左側が横軸、右側が縦軸です。
今回は、「429、564」から「1566、564」に変更しました。


これで、移動するアニメーションを作成できました。


回転と不透明度も変更

回転と不透明度も同じ要領で変更してみましょう。
今回は、回転を「0x++0.0°」から「5x++0.0°」、不透明度を「100%」から「0%」に変更しました。


これで完成です。


キーフレームの便利なショートカットキー

最後にキーフレームの便利なショートカットキーを紹介します。

シェイプレイヤーを選択した状態で、キーボードの「U」を押してみてください。
すると、キーフレームの打ち込まれた項目のみが表示されます。


作業効率を上げるには?

いかがでしたでしょうか。
今回紹介したもの以外にも、After Effectsでは作業効率を上げる方法があります。
例えば、テンプレートを使用することでかっこいいエフェクトやモーショングラフィックスを短時間で作成することが可能です。

ここでは、簡単かつスピーディーに追加できるかっこいいテンプレートを3つ紹介します。
お手頃価格で購入可能ですので、是非チェックしてみてください。

Infographics

Infographics
グラフやパラメーターなど、70個のモーショングラフィックスがセットになったテンプレートです。
シンプルなのにクオリティが高く、様々な映像で使用できます。
SFっぽい映像などで合成して使いたい時などに非常に便利です。

Infographicsをチェック

Slideshow

Slideshow
その名の通りスライドショーのテンプレートです。
意外と作るのが面倒なスライドショーもこのテンプレートがあれば、簡単にオシャレなものが作成できます。
使い方もテンプレートに好きな写真を配置するだけなので簡単です。

Slideshowをチェック

Callout Pack

Callout Pack
50個のコールアウト(説明文を表示するレイアウト)がセットになったテンプレートです。
テキストと色を変えるだけで、すぐに使用できます。
注釈を入れたいときや登場人物の名前を表示させたい時などに便利です。

Callout Packをチェック

まとめ:キーフレームを使いこなそう

とにかくたくさん打ち込んでみることでキーフレームの使い方にも慣れていきます。
ぜひ今回紹介した内容を参考にして、制作に役立ててください。

また、当サイトでは2020年からIllustratorやPremiere Proなど、Adobeソフト関連の使い方に関する記事を投稿しております。
画像加工や動画編集に関する情報や知識に興味のある方は、ぜひチェックしてみてください。