キーフレームとは？動画アニメーションの基本概念と活用の考え方ガイド
キーフレームとは映像の「変化の開始点と終了点」を記録するマーカーで、位置・スケール・不透明度などのパラメータを時間軸で変化させてアニメーションを作る基本的な仕組みです。
はじめに
動画にテロップをフェードインさせたり、画像をズームさせたり、そんな「動き」をつける操作の裏側には、必ず「キーフレーム」という仕組みがあります。動画編集の中でもアニメーション表現の基本中の基本ですが、意外と「なんとなく使っている」という方も多いのではないでしょうか。
キーフレームの考え方を正しく理解すると、テンプレートに頼らず自分でアニメーションを作れるようになり、表現の幅が一気に広がります。
キーフレームとは｜「変化の記録」がアニメーションを生む
キーフレームを一言で説明すると
キーフレームとは、映像のパラメータ（位置、サイズ、不透明度など）の値を特定のタイミングで記録するマーカーのことです。
「ここの時点ではこの値、あそこの時点ではこの値」と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での活用法」で、モーショングラフィクスの活用は「モーショングラフィクスとは？アニメーションとの違い」で解説しています。
関連記事:
よくある質問
キーフレームとは何ですか？
キーフレームとは、映像のパラメータ（位置、サイズ、不透明度など）の値を特定のタイミングで記録するマーカーです。2つ以上のキーフレームを設定すると、その間の変化が自動的に補間され、アニメーションになります。
キーフレームアニメーションは難しい？
基本的な仕組みは「開始点と終了点を設定するだけ」なのでシンプルです。ただし、自然な動きを作るにはイージング（緩急）の調整が必要で、ここに慣れが要ります。テンプレートを活用すれば、キーフレームを手動で設定せずにプロ品質のアニメーションが使えます。
DaVinci Resolveでキーフレームはどこで使える？
エディットページのインスペクタ（位置・スケール・回転など）とFusionページの両方で使えます。シンプルなアニメーションはエディットページ、複雑なモーションはFusionページが適しています。
イージングとは何ですか？
イージングとは、アニメーションの動き始めや終わりに緩急をつけることです。最初はゆっくり動き出して徐々に加速したり、最後にふわっと減速して止まったりすることで、機械的ではない自然な動きになります。
関連記事
DaVinci Resolve 軽くする チェックリスト｜重いと感じたら上から順に試す
DaVinci Resolveが重いとき、原因を探すより先に「効果の大きい対処から順に試す」のが最速です。最適化メディア・プロキシ生成・スマートレンダーキャッシュ・タイムラインプロキシ解像度・再生品質・バックグラウンドアプリの整理まで、即効性の高い軽量化手順を副作用と所要時間つきのチェックリスト形式でまとめました。
DaVinci Resolve プロジェクト設定の正解｜新規プロジェクトで最初に決めるべき設定
DaVinci Resolve の新規プロジェクトで最初に確定すべき設定を体系的に解説。タイムライン解像度・フレームレート・カラーサイエンスの選び方から、最適化メディアのフォーマット・キャッシュ形式・自動保存の設定まで、なぜその値なのかの理由とともに網羅します。設定を後回しにすることで起きる手戻りを防ぐための入門ガイドです。
DaVinci Resolve 書き出しできない原因と対処法【症状別に分類】
書き出しボタンを押したのに完了しない、エラーで止まる、ファイルが生成されない。DaVinci Resolveの書き出し失敗は原因が複数あり、症状によって対処が異なります。コーデック非対応・ストレージ不足・パスの問題・GPU/メモリ不足・無料版のコーデック制限など、主要な原因を症状別に分類して対処法とあわせて解説します。
「AI実践ラボ」を始めます。AIを実践に変える少人数コミュニティを募集
「AIを使ってみた」で終わらせない人のための、少人数制・審査制のオンラインコミュニティ「AI実践ラボ」を始めます。同じ熱量で取り組む仲間と直接つながれる場を作るため、2026年5月31日まで募集。月額2,000円または年額19,200円で参加可能。応募はGoogleフォームから、合格者は6月中旬に一斉スタートします。
YouTube動画の字幕・アクセシビリティ対策で視聴者層を広げる方法
YouTube動画の字幕対応とアクセシビリティ改善を実践的に解説します。自動字幕の活用から手動修正、SRTファイルの作成、DaVinci Resolveでの字幕焼き込みまで、視聴者層を広げてSEO効果も得られる字幕戦略をまとめました。
YouTube収益を広告以外で増やす方法｜7つの収益多角化戦略
YouTubeの収益はAdSenseだけではありません。広告収入以外の7つの収益源を比較し、特にデジタル商品販売の始め方をYouTube6万人超・プラグイン5,000本超の経験から実践的に解説します。広告収入の不安定さをカバーする収益多角化の考え方を紹介します。