はじめに
動画にテロップをフェードインさせたり、画像をズームさせたり、そんな「動き」をつける操作の裏側には、必ず「キーフレーム」という仕組みがあります。動画編集の中でもアニメーション表現の基本中の基本ですが、意外と「なんとなく使っている」という方も多いのではないでしょうか。
キーフレームの考え方を正しく理解すると、テンプレートに頼らず自分でアニメーションを作れるようになり、表現の幅が一気に広がります。
キーフレームとは|「変化の記録」がアニメーションを生む
キーフレームを一言で説明すると
キーフレームとは、映像のパラメータ(位置、サイズ、不透明度など)の値を特定のタイミングで記録するマーカーのことです。
「ここの時点ではこの値、あそこの時点ではこの値」と2点以上を指定すると、その間の変化をソフトウェアが自動的に補間してくれます。この補間によって生まれる連続的な変化が「アニメーション」です。
キーフレームがなければ動きは生まれない
動画編集ソフトに配置した画像やテロップは、そのままでは静止しています。「0秒目に画面の左端、2秒目に右端」という2つのキーフレームを打って初めて、左から右へ移動するアニメーションが生まれます。
つまりキーフレームは、映像に動きを与えるための「指示書」のようなものです。どんな複雑なアニメーションも、突き詰めると複数のキーフレームの組み合わせで成り立っています。
キーフレームの基本的な考え方
開始点と終了点を設定するだけで動きができる
キーフレームの基本操作は非常にシンプルです。
- タイムラインの「開始位置」にキーフレームを打ち、パラメータの値を設定する
- タイムラインの「終了位置」にキーフレームを打ち、異なる値を設定する
- ソフトウェアが2点間を自動補間してアニメーションを生成する
たとえば不透明度を「0秒: 0%」「1秒: 100%」と設定すれば、1秒かけて徐々に表示されるフェードイン効果が完成します。
イージング(緩急)でアニメーションに生命感を与える
2つのキーフレーム間を直線的に補間すると、動きは均一な速度になります。これを「リニア(直線)補間」と呼びますが、実は機械的で不自然な印象を与えがちです。
現実世界の物体は、動き始めにゆっくり加速し、止まるときにゆっくり減速します。この「緩急」を再現するのがイージングです。
- イーズイン: 最初はゆっくり → 徐々に加速
- イーズアウト: 速く始まり → 徐々に減速して停止
- イーズインアウト: ゆっくり始まり → 中盤で加速 → 最後にゆっくり停止
位置・スケール・回転・不透明度|変化できるパラメータ
キーフレームで制御できるパラメータは多岐にわたります。代表的なものを整理しておきましょう。
| パラメータ |
変化の内容 |
使用例 |
| 位置(X/Y) |
水平・垂直方向の移動 |
テロップのスライドイン |
| スケール |
拡大・縮小 |
ズームイン・アウト |
| 回転 |
角度の変化 |
回転しながら登場 |
| 不透明度 |
透明→不透明の変化 |
フェードイン・フェードアウト |
| 色・彩度 |
色の変化 |
シーンに合わせた色の遷移 |
これらを組み合わせることで、「右からスライドしながらフェードインし、同時に少し拡大する」といった複合的なアニメーションも実現できます。
キーフレームが使われる映像表現
テロップのフェードイン・アウト
テロップ(字幕やテキスト)の登場・退場は、キーフレームの最も基本的な使い方です。不透明度を0%→100%に変化させるフェードイン、逆に100%→0%にするフェードアウトは、あらゆる動画で使われています。
位置のキーフレームを加えれば「下からスライドアップしながら表示」、スケールを組み合わせれば「ポップアップのように大きくなりながら登場」といった演出も可能です。
カメラのズームイン・アウト(仮想的な動き)
実際にカメラを動かさなくても、スケールのキーフレームを使えば「寄り」と「引き」を演出できます。特に4Kで撮影した素材をFHDで編集している場合、画質を落とさずにズームイン効果を作れるのが大きな利点です。
トーク動画で話者の表情に寄ったり、風景映像で徐々に引いてスケール感を見せたり、編集段階でのカメラワーク追加はキーフレームの得意技です。
グラフィック要素の登場・退場アニメーション
サムネイル風のテキスト、アイコン、図形などのグラフィック要素にキーフレームを設定すると、静的だった画面に動きが生まれます。
YouTubeのチュートリアル動画などで「矢印が指す先に注目させる」「丸囲みが拡大しながら表示される」といった演出をよく見かけますが、これらもすべてキーフレームの応用です。
DaVinci Resolve でキーフレームを扱う際の考え方
エディットページ vs Fusionページ|どちらで使うか
DaVinci Resolveでは、キーフレームを設定できる場所が主に2つあります。
エディットページのインスペクタでは、位置・スケール・回転・不透明度といった基本パラメータのキーフレーム設定が可能です。シンプルなフェードインやスライドなら、ここで十分対応できます。
Fusionページはより高度なアニメーション向けです。ノードベースで複数のパラメータを細かく制御でき、パーティクルや3D要素のアニメーションまで対応します。ただし学習コストはエディットページより高くなります。
プラグイン開発の過程で数百パターンのアニメーション設定をテストしてきましたが、一般的なYouTube動画で使うアニメーションの8割はエディットページのキーフレームで実現できると感じています。まずはエディットページで基本を押さえ、必要に応じてFusionに進むのがおすすめです。
Fusionテンプレートを使えばキーフレームを手動で設定しなくてよい
「キーフレームの仕組みは理解したけれど、毎回手動で設定するのは面倒」という方には、Fusionテンプレートの活用がおすすめです。
テンプレートにはプロが設計したキーフレームアニメーションがあらかじめ組み込まれているため、タイムラインにドラッグ&ドロップするだけでプロ品質の演出が使えます。テロップのモーション演出を手軽にプロレベルにしたい方には、キーフレーム設定済みのテンプレート集 マジックモーション Vol.1 もぜひ試してみてください。
まとめ|キーフレームを理解してアニメーション表現の幅を広げよう
キーフレームは、映像に「動き」を与えるための基本的な仕組みです。この記事のポイントを整理すると:
- キーフレームは特定タイミングでのパラメータ値を記録するマーカー
- 2つ以上のキーフレームを設定すると、間が自動補間されてアニメーションになる
- イージング(緩急)を加えることで、自然な動きに仕上がる
- 位置・スケール・回転・不透明度が代表的な制御パラメータ
- DaVinci ResolveではエディットページとFusionページの両方で使える
まずはテロップのフェードインなど、シンプルなアニメーションからキーフレームに慣れていきましょう。仕組みを理解すれば、テンプレートのカスタマイズも自在にできるようになります。
ノードベースの編集方式については「ノードエディタとは?DaVinci Resolveでの活用法」で、モーショングラフィクスの活用は「モーショングラフィクスとは?アニメーションとの違い」で解説しています。
関連記事:
よくある質問
Q: キーフレームとは何ですか?
キーフレームとは、映像のパラメータ(位置、サイズ、不透明度など)の値を特定のタイミングで記録するマーカーです。2つ以上のキーフレームを設定すると、その間の変化が自動的に補間され、アニメーションになります。
Q: キーフレームアニメーションは難しい?
基本的な仕組みは「開始点と終了点を設定するだけ」なのでシンプルです。ただし、自然な動きを作るにはイージング(緩急)の調整が必要で、ここに慣れが要ります。テンプレートを活用すれば、キーフレームを手動で設定せずにプロ品質のアニメーションが使えます。
Q: DaVinci Resolveでキーフレームはどこで使える?
エディットページのインスペクタ(位置・スケール・回転など)とFusionページの両方で使えます。シンプルなアニメーションはエディットページ、複雑なモーションはFusionページが適しています。
Q: イージングとは何ですか?
イージングとは、アニメーションの動き始めや終わりに緩急をつけることです。最初はゆっくり動き出して徐々に加速したり、最後にふわっと減速して止まったりすることで、機械的ではない自然な動きになります。