キーフレームとは？動画アニメーションの基本概念と活用の考え方ガイド
キーフレームとは映像の「変化の開始点と終了点」を記録するマーカーで、位置・スケール・不透明度などのパラメータを時間軸で変化させてアニメーションを作る基本的な仕組みです。
はじめに
動画にテロップをフェードインさせたり、画像をズームさせたり — そんな「動き」をつける操作の裏側には、必ず「キーフレーム」という仕組みがあります。動画編集の中でもアニメーション表現の基本中の基本ですが、意外と「なんとなく使っている」という方も多いのではないでしょうか。
キーフレームの考え方を正しく理解すると、テンプレートに頼らず自分でアニメーションを作れるようになり、表現の幅が一気に広がります。
DaVinci Resolve認定トレーナーとして延べ1万人以上の受講者にアニメーションの基礎を教えてきた経験をもとに、キーフレームの概念から活用の考え方までをわかりやすく解説します。
キーフレームとは — 「変化の記録」がアニメーションを生む
キーフレームを一言で説明すると
キーフレームとは、映像のパラメータ（位置、サイズ、不透明度など）の値を特定のタイミングで記録するマーカーのことです。
「ここの時点ではこの値、あそこの時点ではこの値」と2点以上を指定すると、その間の変化をソフトウェアが自動的に補間してくれます。この補間によって生まれる連続的な変化が「アニメーション」です。
キーフレームがなければ動きは生まれない
動画編集ソフトに配置した画像やテロップは、そのままでは静止しています。「0秒目に画面の左端、2秒目に右端」という2つのキーフレームを打って初めて、左から右へ移動するアニメーションが生まれます。
つまりキーフレームは、映像に動きを与えるための「指示書」のようなものです。どんな複雑なアニメーションも、突き詰めると複数のキーフレームの組み合わせで成り立っています。
キーフレームの基本的な考え方
開始点と終了点を設定するだけで動きができる
キーフレームの基本操作は非常にシンプルです。
- タイムラインの「開始位置」にキーフレームを打ち、パラメータの値を設定する
- タイムラインの「終了位置」にキーフレームを打ち、異なる値を設定する
- ソフトウェアが2点間を自動補間してアニメーションを生成する
たとえば不透明度を「0秒: 0%」「1秒: 100%」と設定すれば、1秒かけて徐々に表示されるフェードイン効果が完成します。
イージング（緩急）でアニメーションに生命感を与える
2つのキーフレーム間を直線的に補間すると、動きは均一な速度になります。これを「リニア（直線）補間」と呼びますが、実は機械的で不自然な印象を与えがちです。
現実世界の物体は、動き始めにゆっくり加速し、止まるときにゆっくり減速します。この「緩急」を再現するのがイージングです。
- イーズイン: 最初はゆっくり → 徐々に加速
- イーズアウト: 速く始まり → 徐々に減速して停止
- イーズインアウト: ゆっくり始まり → 中盤で加速 → 最後にゆっくり停止
延べ1万人以上に教えてきた中で実感しているのは、「イージングを1つ変えるだけでアニメーションの印象が劇的に変わる」ということです。リニアからイーズインアウトに切り替えるだけで、素人っぽさが一気に消えます。
位置・スケール・回転・不透明度 — 変化できるパラメータ
キーフレームで制御できるパラメータは多岐にわたります。代表的なものを整理しておきましょう。
| パラメータ | 変化の内容 | 使用例 |
|---|---|---|
| 位置（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ページの両方で使える
まずはテロップのフェードインなど、シンプルなアニメーションからキーフレームに慣れていきましょう。仕組みを理解すれば、テンプレートのカスタマイズも自在にできるようになります。
よくある質問
キーフレームとは何ですか？
キーフレームとは、映像のパラメータ（位置、サイズ、不透明度など）の値を特定のタイミングで記録するマーカーです。2つ以上のキーフレームを設定すると、その間の変化が自動的に補間され、アニメーションになります。
キーフレームアニメーションは難しい？
基本的な仕組みは「開始点と終了点を設定するだけ」なのでシンプルです。ただし、自然な動きを作るにはイージング（緩急）の調整が必要で、ここに慣れが要ります。テンプレートを活用すれば、キーフレームを手動で設定せずにプロ品質のアニメーションが使えます。
DaVinci Resolveでキーフレームはどこで使える？
エディットページのインスペクタ（位置・スケール・回転など）とFusionページの両方で使えます。シンプルなアニメーションはエディットページ、複雑なモーションはFusionページが適しています。
関連記事
DaVinci Resolve 21 編集ワークフロー改善まとめ｜全ページ変更点
2026年4月にパブリックベータが公開されたDaVinci Resolve 21は、CutページからColorページまで全ページに渡る改善が施されています。Lottie対応・IntelliScript・Krokodove統合など、実務で使う頻度の高い機能をページ別にわかりやすくまとめました。
DaVinci Resolveで字幕を自動生成する方法【Studio機能解説】
DaVinci Resolve Studioには音声から自動で字幕を生成する「Audio to Subtitle」機能が搭載されています。自動生成の手順、日本語の認識精度、字幕の編集・スタイル調整、SRTファイルの書き出し方法、さらに無料版ユーザー向けの代替手段まで、DaVinci Resolve認定トレーナーの視点から網羅的に解説します。
DaVinci Resolveノイズ除去の使い方｜映像・音声のノイズを消す方法
DaVinci Resolveで映像ノイズと音声ノイズを除去する方法を、エディットページとFairlightページに分けて解説します。時間的NR・空間的NRの違い、無料版とStudio版の機能差、AIノイズリダクションの活用法、さらに撮影段階でノイズを減らすコツまで、DaVinci Resolve認定トレーナーの視点からお伝えします。
YouTube動画のブランディング戦略｜チャンネルの世界観を統一する方法
YouTubeチャンネルの世界観を統一するブランディング戦略を解説します。配色、フォント、サムネイルテンプレート、テロップデザイン、イントロ/アウトロまで、視覚的な一貫性を作るための具体的な手順を、チャンネル運営5年以上の実体験とともにお伝えします。
DaVinci Resolve 21のAI新機能完全解説｜Neural Engineの進化を網羅
2026年4月に発表されたDaVinci Resolve 21には、Neural Engineを活用した新しいAI機能が多数追加されました。AI音声ジェネレーター、撮影後にピントを調整できるCineFocus、顔加工AI3種、UltraSharpen、IntelliSearchなど、実用的な機能をわかりやすく解説します。
DaVinci Resolve 21 Photoページ完全解説｜写真編集の新時代が始まった
2026年4月に発表されたDaVinci Resolve 21には、まったく新しい「Photoページ」が追加されました。ハリウッドレベルのカラーツールを写真編集にそのまま活用できるこの機能は、動画クリエイターにとっても大きな変化をもたらします。RAW現像、AI検索、テザー撮影まで、できることを丸ごと解説します。