Ease Out (イーズアウト)
別名 Slow Out, Ease-Out, Decelerate
速く始まり、減速してやわらかく止まります。オブジェクトはすでに動いている状態で現れ、穏やかに収まります。イーズインの逆です。
使いどころ
画面に入ってくる要素
プロンプト
[シーン] を使いたいシーンに、[長さ] をかけたい時間に置き換えて、AIエージェントに貼り付けてください。プロンプトには技法の名前が入っているので、次からは名前だけで依頼できます。
モーショングラフィックス動画で使います。[シーン]の動きにイーズアウト(Ease Out)をかけてください。スローアウト(slow out)や、減速(decelerating)とも呼ばれ、最高速で始まり、着実に減速してやわらかく止まります。
始まりは緩めないでください。オブジェクトは現れた時点ですでに動いているようにします。動き出しでも穏やかに加速するイーズインアウトとは、そこが違います。
動きを[長さ]に収めてください。フレームに入ってきて定位置に収まる要素に向いています。似ているモーション
B
Ease In (イーズイン)
別名 Slow In, Ease-In, Accelerate
ゆっくり始まって終わりに向かって加速するため、オブジェクトは最高速で去っていきます。イーズアウトの逆です。
使いどころ
画面から出ていくオブジェクト
モーショングラフィックス動画で使います。[シーン]の動きにイーズイン(Ease In)をかけてください。スローイン(slow in)や、加速(accelerating)とも呼ばれ、ゆっくり始まって加速し続けるので、動きが終わる時点でオブジェクトは最高速になっています。
終わりは緩めないでください。それでは逆のカーブであるイーズアウトになります。イーズアウトは速く始まって穏やかに収まります。
動きを[長さ]に収めてください。止まるところが見えないので、フレームから出ていくオブジェクトに向いています。B
Ease In-Out (イーズインアウト)
別名 Slow In and Slow Out, Easy Ease, Ease In and Out
ゆっくり始まり、中間が速く、ゆっくり止まります。動き出しでも穏やかに加速する点がイーズアウトと違います。
使いどころ
画面内を移動するオブジェクト
モーショングラフィックス動画で使います。[シーン]の動きにイーズインアウト(Ease In-Out)をかけてください。イージーイーズ(easy ease)や、スローイン・スローアウト(slow in and slow out)とも呼ばれ、ゆっくり始まり、中間でもっとも速くなり、減速してやわらかく止まります。
始まりと終わりの両方を穏やかにしてください。最高速で始まり、止まり際だけを緩めるイーズアウトとは、そこが違います。
動きを[長さ]に収め、中間を二つの静止の間の素早いスナップのように感じさせたい場合は、より強いカーブを選んでください。Timing & Principlesのほかのモーション
B
Easing (イージング)
別名 Timing Curve, Speed Curve, Linear, Constant Speed, No Easing
特定の見た目ではなく、動きの中で速度が変化するという考え方です。リニアと比べると、イーズをかけたモーションが機械的ではなく自然に感じられることがわかります。
使いどころ
画面上のあらゆる動き
モーショングラフィックス動画で使います。[シーン]のすべての動きにイージング(Easing)をかけてください。タイミングカーブ(timing curve)、スピードカーブ(speed curve)とも呼ばれ、速度を一定にせず、それぞれの動きの中で変化させます。
速度が一定の(リニアな)モーションは機械的に見えます。イーズをかけたモーションは、現実の物と同じように加速し、減速します。入ってくるものにはイーズアウト、出ていくものにはイーズイン、画面内にとどまる動きにはイーズインアウトを使ってください。
それぞれの動きを[長さ]以内に収め、全編で同じ系統のカーブを使って、作品に統一感を出してください。B
Elastic (エラスティック)
別名 Elastic Ease, Elastic Out
引っ張ったゴムを放したときのように、振幅を小さくしながら目標位置の前後で何度か振動します。オーバーシュートより揺れの回数が多くなります。
使いどころ
遊び心のあるポップイン、ゴムのようなボタン
モーショングラフィックス動画で使います。[シーン]の動きにエラスティック(Elastic)のイージングをかけてください。エラスティックイーズ(elastic ease)、エラスティックアウト(elastic out)とも呼ばれ、オブジェクトが目標位置へ一気に飛びつき、引っ張ったゴムを放したときのように、振れ幅を小さくしながらその前後で揺れます。
目標位置を何度か行き来するようにしてください。オーバーシュートは一度しか行き過ぎず、バウンスは一度も行き過ぎません。
動きと揺れを[長さ]に収め、終わるまでに揺れが完全に収まるようにしてください。B
現実の動きを、リアルな表現よりも極端な大きさやタイミングにまで押し広げます。リアルなバージョンと比べたときの、強さの違いとしてだけ見えてきます。
使いどころ
カートゥーン調の、遊び心のあるモーション
モーショングラフィックス動画で使います。[シーン]に誇張(Exaggeration)をつけてアニメーションさせてください。実際に起こるとおりの動きをもとに、より大きな予備動作、より長い伸び、より強い止まりというように、さらに押し広げます。
別のアクションにするのではなく、同じアクションの強さを上げたものです。軌道と出来事の順序は保ち、それぞれがどこまで、どれだけ鋭く動くかを大きくしてください。
全体を[長さ]に収め、オブジェクトが何だかわからなくなる一歩手前で止めてください。壊れて見えるのではなく、カートゥーン調で遊び心のある感じにします。