After Effects

【チュートリアル】トリを描く→歩く→パタパタ(キャラクターアニメーション)

Walk_cycle

こんにちは。hiroです。

今回は、Illustratorを使って作成したキャラクターをAfter Effectsでアニメーションさせるチュートリアルの紹介です。

フラットデザインのキャラクターアニメーションは、基本的にパスアニメーションになるのでアニメーションさせる際の参考にしてみてください。

キャラクターの作成(Ai)

下準備として、鳥のキャラクターをIllustratorを使い3分ほどで作成していきます。

AEでの歩行

ここから本番のチュートリアル。

After Effectsに読み込みシェイプレイヤーに変換の後、親子付けからアニメーション(ウォークサイクル)を作っていきます。

日本語版の場合は、「右クリック ➡︎ ベクターレイヤーからシェイプを作成」でシェイプレイヤー に変換できます。

簡単なアニメーションに見えますが、25分と意外に時間がかかることがわかります。

パタパタさせる(番外編)

こちらは番外編で、羽をパタパタさせるチュートリアルです。

個人的には、こちらのアニメーションが一番好きです。

 

Illustratorのキャラクターを使ったワークフローを学ぶことができるので、キャラクターアニメーションに興味がある方はぜひ挑戦してみてください🙂

世界的なモーションデザイナーEmanuele Colombo氏によるキャラクターアニメーションのチュートリアル

世界的なモーションデザイナーであるEmanuele Colombo氏のキャラクターアニメーションのチュートリアルです。

興味のある方はぜひ見てみてください。

ojisan-swiming-animation
【チュートリアル】Emanuele Colombo氏によるキャラクターアニメーションのチュートリアルこんにちは。hiroです。 今回は、YouTubeで1500万回以上再生された世界的なモーションデザイナーであるEmanuele ...

キャラクターアニメーションをさらに学べるコース

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データを扱う際の注意点

AfterEffects_Q_icon
【知っておきたい】IllustratorのデータをAfter Effectsに持って行く際に注意することこんにちは。hiroです。 今回は、IllustratorのデータをAfter Effectsに持って行く際にトラブルになりがちな...

知っておきたいテクニック

【知っておきたい】リキッドアニメーションのテクニック
【知っておきたい】リキッドアニメーションのテクニック(#After Effects #Premiere Pro)こんにちは。hiroです。 リキッドアニメーションとは、映像の中に現れる、動く絵具や液体のような表現です。強調部分へのハイライトや...
【知っておきたい】グリッチのテクニック
【知っておきたい】グリッチ/Glitchのテクニック(#After Effects #Premiere Pro)こんにちは。hiroです。 グリッチとは、画面がバグったり壊れたときに見える「ノイズ」のことです。映像に意図的に加えることで、「ク...
【知っておきたい】テクスチャーアニメーションのテクニック
【知っておきたい】テクスチャーアニメーションのテクニック(#After Effects)こんにちは。hiroです。 「テクスチャーアニメーション」は、質感の画像(テクスチャ)を動かして、映像に注目を向けたり、雰囲気を作...
モーショングラフィックスでよく見る表現
【知っておきたい】モーショングラフィックス作品によく見る表現3選こんにちは。hiroです。 今回は、モーショングラフィックスの作品でよく見るデザインや表現を3つほど紹介したいと思います。 <①...
\ Adobe CCを通常版で使っている人は必見 /

Adobe CCを通常版で購入している人は以下の買い方だと
月額費用を約6,000円→3,300円とほぼ半額まで節約できます。
節約した金額をプラグイン代などに当てた方が効果的なので、
よければ以下の記事を読んでみてください。

thumbnail_AdobeCCをほぼ半額で使う方法
【45%オフ】全員知っておいてもらいたいAdobe CCをほぼ半額で購入する方法(商用可)今回は、全員に知っておいてもらいたいAdobe Creative Cloud(以下、Adobe CC)を、 最大45%オフで購入す...