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

After Effectsでは作成したキーフレーム値の設定以外にも、キーフレームとキーフレームの前後の速度も調整が可能です。グラフエディタを使って細かく速度調整を行う方法以外に、イージーイーズと呼ばれる機能を使うと、速度変化を簡単に調整することが出来ます。このページでは各イーズーイーズの種類や適用の仕方についてをご紹介しています。自然なアニメーションを手軽に作成できるテクニックです。

イージーイーズとは?

イーズ(ease/easing)という言葉は「和らげる、緩和する」といった意味合いで用いられます。イージーイーズ機能とは「簡単に滑らかにする」為の機能と言い変えられるかもしれません。キーフレームの前後で値の変化速度が0になることで、なめからな変化を再現します。初速がゆっくりで中間が早く、停止する直前にもゆっくりになるといった、車が実際に発信して停止する際のような自然なアニメーションを簡単に作成することが出来ます。これは実際に見てみると理解しやすいかもしれません。

イーズの適用が無い場合

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

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

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

イージーイーズの種類

イージーイーズには3つの種類があります。イージーイーズイン、イージーイーズアウト、イージーイーズの3種類です。

  • イージーイーズインは減速します
  • イージーイーズアウトは加速します
  • イージーイーズは減速と加速の両方を行います

詳しく見ていきましょう。

イージーイーズイン

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

イージーイーズインの例

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

イーズインの適用方法

停止側のキーフレームを選択して「右クリック>キーフレーム補助>イージーイーズイン」から適用が出来ます。

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

グラフエディタで微調整

グラフエディタで見てみると、停止キーフレームに近づくにつれて速度が落ちていき滑らかな動きになっていることが確認できます。自動車の停止やボールが転がる動作の停止以外にも、様々なアニメーションに使える動作です。調整が必要な場合にはこのグラフエディタからじっくり調整を行いましょう。

イージーイーズアウト

イージーイーズアウトを適用したキーフレームは、キーフレームの直後の動きが滑らかになります。つまりキーフレームの直後がゆっくりしていて徐々に加速していくアニメーションとなります。ボールの転がりで考えると、ボールの転がり始めをスムーズな動きに変更する事が出来ます。風であおられて停止していたボールが転がり始めるイメージです。

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

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

イーズアウトの適用方法

イーズアウトはキーフレームの直後に影響を与えますので、ボールの転がりで考えた場合開始側のキーフレームに適用する必要があります。開始側のキーフレームを選択して「右クリック>キーフレーム補助>イージーイーズアウト」を適用します。

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

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

イージーイーズ

イーズインもアウトもどちらも行うのがイージーイーズです。減速と加速の両方を行います。開始と終了の2つあるキーフレームどちらにもイージーイーズを適用すると、ゆっくりと転がり始めてゆっくりと停止する自然なアニメーションを手軽に作成できます。

イージーイーズの例

キーフレームの前後に自動的にイーズインとアウトがかけられます。2つしかないキーフレームの場合、どちらのキーフレームもキーフレームの前か後ろかしかアニメーションが元々存在しないので、イーズインとアウトの必要なものだけが自動的に適用される形になります。

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

イージーイーズの適用もキーフレームを選択して「右クリック>キーフレーム補助>イージーイーズ」から適用が出来ます。キーフレームを選択した後にキーボードの[F9]からも適用が出来ます。

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

ショートカット

イーズはよく使う機能の一つなので、ショートカットで覚えてしまった方が便利かもしれません。詳細は以下です。

windows mac
イージーイーズイン [Shift] + [F9] [Shift] + [F9]
イージーイーズアウト [Ctrl] + [Shift] + [F9]  [Command] + [Shift] + [F9]
イージーイーズ [F9]  [F9]

 

イージーイーズの練習用aepファイルは以下から

このページで紹介していたボールの転がるアニメーションが同梱されたaepファイルです。イージーイーズを適用した場合とそうでない場合とで、どれほどアニメーションに違いが生じるのかを是非確認してみてください。After Effectsを勉強中の方にお役立て頂ければと思います。

素材&テンプレート検索

TOP