Ping-Pong Loop (ピンポンループ)
別名 Pingpong, Yoyo, Back-and-forth Loop, Boomerang
モーションが順再生と逆再生を繰り返します。最初へ飛んで戻らない点がサイクルループと違います。
使いどころ
呼吸のようなパルス、浮遊するオブジェクト、スキャナー
プロンプト
[シーン] を使いたいシーンに、[長さ] をかけたい時間に置き換えて、AIエージェントに貼り付けてください。プロンプトには技法の名前が入っているので、次からは名前だけで依頼できます。
モーショングラフィックス動画で使います。[シーン]のモーションをピンポンループ(Ping-Pong Loop)で繰り返してください。ヨーヨー(yoyo)、ブーメラン(boomerang)とも呼ばれ、最後まで順再生したあと、逆再生で最初まで戻り、その往復を続けます。
飛んで戻ることは決してないようにしてください。サイクルループは最初のフレームへ一気に戻ってやり直しますが、こちらは自分の軌道をそのまま引き返します。
[長さ]のあいだ続け、両端ではやわらかく折り返して、向きの切り替わりが壁にぶつかるのではなく、呼吸のように感じられるようにしてください。似ているモーション
B
Cycle Loop (サイクルループ)
別名 Loop, Seamless Loop, Repeat, loopOut cycle
モーションが最初から繰り返されます。シームレスループでは終わりの状態が始まりと一致するため、やり直しのつなぎ目が見えません。
使いどころ
待機アニメーション、背景のモーション、ループGIF
モーショングラフィックス動画で使います。[シーン]のモーションをサイクルループ(Cycle Loop)で繰り返してください。ループ(loop)、リピート(repeat)とも呼ばれ、最後まで来るたびに、最初からやり直します。
逆再生で戻るのではなく、最初へ飛んで戻るようにしてください。逆再生で戻るとピンポンループになります。シームレスループにする場合は、最後のフレームを最初のフレームと一致させて、やり直しが見えないようにしてください。
[長さ]のあいだループさせてください。繰り返すたびに最初へ戻るのではなく、前回の終わりから続けたい場合は、オフセットループにしてください。CCCCCCCC
B
AA
Reverse Motion (逆再生)
別名 Reverse, Reverse Action, Reverse Motion Photography
フッテージを逆向きに再生するため、壊れたものが元どおりに組み上がり、動きが巻き戻っていきます。
使いどころ
コミカルな場面や魔法のような場面、ミュージックビデオ、巻き戻しのトランジション
モーショングラフィックス動画で使います。[シーン]を逆再生(Reverse Motion)で再生してください。リバース(reverse)、リバースアクション(reverse action)とも呼ばれ、フッテージが逆向きに流れます。
すべての動きが、たどった軌道をそのまま戻るようにしてください。落ちたものはふたたび上がり、散らばったものは元どおりに集まります。ペースは元の動きと同じにします。
全体を[長さ]に収め、独自のイージングは加えずに、新しい動きではなく時間の巻き戻しとして見えるようにしてください。Timing & Principlesのほかのモーション
B
メインのモーションと並行して、それを支える小さなモーションが起こり、注目を奪うことなく生き生きとした印象を加えます。
使いどころ
ポップするアイコンに添える小さなアクセント
モーショングラフィックス動画で使います。[シーン]のメインのモーションにセカンダリーアクション(Secondary Action)を加えてください。小さなアクセント、まばたき、ひと振りといった、メインと並行して起こる小さな補助的な動きで、生き生きとした印象を加えます。
それ自体が独立した小さな仕草であって、本体に引きずられてついていく、ゆるくつながったパーツではありません(そちらはフォロースルーです)。メインのアクションから注目を奪うことは決してないようにしてください。
両方を[長さ]に収め、小さな動きはメインの動きの中で始まって終わるようにしてください。B
Smear Frame (スミアフレーム)
別名 Smear, Elongated In-between, Multiples
非常に速い動きの途中で、1〜2フレームの中割りだけ被写体を軌道に沿ってゆがめたり複製したりして、モーションブラーを擬似的に表現します。
使いどころ
素早い打撃、スワイプ、鞭のような動き
モーショングラフィックス動画で使います。[シーン]の速い動きにスミアフレーム(Smear Frame)を使ってください。スミア(smear)、エロンゲイテッド・インビトウィーン(elongated in-between)とも呼ばれ、動きの途中のほんの1〜2フレームだけ、被写体を軌道に沿って引き伸ばし、二つの位置の間をつなぎます。
カメラのブラーのようにぼかすのではなく、引き伸ばす、いくつも繰り返して描く、スピード線を引くといった形で、形そのものを描き直してください。前後のフレームはシャープで、ゆがみのないままにします。
動き全体を[長さ]以内に収めてごく素早くし、スミアが形として気づかれるのではなく、スピードとして感じられるようにしてください。B
Spring (スプリング)
別名 Spring Animation, Damped Spring, Physics-based Ease
物理シミュレーションによるモーションで、目標位置を行き過ぎ、その前後で振動してから止まります。挙動は固定のカーブではなく、剛性、減衰、質量で決まります。
使いどころ
インタラクティブなUI、ドラッグを離したときの動き、動画のタイトル
モーショングラフィックス動画で使います。[シーン]の動きをスプリング(Spring)で制御してください。スプリングアニメーション(spring animation)、ダンプドスプリング(damped spring)とも呼ばれ、シミュレーションしたばねがオブジェクトを目標位置へ引っ張るので、静止状態から加速し、目標位置を行き過ぎ、その前後で振れてから止まります。
モーションは固定のカーブではなく、剛性、減衰、質量から生まれるようにしてください。振れを増やすなら減衰を下げ、オーバーシュートなしで収めるなら、そうなるまで減衰を上げてください。
[長さ]以内に止まるようにし、すべての要素で同じスプリング設定を使って、同じ素材でできているように感じさせてください。