【初心者向け】Premiere Proでアニメーションさせる方法 / キーフレームの概念を理解
この記事の内容
- Adobe Premiere Proでアニメーションを実現する基本的な仕組みを解説します
- 「キーフレーム」の概念と、その追加・削除の操作方法を紹介します
- 位置(モーション)とスケール(大きさ)のアニメーションを実践的に説明します
- 初心者がよくやってしまう失敗パターンと、その回避方法をお伝えします
- キーフレームの空間補間(ベジェ曲線・リニアなど)についても触れます
アニメーションの基本概念
Adobe Premiere Proでアセット(画像や動画)を動かすには、エフェクトコントロールを使います。アセットをクリックして選択すると、エフェクトコントロールパネルに「モーション」「不透明度」などの項目が表示されます。
アニメーションをオフの状態では、位置や大きさなどの設定値はタイムライン全体を通じて一定です。どのフレームに移動しても、同じ値が適用されます。これは「この場所に固定する」という指示が全体に対してかかっている状態です。
キーフレームとは何か
アニメーションをオンにすると、「この時間にはこの場所にいてほしい」という指示を時間軸に沿って複数設定できるようになります。この指示のことをキーフレームと呼びます。
たとえば、ある時間では画面の左端にいてほしい、別の時間では右端にいてほしい、という2つのキーフレームを設定すると、Premiere Proがその間を自動的に補間して、なめらかに移動するアニメーションを生成してくれます。
キーフレームは追加も削除もできます。「この時間にはここにいてほしい」という点を増やしていくことで、複雑な動きも表現できます。
位置アニメーションの作り方
左から右へ移動するアニメーションを例に、手順を説明します。
- タイムラインを動かしたい開始時点に移動します
- エフェクトコントロールの「モーション」内にある位置(Position)のアニメーションのストップウォッチアイコンをクリックしてオンにします
- オンにすると、その時点に自動でキーフレームが打たれます
- アセットを開始位置(たとえば画面左端)に配置します
- タイムラインを終了時点に移動します
- アセットを終了位置(たとえば画面右端)に動かすと、自動的にキーフレームが追加されます
これで、2つのキーフレームの間を自動補間してアニメーションが生成されます。
スケールアニメーションの作り方とよくある失敗
スケール(大きさ)のアニメーションも同様の操作で設定できますが、初心者が陥りやすい失敗パターンがあります。
よくある失敗パターン
「途中から大きくなって、その後小さくしたい」という場合に、次のような失敗が起きがちです。
- 大きくなりきった状態のキーフレームを先に打つ
- 次に小さくなり終わった状態のキーフレームを打つ
こうすると、「大きくなりきった状態」から「小さくなり終わった状態」への補間が始まってしまうため、意図したタイミングで動きが始まりません。
正しいアプローチ
キーフレームを打つ際は、「変化させたくない区間」にも同じ値でキーフレームを打つことが重要です。
たとえば「始めはこの大きさのまま→途中から大きくなる→また小さくなる」を表現したい場合は、以下のように打ちます。
| タイムライン位置 | キーフレームの値 |
|---|---|
| 開始点 | 通常の大きさ(例: 100%) |
| 大きくなり始める直前 | 通常の大きさ(例: 100%)※同じ値を再度打つ |
| 大きくなりきった点 | 大きな値(例: 200%) |
| 小さくなり始める直前 | 大きな値(例: 200%)※同じ値を再度打つ |
| 小さくなりきった点 | 通常の大きさ(例: 100%) |
**「変化させたくない区間の両端に同じ値でキーフレームを打つ」**という癖をつけると、意図した通りのアニメーションが作れるようになります。
キーフレームのコピー&ペースト
すでに打ったキーフレームを選択してコピーし、別の時点にペーストすることも可能です。「同じ大きさのキーフレームを隣に置きたい」という場面で活用できます。
空間補間(キーフレーム間の動き方)について
位置アニメーションで複数のキーフレームを打った場合、そのキーフレームとキーフレームの間を「どのように移動するか」を空間補間で制御できます。
リニア(Linear)
指定したキーフレームの点を直線的に結んで移動します。カクカクとした動きになりますが、意図した経路をまっすぐ通ります。
キーフレームを右クリックし、「空間補間法」から「リニア」を選択することで設定できます。
ベジェ曲線(Bezier)
初期状態では自動ベジェになっていることが多く、キーフレームとキーフレームの間をなめらかな曲線で補間します。たとえば「右に移動してから上に移動」という経路を設定した場合、角を丸めるように曲線を描いて移動します。
自動ベジェのほかにも「連続ベジェ」などの種類があり、それぞれ補間の計算方法が異なります。
Ease In / Ease Out
動きの開始・終了をゆっくり始めてゆっくり終わるようにする補間方法です。より自然な動きの表現に使われます。
意図した動きと実際の動きが違うと感じたときは、キーフレームを選択して空間補間法を変更してみることで改善できることがあります。
まとめ
Premiere Proでアニメーションを作るうえで最も重要な概念はキーフレームです。
- アニメーションをオンにすると、時間軸に沿って「いつ・どこに・どの大きさでいるか」を指定できるようになります
- キーフレームとキーフレームの間はPremiere Proが自動補間してくれます
- 変化させたくない区間には、同じ値でキーフレームを両端に打つのがコツです
- キーフレームを打つ前に、まず現在の状態でキーフレームを打っておく癖をつけると失敗が減ります
- 空間補間法(リニア・ベジェ・Ease In/Out)を変更することで、動きの質感をコントロールできます
この基本を押さえておけば、位置・スケール・不透明度など、アニメーション化できるあらゆるプロパティに応用できます。まずはキーフレームを正しく打つことを意識して、いろいろな動きを試してみてください。