どうも多摩川乱歩(@tamagawa2525)です。
オブジェクトに加減速をかけて、動画のモーションをオシャレに見せる『イージング』。
動画制作だけでなく、WebサイトのUIにも使われたりする手法です。
AviUtlでもスクリプトを導入することで、手軽にイージングを使用することができますが、なにせ種類がめっちゃ多い。
イージングチートシートを見ると全部で41種類あります。
イージングを使い始めたけどグラフで一覧を見ても、どういう動きかわからねえ!!!
イージング番号それぞれの『動きの一覧』が見てえんだよ!!!
ってことでイージングの動き一覧表作りました。
【AviUtl】イージング一覧表
はじめに
使用するイージングスクリプト
AviUtlでイージングを扱えるスクリプトはいくつかありますが、今回は初心者でも導入しやすいUndoFish様の『「イージング(トラックバー版)」』スクリプトを使用します。
UndoFish様の『「イージング(トラックバー版)」』導入については以下の記事で詳しく紹介していますので、ダウンロードがお済でない方はこちらからどうぞ。
≫【Aviutl】はじめてのイージング !導入・使い方を解説【undofish版】
Undofish様の「イージング(トラックバー版)」は2020年10月にアップデートされています。
.zipファイル内の「easing.png」が以下の画像になっていれば最新版です。
忙しい人のためのイージング一覧動画
イージング一覧を一気通貫で確認できる動画を用意しました。
『とりあえずイージング全種類をザーーっと見たい』という方はご利用ください。
以下では、番号ごとのイージングについて.gif画像でモーション例を一覧紹介します。
イージング一覧表
それではイージング番号1~41までの全ての種類の動きを、使用例とともに一覧紹介していきます。
イージング番号1: Linear
いわゆるAviUtlデフォルトの「直線運動」と同義で加減速はなく、終始等速です。
ちなみに↑のような「直線移動」を含み、AviUtlではデフォルトで10種類の移動方法が用意されています。
移動方法についての基本的な使い方は以下の記事で詳しく解説しているので、あわせてチェックしてみてください。
イージング番号2: easeInSine
ゆるい加減速のSine系。Inなので動き出しが若干ゆるやかに。
イージング番号3: easeOutSine
終わり際で減速し、ゆるやかに止まります。
イージング番号4: easeInOutSine
動き出し・終わり際どちらも若干ゆるやか。Sine系は変化が薄く分かりにくいですかね。
イージング番号5: easeOutInSine
真ん中で減速し、一瞬止まるようなイージング。
イージング番号6: easeInQuad
出だしから段々加速。Sine系よりほんのり加減速が強め。
イージング番号7: easeOutQuad
速めに動いて終わり際に減速。よく使うイージング。
イージング番号8: easeInOutQuad
遅 → 速 → 遅。THEイージングっぽい動き。
イージング番号9: easeOutInQuad
Sine系よりキレのあるイージング。
イージング番号10: easeInCubic
CubicはQuadより加減速が強め。
イージング番号11: easeOutCubic
終わり際減速。Quad、Cubic辺りの減速が一番汎用性高そうな印象。
イージング番号12: easeInoutCubic
加減速が強まってきて「イージング」感が出てきている。
イージング番号13: easeOutInCubic
真ん中で一時停止。Quadに比べキュッと止まる。
イージング番号14: easeInQuart
Cubicより更にキツめのイージング。
イージング番号15: easeOutQuart
強めに減速してゆーーっくり終わる。
イージング番号16: easeInOutQuart
遠心力を感じる動き。割とよく使う。
イージング番号17: easeOutInQuart
真ん中の一時停止がだいぶ伸びてきた。
イージング番号18: easeInQuint
グラフ上はQuartより加減速キツめっぽいが、むしろ緩やかに見える(なんで?)
イージング番号19: easeOutQuint
フワ―っと着地する減速。
イージング番号20: easeInOutQuint
入りも抜きもゆるふわな加減速。
イージング番号21: easeOutInQuint
スッスッっとイージング。
イージング番号22: easeInExpo
動きがダイナミックなExpo系。派手めにイージング見せたい時はこれ。
イージング番号23: easeOutExpo
グンと進んで、ゆっくり終了。キレのある加減速。
イージング番号24: easeInOutExpo
個人的に一番使うイージング。Expo系はスピード感がカッコいい。
イージング番号25: easeOutInExpo
真ん中の一時停止がジェットコースター感だしてくれるイージング。
イージング番号26: easeInCirc
滑りだすみたいに加速するイージング。26以降は結構特殊な動き多めです。
イージング番号27: easeOutCirc
摩擦で徐々に減速するスライディングみたいなイージング。
イージング番号28: easeInOutCirc
真ん中でグンと加速する。24番ExpoのキレをMAXにしたような動き。
イージング番号29: easeOutInCirc
Circ系は「力が働いているのは一瞬で、後は惰性で動いている」感ある。
イージング番号30: easeInElastic
かなり個性出してきたElasticシリーズ。ゴムの伸縮イメージ。
イージング番号31: easeOutElastic
指定した位置よりを「超えて戻ってくる」イージングなので、フレームに留意。
イージング番号32: easeInOutElastic
びよーんと伸びたグラフとかの動きに使えそう。
イージング番号33: easeOutInElastic
ビョン!みたいな強めのゴム伸縮モーション。
イージング番号34: easeInBack
一回引いてからスーッと進む。チョロQと一緒。
イージング番号35: easeOutBack
「やべ、行き過ぎた」…「スッ(修正)」
イージング番号36: easeInOutBack
マイナス→プラス→指定位置へ。振り幅大きく見せられるモーション。
イージング番号37: easeOutInBack
戻って行って戻って行って戻るイージング。
イージング番号38: easeInBounce
人気のBounce系。ボールが弾むみたいなバウンドモーション。
イージング番号39: easeOutBounce
バウンドがだんだん小さくなり止まる。手技でやるのは結構面倒。
イージング番号40: easeInOutBounce
バウンドで加速し、バウンドで減速。ゆったり時間をとらないとガタガタして見えるかも。
イージング番号41: easeOutInBounce
ラスト41番目。真ん中でバウンド一時停止→再開。
【AviUtl】イージング一覧表 まとめ
ということでAviUtlイージングスクリプト、UndoFish様の「イージング(トラックバー版)」全種類一覧紹介でした。
イージング番号1~25
→ 扱いやすい汎用的な加減速。パラメータの差で微妙にニュアンスが違う。
イージング番号26~41
→ 特殊な加減速。動きにクセがあり、取り入れられると面白い。
という感じですね。
今回は円、拡大率、移動の3つを例にサンプル作成してみましたが、もちろんデフォルトの移動方法と同様に、シーンチェンジやアニメーション効果のパラメータ変更など幅広く利用することができます。
イージングをかけるだけで、動画の印象が一気にオシャレになりプロっぽい感じになるので、ワンランク上の動画編集を目指す方は必修です。
気にいったイージングがあれば、ぜひご自身の動画で取り入れてみてください。わかりやすい使い方を以下の記事で詳しく解説しています。
≫【Aviutl】はじめてのイージング !導入・使い方を解説【undofish版】
また「イージングをサクッと使いこなせるようになりたい!」という方向けにプロジェクトファイルの配布なども行っているのでぜひチェックしてみてください。
≫【PF配布】イージング解説のデモ動画を配布します【AviUtl】
当ブログでは他にもAviUtlの便利な使い方や、動画編集未経験から一気にステップアップできるオススメ書籍を紹介しています。
TwitterやYouTubeでも動画制作やゲーム実況に関する発信をしています。
当ブログは個人にて運営を行っており、読者の皆様のご協力で継続できております。大変厚かましいお願いではございますが、
- 当ブログの情報が少しでも参考になった
- 問題解決の役に立った
- あけたまの活動を応援してやっても良い
とお考えになりましたら、お力添えを頂けますと幸いです。
今回はここまで!
次回もよろしく!
こんにちは、はじめまして!
いつも勝手ながらお世話になっております。
質問なのですが、https://youtu.be/QI69H1MCyqI
こちらの動画のような、
「緩い振り子のような画像の移動から急に加速して画面外に消える」
という表現はイージングなのでしょうか?
ご意見お聞かせいただけると助かります。
アニマ様
コメントありがとうございます!
>「緩い振り子のような画像の移動から急に加速して画面外に消える」
>という表現はイージングなのでしょうか?
イージングで表現可能かと存じます!
ただ、中間点などの組み合わせが必要かなと思います。
当ブログで紹介しているUndoFish版イージングだと中間点を扱えなかったはずで、対応がやや手間かもしれません。
(オブジェクト分割してゴリゴリ作れば実現はできると思いますが、もっとスマートな方法ありそう)
他サイトで恐縮ですが、以下のように中間点を扱えるイージングスクリプトを使用するのが一つお手軽な方法かもです。ご参考までに
https://seguimiii.com/aviutl-tech/easingtra2020