キーフレームの速度変化を調整する（イージーイーズ）

アニメーションを調整する

After Effectsのキーフレームを打っただけのアニメは、デフォルトでは「リニア(等速)」になり、機械的でカクついた印象になりがちです。それを自然な動きに変えるのが イージーイーズ、さらに細かく動きを制御するのが グラフエディタ。本記事では、両者の使い分けと、F9キー1つで動きを劇的に変えるテクを解説します。

🎯 「F9でイージーイーズ → グラフエディタで微調整」、これがプロの標準フローです。

このページでは、After Effectsで自然で魅力的なアニメを手軽に作成するための必須テク、イージーイーズの基本からプロが愛用するグラフエディタの微調整まで、徹底的に解説します。

After Effectsのアニメをさらに深く学びたい方は、アニメーションを調整するカテゴリの記事もぜひ参考にしてください。動きの質を底上げするヒントが満載です。

💬 Yahoo!知恵袋(動画・映像カテゴリ / 2024.7)
「After Effectsでロゴアニメを作ったのですが、なんだか機械的でカクカクして見えます。プロが作ったような滑らかな動きにするコツってあるんでしょうか?」
— 動画・映像カテゴリより引用

これはアニメ初心者がほぼ必ずぶつかる壁で、解決の鍵がイージーイーズです。F9キー1つで動きの印象が一変するので、本記事の手順を一度試すだけで、作品のクオリティ感が一段上がります。AEを手元に持っていない方は Adobe公式の無料体験 で本記事のショートカットや調整をすべて実機で再現できます。

なぜ「イージーイーズ」が必要なのか？不自然な「リニア」な動きの限界

AEでキーフレームを設定すると、デフォルトでは「リニア」という補間方法が適用されます。これは、開始から終了まで一定速度で変化する動きを意味します。例えば、オブジェクトをA地点からB地点へ移動させる場合、リニアでは常に同じスピードで動き、急に止まる印象を与えます。これは現実世界の物理法則とは違うため、人間の目には不自然に映ります。

アニメが「生き生き」と見えるためには、動き出し・停止・方向転換の際に速度の緩急をつけることが不可欠。車が発進・停止する瞬間、ボールが転がって止まる瞬間のように、自然な加速・減速があることで、アニメに生命感が宿ります。

イーズの適用が無い場合（リニア）

移動速度が開始から終了まで完全に一定の状態です。

イージーイーズとは？アニメーションに「生命感」を与える機能

「イーズ(Ease)」という言葉は「和らげる、緩和する」といった意味を持ちます。AEのイージーイーズ機能は、キーフレーム間の速度変化を「簡単に滑らかにする」ためのツールです。

イージーイーズを適用すると、キーフレームの前後で値の変化速度が自動的に調整され、初速がゆっくり→中間が速く→停止直前にもゆっくり、という現実世界に近い自然なアニメが手軽に作れます。

イージーイーズを適用した場合（回転も加えています）

ゆっくり転がり始めてゆっくり止まる、という速度変化が付いている点がポイントです。

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

イージーイーズは、アニメの「質」を一段引き上げる最初の一歩です。とくに初心者の方は、まずこの機能を使いこなすところから始めると、作品の印象が一気に変わりますよ。

イージーイーズの3つの種類と使い分け

イージーイーズには主に以下の3種類があります。それぞれの特徴を理解し、表現したい動きに合わせて使い分けるのがコツ。

イージーイーズイン (Easy Ease In): 減速。キーフレームに近づくにつれて速度が緩やかに。
イージーイーズアウト (Easy Ease Out): 加速。キーフレームから離れるにつれて速度が速く。
イージーイーズ (Easy Ease): 減速と加速の両方を行う。キーフレームの前後で速度が緩やかに。

イージーイーズイン：滑らかな停止を演出

イージーイーズインを適用したキーフレームは、そのキーフレームに到達する直前の速度が滑らかになります。ボールが停止するキーフレームに適用すると、キーフレームが近づくにつれて速度が落ちていく自然な減速アニメに。風が止まったことでボールの転がりも停止した、というようなリアリティのある動きを再現できます。

イージーイーズインの例

停止側のキーフレームの直前が滑らかになり、緩やかに減速していきます。

イージーイーズインの適用方法

停止側のキーフレームを選択し、「右クリック → キーフレーム補助 → イージーイーズイン」から適用できます。

キーフレームの形が変化し、イージーイーズインが適用されたことを確認できます。

グラフエディタで微調整（イージーイーズイン）

グラフエディタで見ると、停止キーフレームに近づくにつれて速度が落ち、滑らかな動きになっているのが視覚的に確認できます。自動車の停止やボール転がりの停止以外にも、様々なアニメに使える基本動作です。より繊細な調整が必要なら、グラフエディタからじっくり詰めていきましょう。

イージーイーズアウト：自然な加速を演出

イージーイーズアウトを適用したキーフレームは、そのキーフレームから動き出した直後の速度が滑らかになります。キーフレームの直後がゆっくり始まり、徐々に加速していくアニメです。ボール転がりで言えば、転がり始めをスムーズに変えられる効果。風にあおられて停止していたボールがゆっくり転がり始めるようなイメージで考えると分かりやすいです。

イージーイーズアウトの例

開始キーフレームの直後が滑らかになり、緩やかに加速していきます。

イージーイーズアウトの適用方法

イージーイーズアウトはキーフレームの直後に影響を与えるので、ボール転がりで言えば開始側のキーフレームに適用するのが正解。開始側のキーフレームを選択し、「右クリック → キーフレーム補助 → イージーイーズアウト」を適用します。

キーフレームが変化したのを確認できます。

こちらも微調整が必要な場合は、グラフエディタを展開して細かく調整可能です。

イージーイーズ：最も汎用性の高い滑らかな動き

イージーイーズは、イージーイーズインとイージーイーズアウトの両方の効果を併せ持つ機能。減速と加速の両方を行います。開始と終了の2つのキーフレームに適用すると、ゆっくり転がり始めてゆっくり停止する、自然なアニメを手軽に作れます。

2つしかないキーフレームの場合、イージーイーズを適用すると、開始キーフレームにはイーズアウトが、終了キーフレームにはイーズインが自動的に適用される形になります。これで動きの始まりと終わりが滑らかになり、中間で加速する自然なカーブが生まれます。

イージーイーズの例

キーフレームの前後に自動的にイーズインとアウトがかけられます。

イージーイーズの適用方法

キーフレームを選択して「右クリック → キーフレーム補助 → イージーイーズ」から適用、もしくはキーボードの[F9]からも適用できます。F9での適用が圧倒的に多用されるので、最初に手に馴染ませておくべきショートカットです。

イージーイーズが適用されるとキーフレームの見た目が変化します。

迷ったらまずF9キーでイージーイーズを適用し、その後にグラフエディタで微調整、という流れがプロの定番です。これだけで作品の質感は大きく変わります。

アニメーションを極める！「グラフエディタ」徹底活用術

💬 ある利用者の質問(Yahoo!知恵袋 2024年10月)
「F9でイージーイーズを当ててみたのですが、思った動きと違います。もっと細かく加減速のタイミングを調整したい場合はどうすれば?」
— 動画・映像カテゴリより引用

F9だけでは表現しきれない動きは、グラフエディタでハンドル操作することで自由に詰められます。プロの現場でもこの「イージーイーズ → グラフエディタ微調整」が標準フローです。

速度グラフと値グラフの徹底比較

グラフエディタには主に「速度グラフ」と「値グラフ」の2種類があり、それぞれ異なる目的で使われます。

速度グラフ：動きの「速さ」を視覚的に調整

特徴: 縦軸が速度、横軸が時間。グラフの山が高いほど速度が速く、谷が深いほど速度が遅いことを示します。
メリット:
- 動きの「速さ」を直感的に調整できる。
- イージーイーズを適用すると、速度グラフに滑らかなカーブが自動生成される。
- 初心者にも比較的理解しやすく、2つのキーフレーム間の緩急調整に最適。
- 複数のパラメーターを同時調整する場合も、グラフの見え方が統一されていて便利。
ハンドルの操作とカーブ形状が速度に与える影響:
- キーフレームから伸びるハンドル(ベジェハンドル)を操作してカーブ形状を変える。
- ハンドルを長くするとそのキーフレームの影響が強くなり、短くすると弱くなる。
- カーブが急峻になるほど、その区間の速度は速くなる。
- カーブが水平に近づくほど、その区間の速度は遅くなる(速度ゼロに近づく)。

値グラフ：動きの「軌跡」や「位置」を精密に調整

特徴: 縦軸がプロパティの値、横軸が時間。動きの「軌跡」や「位置」を調整するのに適しています。
メリット:
- より複雑なアニメーションカーブを作成でき、動きの軌跡を細かく制御できる。
- 他の映像制作ソフトでも広く使われている表示形式なので、習得すれば他のソフトへの転用もしやすい。
「位置の次元を分割」の重要性:
- 位置プロパティを値グラフで細かく調整する場合、X軸/Y軸/Z軸(3Dレイヤーの場合)を個別に制御するために「位置の次元を分割」を行う必要あり。
- これにより、意図しない動きを排除し、より精密なアニメ制御が可能になる。
デメリット:
- 初心者には速度グラフよりも直感的ではない場合がある。
- 次元分割をしていないと、モーションパスのハンドルが使えなくなるなど、一部の操作に制限がかかることがある。

グラフエディタでの調整のヒントとプロのコツ

ハンドルの操作: 速度グラフでは、キーフレームから伸びるハンドル(ベジェハンドル)を操作してカーブ形状を変える。ハンドルを長くするとそのキーフレームの影響が強く、短くすると弱くなる。
微調整のコツ: グラフエディタは最初は難しく感じるかもしれませんが、実際にハンドルを動かしてアニメの変化を確認する「試行錯誤」が上達の鍵。感覚的に「このカーブだとこんな動きになる」を掴んでいきましょう。

プロの現場では、イージーイーズで大まかな動きを作り、その後グラフエディタでミリ単位の調整を行うことで、より洗練されたアニメを生み出しています。

キーフレームの変化速度を調整（グラフエディタの基礎知識） After Effectsでアニメーションを制作する際、キーフレームを打つだけでは、どこか単調で機械的な動きになりがちです。しかし、キーフレーム間の「変化速度」を自在に調整

モーションパスを滑らかにする After Effectsでアニメーションを制作する際、オブジェクトの動きの軌跡を示す「モーションパス」は、その品質を大きく左右する重要な要素です。特に、手書きで描いたマウ

X軸Y軸Z軸を分割して位置をコントロールする After Effectsの「位置」プロパティは、初期状態ではX/Y(または3DレイヤーではZも)軸が一つに統合されているため、片方の軸だけの調整やイーズ適用がしづらい場面があり

効率アップ！イージーイーズのショートカットキー

イージーイーズは頻繁に使う機能なので、ショートカットを覚えておくと作業効率が一段上がります。

機能	Windows	Mac
イージーイーズイン	`[Shift] + [F9]`	`[Shift] + [F9]`
イージーイーズアウト	`[Ctrl] + [Shift] + [F9]`	`[Command] + [Shift] + [F9]`
イージーイーズ	`[F9]`	`[F9]`

とくにF9キーはイージーイーズを適用する最も基本のショートカットです。AEを触り始めたばかりでも、これだけは初日に覚えておく価値があります。

🎯 イージーイーズとグラフエディタを実機で試したい方へ
本記事のF9キー操作、グラフエディタのハンドル調整は、After Effectsの実機でないと体感できません。Adobe公式の無料体験 で全機能をフル機能で試せるので、本記事のショートカット類を手元のキーボードで実際に体感してみてください。