![スクリーンショット_2019-01-26_15](https://assets.st-note.com/production/uploads/images/9634170/rectangle_large_type_2_e832ac4a5d35a849714bac0218bf38b7.png?width=1200)
[AfterEffects]円が出てきて移動して消えるを考える
こんにちはモグラ協会です。今回はこんな感じの円を作る時に何が必要か考えます。
・円の出てくる動き
・円が移動する慣性の動き
・円の影の表現
この辺りを考えていきたいと思います。
円の出てくる動き
とりあえず円のシェイプは中心の位置にアンカーポイントがくる様にしましょう。CC2019からデフォで中心におけるの知ってました?これで超絶らくになりますよ。笑
で、次は動きなんですがもちろんイーズでつけていくんですが下の感じにしました。
これは位置パラメータです。両方のキーフレームの片方だけ、イージーイーズではなくイーズインとイーズアウトを使って伸ばせるところまで伸ばしてます。これでゆっくり入ってゆっくり止まる感じになります。
円が出てくる動きはどうする?
出てくる動きはスケールで作ってます。速度グラフで見るとわかりやすいですがキーフレームは4つ。1つ目から徐々に速度が速くなって2つ目のキーフレームを境に速度が元に戻っていきます。値で見るとこんな感じ。
円の影の表現
影はCC Radial Blurを使ってブラして芯の部分はもう一つシェイプを重ねています。デフォルトのエフェクトで出来るって大事ですね。これで今回の動きを再現しました。
今回の動きを研究するために使ったAEテンプレート
今回はMotionElementsさんのこのテンプレートを分解して勉強してみましたやっぱりテンプレートって勉強になる設計図が手元にあるので練習しやすいですね^^
ではでは~
活力をありがとうございます!