Overshoot (オーバーシュート)
別名 Back Ease, Back Out, Ease Out Back
オブジェクトが目標位置をわずかに行き過ぎてから戻ります。床に当たることなく、一度行き過ぎて収まる点がバウンスと違います。
使いどころ
タイトル、カード、アイコンのポップイン
プロンプト
[シーン] を使いたいシーンに、[長さ] をかけたい時間に置き換えて、AIエージェントに貼り付けてください。プロンプトには技法の名前が入っているので、次からは名前だけで依頼できます。
モーショングラフィックス動画で使います。[シーン]の動きをオーバーシュート(Overshoot)で終えてください。バックイーズ(back ease)、バックアウト(back out)とも呼ばれ、オブジェクトが目標位置をわずかに行き過ぎてから戻り、そこに収まります。
目標位置を行き過ぎるのは一度だけにし、そのあとは揺らさないでください。バウンスは目標位置に当たって、行き過ぎることなく跳ね返り、エラスティックのイーズは何度も行き過ぎます。
動きを[長さ]に収め、行き過ぎは小さく抑えて、ミスではなく勢いとして見えるようにしてください。似ているモーション
B
Anticipation (予備動作)
別名 Wind-up, Pre-action, Back In, Ease In Back
メインの動きの前に、振りかぶるように逆方向へ小さく動きます。オーバーシュートと対になる、動き出し側の表現です。
使いどころ
ジャンプ、ポップ、ボタン押下など、動き出す前のタメ
モーショングラフィックス動画で使います。[シーン]の動きを予備動作(Anticipation)から始めてください。ワインドアップ(wind-up)、バックイン(back in)とも呼ばれ、オブジェクトがまず逆方向へ少し引いてから、メインの動きへ飛び出します。
引きの動きは、オブジェクトが動き出す前、つまり始まりの側に入れてください。終わりで目標位置を行き過ぎるオーバーシュートを、ちょうど裏返したものです。
予備動作とメインの動きを[長さ]に収め、引きは小さくゆったりとさせて、続く飛び出しが速く感じられるようにしてください。B
Bounce (バウンス)
別名 Bounce Ease, Bounce Out
オブジェクトが床に当たるボールのように目標位置にぶつかり、だんだん小さく跳ね返って止まります。接触のたびにぴたりと止まる点がエラスティックと違います。
使いどころ
落下する要素、遊び心のあるリビール
モーショングラフィックス動画で使います。[シーン]の動きをバウンス(Bounce)で終えてください。バウンスイーズ(bounce ease)、バウンスアウト(bounce out)とも呼ばれ、オブジェクトが床に当たるボールのように目標位置にぶつかり、跳ね返りがだんだん小さくなって止まります。
目標位置を突き抜けることは決してないようにしてください。接触のたびにぴたりと止まり、そのまま跳ね返ります。目標位置の両側へ振れるエラスティックのイーズとは、そこが違います。
動きと跳ね返りを[長さ]に収め、一回ごとの跳ねを、前の跳ねよりはっきり小さくしてください。B
Elastic (エラスティック)
別名 Elastic Ease, Elastic Out
引っ張ったゴムを放したときのように、振幅を小さくしながら目標位置の前後で何度か振動します。オーバーシュートより揺れの回数が多くなります。
使いどころ
遊び心のあるポップイン、ゴムのようなボタン
モーショングラフィックス動画で使います。[シーン]の動きにエラスティック(Elastic)のイージングをかけてください。エラスティックイーズ(elastic ease)、エラスティックアウト(elastic out)とも呼ばれ、オブジェクトが目標位置へ一気に飛びつき、引っ張ったゴムを放したときのように、振れ幅を小さくしながらその前後で揺れます。
目標位置を何度か行き来するようにしてください。オーバーシュートは一度しか行き過ぎず、バウンスは一度も行き過ぎません。
動きと揺れを[長さ]に収め、終わるまでに揺れが完全に収まるようにしてください。Timing & Principlesのほかのモーション
B
Ping-Pong Loop (ピンポンループ)
別名 Pingpong, Yoyo, Back-and-forth Loop, Boomerang
モーションが順再生と逆再生を繰り返します。最初へ飛んで戻らない点がサイクルループと違います。
使いどころ
呼吸のようなパルス、浮遊するオブジェクト、スキャナー
モーショングラフィックス動画で使います。[シーン]のモーションをピンポンループ(Ping-Pong Loop)で繰り返してください。ヨーヨー(yoyo)、ブーメラン(boomerang)とも呼ばれ、最後まで順再生したあと、逆再生で最初まで戻り、その往復を続けます。
飛んで戻ることは決してないようにしてください。サイクルループは最初のフレームへ一気に戻ってやり直しますが、こちらは自分の軌道をそのまま引き返します。
[長さ]のあいだ続け、両端ではやわらかく折り返して、向きの切り替わりが壁にぶつかるのではなく、呼吸のように感じられるようにしてください。B
メインのモーションと並行して、それを支える小さなモーションが起こり、注目を奪うことなく生き生きとした印象を加えます。
使いどころ
ポップするアイコンに添える小さなアクセント
モーショングラフィックス動画で使います。[シーン]のメインのモーションにセカンダリーアクション(Secondary Action)を加えてください。小さなアクセント、まばたき、ひと振りといった、メインと並行して起こる小さな補助的な動きで、生き生きとした印象を加えます。
それ自体が独立した小さな仕草であって、本体に引きずられてついていく、ゆるくつながったパーツではありません(そちらはフォロースルーです)。メインのアクションから注目を奪うことは決してないようにしてください。
両方を[長さ]に収め、小さな動きはメインの動きの中で始まって終わるようにしてください。B
Smear Frame (スミアフレーム)
別名 Smear, Elongated In-between, Multiples
非常に速い動きの途中で、1〜2フレームの中割りだけ被写体を軌道に沿ってゆがめたり複製したりして、モーションブラーを擬似的に表現します。
使いどころ
素早い打撃、スワイプ、鞭のような動き
モーショングラフィックス動画で使います。[シーン]の速い動きにスミアフレーム(Smear Frame)を使ってください。スミア(smear)、エロンゲイテッド・インビトウィーン(elongated in-between)とも呼ばれ、動きの途中のほんの1〜2フレームだけ、被写体を軌道に沿って引き伸ばし、二つの位置の間をつなぎます。
カメラのブラーのようにぼかすのではなく、引き伸ばす、いくつも繰り返して描く、スピード線を引くといった形で、形そのものを描き直してください。前後のフレームはシャープで、ゆがみのないままにします。
動き全体を[長さ]以内に収めてごく素早くし、スミアが形として気づかれるのではなく、スピードとして感じられるようにしてください。