文字アニメーションのイージング、どれを選べばいいか迷う……
止まり方を見比べられる一覧を作ったよ。動きのイメージに近いものを探してみよう!
目次
文字の止まり方を、見比べて決める
完成見本は、下の周期表と文字アニメーションの実演です。
まずはブラウザー上で動きを比べられます。
準備:見比べるだけなら素材の用意は不要です。
自分の作品で再現するときは、詳細にある使用ソフト・スクリプト・設定を確認してください。
- 周期表で動きを選ぶ:タイルを押して詳細を見る
- 同じ距離・時間で比べる:詰めと中割りの実演へ
- 文字へ当てはめる:レシピをコピーして持ち帰る
周期表の番号はAviUtlのUndoFish版に対応する番号です。
ほかのソフトに同じ番号を入力するための共通規格ではありません。
Mikonski Motion Reference — 再現保証
EASING PERIODIC TABLE
イージング周期表 — 全41元素が常時ループ再生。見て・触って・持ち帰る。元素番号は AviUtl イージングスクリプト(UndoFish 版)の番号と完全一致。タイルをクリックすると詳細と再現レシピが開きます。
全41元素を常時ループ再生中 / 曲線の点=値の変化
IN加速(退場向き)
OUT減速(登場向き)
IN-OUT加速+減速
OUT-IN一瞬減速
⚠ 表の生成スクリプトが実行されていません。セキュリティ系プラグインや最適化プラグインで <script> が除去されていないかご確認ください。
t=0.00 / v=0.00
グラフをドラッグでスクラブできます
特徴
周期表のタイルを選ぶと、特徴をここで確認できます。
選んだ動きの種類を表示します。
向いている用途
用途の説明は、選んだタイルの詳細に表示されます。
実戦メモ — ミコ部屋
動きを比較しながら、止まり方や余韻を確かめてみてください。
コレはイージング一覧です!
各イージングを押すと詳細も見れますよ!
グラフだけ見てもさっぱりな方は以下を見るとわかりやすいかも?
Mikonski Motion Reference — 詰めと中割り
SPACING LAB
同じ距離・同じ時間でも、コマの詰め方で印象は激変します。3つ同時に走らせ、1コマごとの位置と移動量を可視化。コマ打ち・音ハメ・伸縮リサイズまで、MAD制作の実戦条件で比較できます。
跳ねない強い加減速 + ゆっくり止まる余韻 = 俊敏なのに滑らかな動き
縦線=1コマごとの位置、線の高さ=そのコマの移動量。詰まって低い=遅い / 開いて高い=速い。
⚠ スクリプトが実行されていません。<script> の読み込み(パス・除外設定)をご確認ください。
このイージングを文字アニメーションに当てはめたのが下のやつです。
Mikonski Motion Reference — 実演ラボ
EASING MOTION LAB
イージングを「実際の文字の動き」で。全デモ常時ループ再生中 — カードをクリック/タップすると、文字テクニックと再現レシピが開きます。No. は AviUtl イージング番号(UndoFish 版)。
01 / 単体元素の実演 — 全41種
オノマトペが「その名の通りに」動きます。往路も復路も同じイージング。クリックで文字テクニックを表示。
⚠ 実演スクリプトが実行されていません。<script> の読み込み(パス・除外設定)をご確認ください。
02 / 組み合わせの実演 — 方向×プロパティで別のイージングを重ねる
実戦はほぼ合わせ技。使用中の番号は常時表示、クリックで分解して解説します。
03 / 遊び場 — 自分で組んでプレビュー
プロパティごとにイージングと量を選ぶと、右のステージで即ループ再生。決まったら「レシピをコピー」でそのまま持ち帰れます。
シュッそのまま
一文字ずらし +80ms
常時ループ再生中
文字での使いどころ
文字での使いどころは、選んだ動きの詳細に表示されます。
↑で色々イージングを組み合わせることができます。
回転や透明度などにも適用していろいろ試してみましょう!
Mikonski Motion Reference — モーション図鑑
MOTION LIBRARY
図形・カメラワーク・キャラクターパーツの動きを、全部まとめて常時ループ再生。カードをクリックすると、作り方とエクスプレッションが開きます。
全32種を常時再生中 / 画面外は自動停止
01 / 図形モーショングラフィックス
画面を埋める・視線を誘導する・間を持たせる。文字と背景の間に挟む「飾り」の定番12種。
⚠ スクリプトが実行されていません。<script> の読み込み(パス・除外設定)をご確認ください。
02 / カメラワーク
1枚の絵でも、カメラが動けば映像になる。奥行きと視線を作る10種。
03 / キャラクターパーツの動き
静止画MADの心臓部。パーツを分けて、遅らせて、少しだけ動かす。生きて見せる10種。
どんな動きか
カードを選ぶと、動きの説明をここで確認できます。
効果・使いどころ
効果や使いどころは、選んだカードの詳細に表示されます。
注意
再現する前に、使用ソフトと設定を確認してください。
思った動きにならないとき
- 止まり方を比べるときは、移動距離と再生時間をそろえます。
- 動きが強すぎるときは、移動・回転・拡大を一度に変えず、ひとつずつ試します。
- 文字が読みにくいときは、動いた後に止まっている時間も確かめます。
実演が表示されない場合はページを再読み込みし、下の記事の図や解説から進められます。
次に読む1本
映像ノウハウまとめの「文字PV」から、作品に取り入れたい演出をひとつ選んでください。
動きの緩急の次は、場面の緩急です。イージングを「いつ使うか」は、演出のタメと時間の緩急で爆発シーンを例に解説しています。
この記事でつまずいた箇所を掲示板で相談する
いかがでしたか?

イージングは、文字の止まり方で印象が大きく変わります。一覧で見比べて、作りたい雰囲気に近いものから試してみてください。
思った動きにならないときは、グラフエディターも確認してみてね!
コメント