After Effectsのキーフレームについてお探しですね。

広告

After Effectsのキーフレームを完全理解！打ち方から移動・コピペまで初心者向け解説

After Effectsでアニメーションを作るなら、絶対に避けて通れないのが「キーフレーム」です。

キーフレームっていうのは、レイヤーの位置や大きさ、透明度、回転なんかの変化を記録する”目印”みたいなもの。

AEでアニメーションを作るときは、ほぼこの考え方がベースになっています。

この記事では、After Effectsのキーフレームの打ち方から、移動やコピー＆ペーストのやり方、初心者がつまずきやすいポイントまで、実際の操作をイメージしながらわかりやすく解説していきます！

1. After Effectsのキーフレームって何？アニメーションの基本を知ろう

After Effectsのキーフレームは、簡単に言うと「ある時間での状態」を記録しておくポイントのことです。

たとえば、0秒の時点でテキストが画面の左にあって、2秒の時点で画面の右にある状態をキーフレームで記録しておくと、その間の動きはAfter Effectsが自動で補ってくれます。

つまり、すべてのコマを自分で作る必要はなくて、スタート地点とゴール地点を指定するだけでアニメーションができちゃうんです。

キーフレームで操作できる代表的なものには、位置、スケール（大きさ）、不透明度、回転、アンカーポイントなどがあります。

位置を変えれば移動のアニメーション、スケールを変えれば拡大縮小、不透明度を変えればフェードイン・フェードアウトが作れます。

これらは全部レイヤーの「トランスフォーム」っていう項目にまとまっているので、最初はここを開いて確認するところから始めるとわかりやすいですよ。

キーフレームを理解するうえで大事なのは、「時間」と「値」をセットで考えることです。

タイムライン上のどこにキーフレームを置くかで動きのタイミングが決まって、各プロパティの数値をどう変えるかで動きの内容が決まります。

思った通りに動かないときは、キーフレームの位置がずれてるのか、数値の変化が意図と違うのかを分けて考えると、原因が見つけやすくなります。

あと、After Effectsではキーフレームを打っただけだと、ちょっと機械的な動きになることもあります。

一定速度でカクカク動く初期状態から、イージーイーズなんかを使って加速・減速をつけると、もっと自然で映像らしい動きになります。

ただ、最初から難しい調整を覚えようとすると混乱しやすいので、まずは「キーフレームを打つ」「時間をずらす」「値を変える」っていう基本操作をしっかり身につけるのが大事です。

2. AEでキーフレームを打つ方法｜ストップウォッチとタイムラインの使い方

After Effectsでキーフレームを打つ基本操作は、プロパティの横にある**ストップウォッチのアイコン**をクリックするところから始まります。

まず、アニメーションさせたいレイヤーを選んで、キーボードの「P」を押すと位置、「S」を押すとスケール、「R」を押すと回転、「T」を押すと不透明度が表示されます。

これらはめちゃくちゃよく使うショートカットなので、覚えておくと作業がかなり速くなります。

たとえば、テキストを左から右へ動かしたいとき。

最初に再生ヘッド（タイムライン上の赤い縦線）を0秒に置いて、レイヤーの位置を画面左側に設定します。

次に「位置」のストップウォッチをクリックすると、0秒地点に最初のキーフレームが作られます。

そのあと、再生ヘッドを2秒地点へ移動して、テキストを画面右側へドラッグすると、2つ目のキーフレームが自動で追加されます。

これで、0秒から2秒にかけて左から右へ移動するアニメーションの完成です！

ここで注意したいのが、**ストップウォッチをもう一度クリックすると、そのプロパティのキーフレームが全部消えちゃう**ってこと。

初心者のうちは「新しいキーフレームを追加するつもりで押したら、全部消えた…」っていうミスがよくあります。

2つ目以降のキーフレームは、ストップウォッチを押し直すんじゃなくて、時間を移動して値を変更するか、プロパティ左側の小さなひし形ボタンを使って追加しましょう。

よく使うキーフレーム操作の流れはこんな感じです。

1. レイヤーを選んで、動かしたいプロパティを表示する
2. 最初の時間に再生ヘッドを置いて、ストップウォッチをクリックする
3. 次の時間へ移動して、数値や位置を変更してキーフレームを追加する
4. プレビュー再生して、タイミングや動きを確認する

この流れを覚えれば、移動、拡大縮小、フェード、回転といった基本的なアニメーションは作れるようになります。

複雑そうに見える演出も、実は複数のプロパティにキーフレームを組み合わせてるだけってことが多いので、基礎操作を丁寧に理解しておくことが何より大切です。

3. キーフレームの移動・間隔調整・削除方法｜動きの速さは時間で決まる

キーフレームを打ったあとに動きの速さを調整したいときは、タイムライン上のキーフレームを左右に動かします。

キーフレーム同士の間隔が短いほど変化は速くなって、間隔が長いほどゆっくり動きます。

たとえば、0秒から1秒で画面左から右へ移動する場合は素早い動きになるけど、0秒から3秒に広げればゆったりした動きになります。

アニメーションの速度は、基本的に「距離」と「時間」の関係で決まるって考えるとわかりやすいですよ。

キーフレームを移動するには、タイムライン上のひし形をクリックして選んで、そのまま左右へドラッグします。

複数のキーフレームをまとめて動かしたいときは、ドラッグで範囲選択するか、Shiftキーを押しながら複数選択してから動かせばOK。

複数選択した状態で移動すれば、アニメーション全体のタイミングを保ったまま開始時間だけを後ろにずらすことができます。

キーフレームの削除は簡単で、削除したいキーフレームを選んでDeleteキーかBackspaceキーを押すだけです。

特定のプロパティに設定したキーフレームを全部消したいときは、ストップウォッチをオフにする方法もあるけど、この操作は対象プロパティのキーフレームがまとめて消えちゃうので注意が必要。

不要なキーフレームだけを消したいときは、個別に選んで削除するほうが安全です。

あと、キーフレームの間隔を調整するときは、**プレビュー再生をこまめにやる**のがめちゃくちゃ大事です。

数値上は正しく見えても、実際に再生すると「ちょっと速すぎる」「止まり方が不自然」って感じることがあります。

After Effectsでは、スペースキーやテンキーの0でプレビューを確認しながら調整できるので、見た目の気持ちよさを確かめながら作業しましょう。

数値だけじゃ判断しにくいので、再生して確認する習慣をつけると仕上がりが安定します。

より自然な動きにしたいときは、キーフレームを選んで右クリックして、「キーフレーム補助」から「イージーイーズ」を適用してみてください。

イージーイーズは、動き始めと止まり際に緩急をつける機能です。

初期状態のリニアな動きは一定速度でちょっと機械的に見えやすいので、テキストや図形のアニメーションではイージーイーズを使うだけでも印象がガラッと変わりますよ。

4. キーフレームのコピー＆ペースト方法｜同じ動きを効率よく使い回すコツ

After Effectsでは、一度作ったキーフレームをコピー＆ペーストして、同じ動きを別の時間や別のレイヤーに使い回せます。

これは作業効率を上げるうえでめちゃくちゃ重要な操作です。

たとえば、複数のテキストを同じようにフェードインさせたいとき、1つずつ不透明度のキーフレームを打つんじゃなくて、作成済みのキーフレームをコピーして貼り付ければ、短時間で統一感のあるアニメーションが作れます。

コピーするには、タイムライン上で対象のキーフレームを選んで、WindowsならCtrl＋C、MacならCommand＋Cを押します。

貼り付けたい時間に再生ヘッドを移動して、同じプロパティか対応するレイヤーを選んで、Ctrl＋VまたはCommand＋Vでペーストします。

このとき、貼り付け位置は再生ヘッドの場所が基準になります。

思わぬ場所に貼り付いちゃう場合は、再生ヘッドの位置と選択中のレイヤーを確認してみてください。

別レイヤーへコピーする場合は、**同じプロパティ同士で貼り付ける**と失敗しにくいです。

たとえば、不透明度のキーフレームをコピーしたら、貼り付け先のレイヤーでも不透明度を表示して選んでおくと、意図した場所へ反映しやすくなります。

位置やスケールなども同じで、どのプロパティに対するキーフレームなのかを意識するのが大切です。

キーフレームのコピー＆ペーストがよく使われる場面はこんな感じ。

– 複数の文字や図形に同じフェードインを適用したいとき
– 既存の動きを少し後ろの時間に繰り返したいとき
– 別レイヤーにも同じスケール変化や回転を使いたいとき
– 作成済みのアニメーションを保険として複製しておきたいとき

ただし、位置キーフレームを別レイヤーに貼り付ける場合は、貼り付け先のレイヤーが元のレイヤーと同じ座標に移動しちゃうことがあります。

見た目の位置関係を保ちたい場合は、コピー後に数値を調整するか、親子付けやプリコンポーズなど別の管理方法を検討するといいです。

初心者の段階では、まずコピー後にプレビューで確認して、必要に応じて位置やタイミングを微調整する流れで十分ですよ。

キーフレーム操作に慣れてきたら、ショートカットも活用しましょう。

**Uキーを押すと、選んだレイヤーでキーフレームが設定されているプロパティだけを表示**できます。

複数のアニメーションを扱うようになると、タイムラインがごちゃごちゃして、どこにキーフレームがあるのか見つけにくくなります。

Uキーで必要な項目だけを表示すれば、移動やコピー、削除の作業がグッとやりやすくなります。

まとめ

After Effectsのキーフレームは、最初は難しそうに見えるかもしれないけど、基本は「時間を決める」「値を変える」「再生して確認する」の繰り返しです。

打ち方、移動、コピー＆ペーストを理解すれば、テキストアニメーション、ロゴの動き、図形の演出、画面切り替えなど、いろんな表現に応用できます。

まずは位置や不透明度みたいなシンプルなプロパティから試してみて、慣れてきたらイージーイーズや複数プロパティの組み合わせに挑戦してみてください。

そうすれば、AEアニメーションの基礎が自然に身についていきますよ！

広告