こんにちは。まるもりです。
今回は、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データを扱う際の注意点
知っておきたいテクニック
Adobe CCを通常版（月額約6,000円）で購入している人は、
以下の買い方で約3,300円と、半額ほどまで節約できます！
浮いた分をプラグイン代などに回した方が無駄がないので、
ぜひ試してみてください！
![<span class="title">【Kitbash3D】AAAアセット「Military Outpost」をゲーム実況風に紹介してみました[UE5]</span>](https://www.kotsuxkotsu.work/wp-content/uploads/2022/06/Thumbnails-MilitaryOutpost-150x150.jpg "<span class=\"title\">【Kitbash3D】AAAアセット「Military Outpost」をゲーム実況風に紹介してみました[UE5]</span>")
