こんにちは。まるもりです。
今回は、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」では、年間$199で映像製作に役立つ素材やテンプレートを無制限にダウンロードできます。
5,800万以上のイラスト素材/写真素材/映像素材/Ae・Pr等のテンプレート・プリセットを自由に使えるため、仕事だけでなく、自主制作や、Ae/Prを勉強中の人もプロジェクトの中を見て勉強できたりと、幅広い場面で役立ちます。
映像制作者からデザイナーまで、クリエイティブに関わる全ての方におすすめなので、ぜひ使ってみてください！
