【0から始めるAfter Effects講座「STEP8」】イージングとモーションブラー【誰でもできる！チュートリアル】

イージング？モーションブラー？ってなに？どう使うの？

まずはこちらの記事から始めてください

このSTEP8で学ぶことはイージングとモーションブラーについて解説します

STEP8ではモーショングラフィックスをハイクオリティにするために必須のイージングとモーションブラーについて解説します
どちらもクオリティを高めるには必要になる機能なのでしっかりと理解していきましょう

STEP8講座用素材をダウンロード！

この記事はフリーランスでAfter Effectsを仕事にしている動画デザイナーのフゥが書いています

STEP8-1 イージング

①イージングとは？

イージングとは「アニメーション速度の緩急」のことを指します
After Effectsでキーフレームをうってアニメーションをつけると速度が一定の「リニア（等速）アニメーション」がつきます
リニア（等速）とイージング（変速）では同じ秒数のアニメーションでも動き方が違います

等速ということは、始まりから終わりまでずっと同じ速度で動くことを表します
イージングでは「はじめが早くだんだん遅くなる」「はじめは遅くだんだん早くなる」といった変速アニメーションをつけることができます

アニメーションがすべて等速だと画面のリズムが一定で飽きてしまう印象になってしまいます
イージングをつかうことで画面のリズムやテンポに強弱ができて視聴者の目を惹く印象をつけることができます

②イージングの付け方

イージングは「キーフレーム」に設定することでつかうことができます

③イージングパターンを覚える

速度の緩急にかかわる4つのパターンがわかればOKです
4つのパターンをそれぞれ組み合わせることでほとんどのアニメーションができています

1.リニア（linear）アニメーション

リニアアニメーションは等速のアニメーションです
速度が常に一定で緩急がありません

2.イージーイーズ イン（ease-in）アニメーション

イージーイーズ インアニメーションは「徐々にはやくなる」アニメーションです
語尾に「イン」とついているように「はじめがゆったり」した動きになります
はじめがゆったりとした分「終わりにかけて速度が速まります」

3.イージーイーズ アウト（ease-out）アニメーション

イージーイーズ アウトアニメーションは「徐々に遅くなる」アニメーションです
語尾に「アウト」とついているように「おわりがゆったり」した動きになります
はじめがはやく動いた分「終わりにかけて速度がおそくなります」

4.イージーイーズ インアウト（ease-in-out）アニメーション

イージーイーズ インアウトアニメーションは「途中がはやくなる」アニメーションです
語尾に「インアウト」とついているように「はじめとおわりがゆったり」した動きになります
はじめとおわりがゆったりと動いた分「途中の動きがはやくなります」

はじめのうちは「イン」「アウト」どっちが速くてどっちが遅いんだっけ？となりますが 「語尾についている方がゆったりする」と覚えましょう

STEP8-2 モーションブラー

①モーションブラーとは？

モーションブラーとは「物体がすばやく動いたときにかかるボケ」のことを指します
車が目の前を猛スピードで走ると「輪郭がボケて残像ができます」
After Effectsではこういった速度によるボケを計算してくれる機能が「モーションブラー」です
難しい設定は必要なくクリックするだけで簡単にモーションブラーをつけることができるので知っておくと表現の深みが増します

②モーションブラーの付け方

③モーションブラーの効果的な使い方

モーションブラーは速度が「速ければ速いほどボケ感が強く」表現されます
そのため、素早いカメラワークや場面転換などにつかうと「迫力」がでるのでオススメです

逆にゆったりとした動きでは効果が発揮されないので適用しないほうがいいです
モーションブラーがアクティブになっているとどのようなアニメーションでもAfter Effectsはモーションブラーがかかるように計算をします
つまり効果が発揮されなくてもプレビュー再生や動画化の際に「余計な計算時間」がかかってしまいます

STEP8-2 アニメーション

今回は数字がカウントアップするアニメーションをつくっていきます
数字の回転が「徐々に速くなり、ゆっくり止まる」アニメーションをイージングをつかって表現します
そして、数字の回転が「速い動きのボケ」をモーションブラーをつかって表現します

1.カウントアップ完成コンポジションを確認

カウントアップ完成コンポジションを開いてアニメーションをプレビュー再生しましょう
アニメーションがどうなっているのか確認しましょう

2.カウントアップアニメーションコンポジションを確認

カウントアップするアニメーションをつくるコンポジションを開きます
今回はカウントアップの数字を「モーションタイル」というエフェクトをつかってアニメーションさせます

3.カウントナンバーにモーションタイルを適用

4.モーションタイルにアニメーションをつける

5.アニメーションにイージング処理をする

6.モーションブラーを適用する

7.カウント素材を複製して3つにする

8.アニメーションを微調整する

9.完成！

お疲れさまでした！

イージングとモーションブラーをつかったアニメーションをつくることができました！
グラフエディタをつかっていろんな調整をしてアニメーションがどう動くかを試してみてください

まとめ

いかがでしょうか？

今回はイージングとモーションブラーについて解説しました
イージングとモーションブラーどちらともハイクオリティな動画つくりには欠かせない機能になっています
はじめのうちはどう動かせば希望のアニメーションになるのか混乱するかと思います
何度もイージングをつかうことで少しずつ理解できるのでゆっくり丁寧にアニメーションをつくっていきましょう

ということでSTEP8イージングとモーションブラーでした
次回STEP9では親子関係とヌルレイヤーについて解説します

いよいよこのチュートリアル講座も最終盤に差し掛かりました
あと2STEPでこの講座もゴールです
気を引き締めて最後まで完走してください