動画編集テクニック

【脱・紙芝居】動画が動き出す!キーフレームの基本とイージングの魔法

はじめに:「テロップの動きが、なんか安っぽいにゃ…」

「ねえひろぼー!画像をスライドインさせてみたんだけど、なんかパワーポイントのアニメーションみたいで安っぽいんだよね…。
プロの動画は、テロップが『シュッ』と出て『ピタッ』と止まるのに、私のは『ヌル〜』っと動いて気持ち悪いの。同じPremiere Proを使ってるはずなのに、何が違うのかな?」

猫娘、その違和感の正体は「緩急(イージング)」だよ!
「かんきゅう?」

そう。現実世界のものは、急にトップスピードで動き出したり、急に止まったりしないよね?必ず「加速」と「減速」があるんだ。
動画編集において、この「物理法則」を無視した動きは、視聴者の脳に『素人っぽさ(違和感)』としてダイレクトに伝わってしまうんだよ。
今日は、ただの静止画やテロップに命を吹き込む「キーフレームの基礎」と「イージングの設定方法」を、誰でも分かるように徹底解説するね!

1. キーフレームとは?「時間」と「変化」の約束

キーフレームの基本

そもそもキーフレームとは何でしょうか?難しく考える必要はありません。「〇秒の時に、××の状態になってね」という予約ボタンのことです。

予約ボタン?どういうこと?もっと簡単に教えて!
猫娘

ひろぼー
例えば、猫娘が運動会で走るとするよ。「0秒の時はスタートライン(位置0m)」にいて、「10秒後にゴール(位置100m)」にいたい。この「0秒」と「10秒」の地点に打つピンのことを、キーフレームって呼ぶんだ。

なるほど!じゃあその間の1秒〜9秒はどうなるの?私が走るの?
猫娘

ひろぼー
そこがコンピューターの賢いところ!「スタートとゴールが決まったら、間の動きは勝手に計算して埋めておくね!」ってやってくれるんだ。これを専門用語で「補間(ほかん)」と言うよ。
つまり、最初と最後を決めるだけで、アニメーションは勝手に完成するんだ。

キーフレームで動かせる「4大要素」

Premiere Proの「エフェクトコントロールパネル」にある、時計マーク(ストップウォッチ)がついている項目はすべて動かすことができます。初心者がまず覚えるべきは以下の4つです。

項目名どんな動きになる?
位置
(Position)
上下左右への移動。画面外からスライドインさせたり、写真が横切ったりする演出に使います。
スケール
(Scale)
拡大・縮小。「ズーム」や「飛び出す動き(ポップアップ)」に使います。
回転
(Rotation)
グルグル回る。「ゆらゆら揺れる」演出や、車輪の回転などに使います。
不透明度
(Opacity)
透明度の変化。「フェードイン(ふわっと出る)」「フェードアウト(消える)」に使います。

これらを組み合わせることも可能です。例えば、「スケール」を大きくしながら「不透明度」を下げれば、「煙のように消えていく演出」が作れます。

2. なぜあなたの動画は「ロボット」っぽいのか?

ロボットのような動き

キーフレームを打っただけでは、まだ素人感が抜けません。なぜなら、デフォルトの状態では「リニア(直線移動)」という等速運動になっているからです。

「等速運動」の不自然さ

リニアとは、最初から最後まで「ずっと同じスピード」で動くことです。
例えば、車が発進する時、いきなり時速60kmにはなりませんよね?アクセルを踏んで徐々に加速します。止まる時も、急に時速0kmにはなりません。ブレーキを踏んで徐々に減速します。

  • リニア(デフォルト): ロボットの動き。カクカクしている。感情がない。
  • イージング(緩急): 人間の動き。滑らかで気持ちいい。感情がある。

この「加速」と「減速」をつける作業を「イージング(Ease)」と呼びます。これを入れるだけで、あなたの動画は一気にプロの領域に入ります。

3. 【実践】ワンクリックでプロ化!「イーズイン・アウト」

では、実際にイージングをつけてみましょう。難しい計算は不要で、キーフレームの上で右クリックするだけで設定できます。
しかし、ここで全人類がつまずくポイントがあります。「どっちがインで、どっちがアウトなの!?」という問題です。

そうそれ!「画面に入ってくる」から「イーズイン」だと思ったら逆だったりするし…もう訳わかんないよ!
猫娘

ひろぼー
その気持ち、痛いほど分かるよ。名前がややこしいんだよね。でも、この覚え方をすれば一生間違えないよ。「駅のホーム」を想像してみて。

【保存版】イーズイン・アウト使い分け早見表

種類英語の意味どんな時に使う?(覚え方)
イーズアウト
(Ease Out)
外へ出る「動き出し」に使います。
電車が駅を出発して(Out)、徐々にスピードを上げるイメージ。
★始点のキーフレームに設定する。
イーズイン
(Ease In)
中に入る「止まる時」に使います。
電車が駅のホームに入ってきて(In)、徐々に減速して止まるイメージ。
★終点のキーフレームに設定する。

一番よく使うのは、テロップが「スッと出てきて、ピタッと止まる」動きです。この場合、「止まる瞬間のキーフレーム(終点)」に「イーズイン」をかけます。これだけで、余韻のある美しい停止動作になります。「駐車(Park In)する時はゆっくり」と覚えるのもおすすめです。

4. 上級者の領域「ベジェ曲線」をいじろう

ベジェ曲線の操作

右クリックのイージングだけでも十分綺麗ですが、さらに「キレ」や「ヌルサク感」を出したい場合は、「速度グラフ(ベジェ曲線)」を操作します。これができれば、あなたはもう脱初心者です。

グラフエディターの開き方と「山」の作り方

エフェクトコントロールパネルで、位置やスケールの左にある「>」マーク(矢印)をクリックして展開すると、キーフレームの間に線グラフが表示されます。これが「速度グラフ」です。(線が高い=速い、線が低い=遅い)

イージングをかけたキーフレームには「ハンドル(青い棒)」が出ています。このハンドルをマウスで引っ張って、グラフの形を「急な山(富士山のような形)」にしてみてください。

  • 理想の形: 最初は低い → 中央で急激に高くなる → 最後は低くなる
  • 動きの印象: ゆっくり始まって → シュパッ!と移動して → ふわっと止まる

この「一瞬だけ超加速する」動きこそが、YouTuberやCMでよく見る「気持ちいい動き」の正体です。

5. よく使うアニメーション3選【レシピ付き】

実践アニメーションレシピ

理屈はわかりましたね。では、実際の現場で多用する「鉄板アニメーション」の数値を公開します。これをそのままマネするだけで、プロっぽい動きが作れます。

① じわっとズーム(Ken Burns Effect)

写真や風景動画を、ゆっくりと拡大させる演出です。ドキュメンタリーやVlogで必須です。

  • 0秒(始点): スケール 100% | イージングなし(リニア)
  • 5秒(終点): スケール 110% | イージングなし(リニア)

【ポイント】あえてイージングをかけず、等速でゆっくり動かすのがコツです。大きくなりすぎると画質が荒れるので、変化量は10%〜15%程度に抑えるのが上品です。

② ぽよんと出るテロップ(バウンス)

少し大きくなってから、元のサイズに戻る動き。バラエティやポップな動画に最適です。

  • 0フレーム: スケール 0% | イーズアウト
  • 10フレーム: スケール 110%(本来より大きく)| イーズイン
  • 15フレーム: スケール 100%(戻る)| イーズイン

【ポイント】一度「110%」まで行き過ぎてから「100%」に戻るのがミソです。この「行き過ぎる動き(オーバーシュート)」が、プニプニした柔らかい質感を表現します。

③ 下からスッと出る(スライドイン)

ビジネス動画のテロップや、名前紹介(ローワーサード)で使います。

  • 0秒(始点): 位置Y軸(画面より下)、不透明度 0% | イーズアウト
  • 0.5秒(終点): 位置Y軸(定位置)、不透明度 100% | イーズイン

【ポイント】終点の「イーズイン」のハンドルを左に長く引っ張り、減速区間を長くすると、より高級感が出ます。同時に「不透明度」もいじることで、ふわっと上品に現れる演出になります。

演出を強化する
【合わせて読みたい!After Effectsで単価を上げるための3つの必須スキル】

はじめに:「動画編集はできるのに、全然稼げないにゃ…」 「ねえひろぼー!Premiere Proでのカット編集とテロップ入れは完璧になったんだけど、1本5,000円から全然単価が上がらないの…。 もっ ...

続きを見る

まとめ:動きを制する者が動画編集を制す!

まとめ

今回は、静止画に命を吹き込む「キーフレーム」と「イージング」の基礎について完全ガイドしました。

  • 基本の概念| キーフレームは「変化の予約ボタン」である。
  • 感情を持たせる| 「リニア(等速)」はロボット、「イージング(緩急)」は人間。
  • 迷ったらこれ| 止まる時のキーフレームは右クリックで「イーズイン」にする。
  • グラフエディター| 速度グラフで「山」を作ると、プロのようなキレが出る。

「動き」は動画の醍醐味です。キーフレームとイージングを使いこなせれば、ただの静止画一枚でも視聴者を感動させることができます。

最初は「どっちがインだっけ?」と迷うかもしれませんが、何度も触っていれば身体が覚えます。
まずはテロップを一つ、「イーズイン」を設定して滑らかに止めることから始めてみてください。その「気持ちよさ」に気づいた瞬間、あなたの動画編集レベルは間違いなく一つ上のステージに上がっていますよ!

今日も最後まで読んでくれてありがとうございました!

  • この記事を書いた人
  • 最新記事

ひろぼー

ひろぼーと申します!X(旧Twitter)フォロワー6500人超え、動画制作200件超え、動画制作は独学で学びました!多くのクライアントやプロジェクトで培ったスキルと独学ならではの学びと経験からあなたのメッセージを効果的に伝えるコンテンツを提供します!

-動画編集テクニック
-, , , , , , ,