こんにちは。まるもりです。
今回は、Illustratorを使って作成したキャラクターをAfter Effectsでアニメーションさせるチュートリアルの紹介です。
フラットデザインのキャラクターアニメーションは、基本的にパスアニメーションになるのでアニメーションさせる際の参考にしてみてください。
Contents
キャラクターの作成(Ai)
下準備として、鳥のキャラクターをIllustratorを使い3分ほどで作成していきます。
AEでの歩行
ここから本番のチュートリアル。
After Effectsに読み込みシェイプレイヤーに変換の後、親子付けからアニメーション(ウォークサイクル)を作っていきます。
日本語版の場合は、「右クリック ➡︎ ベクターレイヤーからシェイプを作成」でシェイプレイヤー に変換できます。
簡単なアニメーションに見えますが、25分と意外に時間がかかることがわかります。
パタパタさせる(番外編)
こちらは番外編で、羽をパタパタさせるチュートリアルです。
個人的には、こちらのアニメーションが一番好きです。
Illustratorのキャラクターを使ったワークフローを学ぶことができるので、キャラクターアニメーションに興味がある方はぜひ挑戦してみてください🙂
世界的なモーションデザイナーEmanuele Colombo氏によるキャラクターアニメーションのチュートリアル
世界的なモーションデザイナーであるEmanuele Colombo氏のキャラクターアニメーションのチュートリアルです。
興味のある方はぜひ見てみてください。
キャラクターアニメーションをさらに学べるコース
Motion Design Schoolによる、より深くキャラクターアニメーションを学びたい方向けのコースになります。
https://motiondesign.school/courses/fundamentals-on-after-effects/(Motion Toolsが付属)
https://motiondesign.school/courses/illustration-for-animation/
https://motiondesign.school/courses/science-of-character-animation-by-markus-magnusson/ (Motion Tools・Character Toolが付属)
Illustratorデータを扱う際の注意点
知っておきたいテクニック
年間最安となる「Black Friday & Cyber Monday Sale」が開催中です!
Ae、Blender関連のセール期間をまとめているので、欲しいアセットがある方はぜひ見てみてください!