未分類

Premiere Proのキーフレームアニメーションの基本【2026年版】位置・拡大・不透明度を動かす作り方とイージングの活かし方

kitagawatetsuro

Premiere Proのキーフレームアニメーションの基本を説明する図解
✂️ Premiere Pro⏱️ キーフレーム🆕 2026年版
⏱️ この記事は約9分で読めます
📋 この記事の要約

Premiere Proのキーフレームの基本を、位置・拡大・不透明度の動かし方から解説します。ストップウォッチアイコンの使い方、打ち方3ステップ、動きを滑らかにするイージングの設定、初心者がつまずきやすい失敗パターンまで、実際の操作に沿ってまとめました。

こっこちゃん
こっこちゃん
「エフェクトコントロールの時計マーク、なんとなく触らずにいない?実はこれさえ分かれば動きは何でも作れるようになるよ」

Premiere Proで「文字を動かしたい」「ワイプ映像をスライドインさせたい」時に必ず出てくるのがキーフレームです。この記事では、キーフレームの考え方から打ち方の基本、動きを滑らかにするイージング、初心者がつまずきやすいポイントまでを解説します。

✅ 先に結論

  • キーフレームは「この時間にこの値」を記録する点のことです。
  • プロパティ名の左にあるストップウォッチのアイコンをクリックすると記録が始まります。
  • そこから時間を進めて値を変えるだけで、自動的になめらかな動きが生まれます。
  • 動きがカクカクする時はイージングを設定すると解決します。
  • 最初は位置・拡大・不透明度の3つだけで練習するのがおすすめです。

🧭 キーフレームとは何か

キーフレームは、「この時間になったら、この値にする」という記録です。例えば「0秒の時は画面の外」「1秒の時は画面の中央」という2つのキーフレームを打つと、Premiere Proがその間を自動的につないで、映像がスライドインしてくる動きを作ってくれます。

キーフレームの仕組みを説明する図解

自分で1コマずつ位置を計算して動かす必要はありません。始点と終点(またはいくつかの通過点)を決めるだけで、間の動きはソフトが計算してくれます。

⚙️ 打ち方3ステップ

キーフレームを打つ基本の流れは、どのプロパティでも共通しています。ここでは「位置」を例に説明します。

キーフレームの打ち方3ステップの図解
  1. クリップを選択し、エフェクトコントロールパネルを開いて「モーション」→「位置」を表示する
  2. タイムラインの再生ヘッドを動き始めたい時間に合わせ、位置の左にあるストップウォッチのアイコンをクリックする(最初のキーフレームが打たれる)
  3. 再生ヘッドを動き終わりたい時間まで進め、位置の数値を変更する(自動的に2つ目のキーフレームが打たれる)
つまずきやすい点 2つ目のキーフレームは、ストップウォッチをもう一度押す必要はありません。一度オンにした後は、時間を進めて値を変えるだけで自動的に新しいキーフレームが追加されます。

🎛️ 位置・拡大・不透明度を動かしてみる

キーフレームが打てるプロパティはたくさんありますが、最初は次の3つで練習すると仕組みが理解しやすいです。

位置(Position)
画面の外から中央へスライドインさせる、といった移動の演出に使います。
スケール(Scale)
小さい状態から徐々に大きくする、ズームインのような演出に使います。
不透明度(Opacity)
0%から100%へ変化させることで、フェードイン・フェードアウトが作れます。

この3つはすべて「モーション」または「不透明度」の項目からアクセスでき、操作方法は共通です。まずはどれか1つで感覚をつかんでから、他のプロパティにも応用してみてください。

🌊 イージングで動きを滑らかにする

キーフレームを打っただけの動きは、スタートとストップが急で、機械的でカクカクした印象になりがちです。これを解決するのが「イージング」です。

リニアとイーズイン・アウトの動きの違いの図解
種類動きの特徴向いている用途
リニア(直線)常に一定の速度で動く機械的な動き、UI的な演出
イーズインゆっくり動き出して加速する自然な動き出し
イーズアウト加速してからゆっくり止まる自然な止まり方
イーズイン/アウトゆっくり始まりゆっくり終わる最も自然で汎用性が高い

設定方法は、キーフレームを右クリックして「イーズイン」「イーズアウト」を選ぶだけです。より細かく調整したい場合は、エフェクトコントロールパネルのグラフエディタでカーブの形を直接編集することもできます。

こっこちゃん
こっこちゃん
「とりあえず「イーズイン/アウト」を選んどけば、大体それっぽく自然な動きになるよ」

🚧 よくある失敗

キーフレームを覚えたてのころによくあるつまずきをまとめました。

キーフレームでよくある失敗の図解
チェックリスト
  1. 同じ時間・同じ場所にキーフレームを重ねて打ってしまい、変化しなくなっていないか
  2. 再生ヘッドの位置を動かし忘れて、同じ時間に上書きしてしまっていないか
  3. 短い時間で大きく動かしすぎて、忙しない・酔うような動きになっていないか

特に3つ目は見落としがちです。動きは「ゆっくり・少なく」から始めて、物足りなければ後で強めるという順番の方が、失敗に気づきやすくなります。

🔗 応用:ワイプ(PinP)への活用

ここで覚えたキーフレームの考え方は、そのままPremiere Proでワイプ(PinP)を作る方法にも使われています。位置・スケールのキーフレームを組み合わせることで、ワイプ映像がスライドインしてくる演出が作れます。

❓ よくある質問

キーフレームはどのプロパティにも使えますか?

「モーション」「不透明度」だけでなく、多くのエフェクトのパラメータにもキーフレームを打てます。プロパティ名の左にストップウォッチのアイコンがあれば対応しています。

一度打ったキーフレームを削除するにはどうすればいいですか?

削除したいキーフレームのひし形マークを右クリックして「クリア」を選ぶか、選択してDeleteキーを押します。すべて消したい場合は、プロパティ名左のストップウォッチアイコンをもう一度クリックすると全キーフレームが削除されます。

グラフエディタって何ですか?

キーフレーム間の速度変化を、カーブの形で視覚的に編集できる機能です。イーズイン/アウトだけでは物足りない、より細かい緩急をつけたい場合に使います。

スマホの動画編集アプリでもキーフレームは使えますか?

アプリによっては簡易的なキーフレーム機能が搭載されていますが、細かい調整のしやすさはPC版のPremiere Proの方が優れています。本格的に動きを作り込みたい場合はPCでの編集がおすすめです。

🔗 次に読むと制作が進む記事

📚 参考にした情報

こっこちゃん
こっこちゃん
「最初は地味に感じるかもだけど、キーフレームが分かるとできることが一気に広がるから、ぜひ触って慣れてみて」
制作の現場での判断
実務でも、動きの多くはキーフレーム2〜3個とイージングの組み合わせで作られています。凝ったアニメーションほど打つ点数を増やしたくなりますが、少ない点数でシンプルに作った方が修正もしやすく、結果的に仕上がりも安定します。

🌱 まとめ

キーフレームアニメーションまとめ図解
  1. キーフレームは「この時間にこの値」を記録する点
  2. ストップウォッチのアイコンをクリックして記録を開始する
  3. まずは位置・拡大・不透明度から練習する
  4. イージングで動きを滑らかにする
  5. 動かしすぎず、少ない打点でシンプルに作る

キーフレームはPremiere Proの映像表現の土台になる機能です。まずはワイプのスライドインなど、身近な演出から練習してみてください。

制作のご相談
もっと動きのある演出を作り込みたい方はご相談ください

白い鴉では、VTuber向けのOP動画・配信演出・動画編集の制作を承っています。「キーフレームの基本は分かったが、もっと凝った動きを付けたい」「編集ごと任せたい」といった段階のご相談も歓迎です。

相談・見積もりを依頼する → 制作実績を見る

🗂️ 白い鴉.netの記事一覧から、Premiere Pro・After Effects・Live2D・VTuber配信の関連記事を続けて読めます。

ABOUT ME
記事URLをコピーしました