iPadクリスタで歩くアニメーション作りました

こんにちはもめです

前回は、イラストを別々で書き出ししてブラウザでGIFに変換する方法でアニメーションを作りました。


クリスタだけでも動くイラストが作れるのになんでそんな面倒なことをしたのかというと‥

もめ

アニメーション機能を使いこなす自信がなかった！（爆）

でも、理由はわからないのですがブラウザの変換がだんだんうまくいかなくなってきてしまって‥
iPadだからなのかな？



諦めてクリスタのアニメーション機能を覚えることにしました。笑

さて、今回はやりたいこと、試したいこともあってちょっと数頑張りました。

まず、クリスタだけで作った第一号がこちらです

もめ

動きの調整がよくわからなかったのと、正面の髪揺れが下手くそすぎましたw w

髪の毛の揺れ、胴体、動きの速さを調整したのがこちらです↓

ドラクエっぽくてだいぶ良くなったのではないでしょうか…？
自然に見えるようにするのって難しいですね。


さて、ここまではイラスト２枚だけで描いていたのですが
後にワケ合って４枚で描き直しました。
せっかくなので、２枚と４枚で比較してみたいと思います。


先に、今回の動画制作に使ったもの

詳細

歩くアニメーションの２枚と４枚の動きの違い比較

左が２枚、右が４枚です。
２枚だと違和感なく感じた腕の振りですが、４枚にしたら違和感すごかったので結構描き直しました。

もめ

２枚の動きも好きだけど、４枚だとやっぱりぬるぬるに見える！

４枚にすると足がまっすぐになったときの上下の動きも入るので自然な動きに見えやすくなるなって思いました。

その他のキャラ↓

もめ

作り始めに比べてかなり自然になってきたのでは‥？！＞＜
と思いたいです

やってみて思ったのが、「ものを持たせての横向き」が地味に難しかった。
腕を振った方が、歩いているように見えやすい！

ジャンプするアニメーション

いやぁ、この子はかなり何度も調整しました。
ちょっと荒いところもありますが、着地がお気に入りです（細かい）

もめ

書き換える場所が多くなると途端に難しくなる〜汗

4方向に歩くアニメーション

正面ができたので、４方向分作ってみました。
左右は反転する前提です！

もめ

これでゲームとかだったら４方向歩けるアニメーションが作れる！
わ～い！

左右の動きが４枚ないと不自然だったため、正面も4枚で作り直しました。

クリスタだけで動くイラストを作ってみた感想

実際にクリスタで作ってみて、いちいち書き出しすることなくすぐに再生して確認できるのですごく楽でした。

もめ

機能を覚えるのをサボっていただけでした。笑

私はPro版を使っているため1秒までしか作れませんでしたが、歩く程度であれば十分かなという感じ。
長めのアニメーションを作りたい場合はPCでEX版の方が良さそうだなと感じました。

もめ

iPadイラストレーター

絵は全てiPadで描いています＊
iPadで絵を描き始めて、機会オンチから四苦八苦しながらクリエイト
なので、iPad関連、絵や創作活動に関するつまづきを記事にしています。

現在は創作しながら個人様向けのご依頼を頂いてます！
＊キャラクターイラスト/ショート動画/ライブ2dなど＊

https://fori.io/orange-mome0t