こんにちは。まるもりです。
今回は、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データを扱う際の注意点
知っておきたいテクニック
クオリティアップに必要な素材やプリセットが揃う
「Envato Elements」が7日間の無料体験を実施しています！
「リキッドアニメーション」などの使用頻度の高い素材から
クオリティの高いテンプレートの中身を見ることもできるので、
効率アップや引き出しを増やしたい方はぜひ！
