こんにちは。レトログラムです。
みなさんは、ゲーム画面で見かける「走るドット絵アニメーション」を見たことがありますか？下記に少年のドット絵の走るアニメーションがありますが、今回はこのような走るドット絵アニメーションの作り方を解説します。
以前にも走るドット絵アニメーションは作成しましたが32pxのデフォルメされたドット絵でした。今回は64pxで作成していきます。
32pxの走るドット絵アニメーションはこちら↓
走るドット絵キャラクターを用意する
最初に、ベースとなるキャラクターを用意します。ここではブログオリジナルのキャラクターとします。64pxのキャラクターの描き方はこちら↓
次に走るアニメーションに必要な枚数を決めます。
走り方によって変わりますが、3～8枚程度になります。今回は6枚とします。
1.右膝を曲げる動作
2.右足をまっすぐ伸ばす動作
3.右足を地面につけ後ろに下げ始める動作
4.左膝を曲げる動作
5.左足をまっすぐ伸ばす動作
6.左足を地面につけ後ろに下げ始める動作
のドット絵を描きます。
走るドット絵を描く際のポイントについて
1～3まで作成すれば4～6はシルエットはほとんど同じになりますのでコピーして修正すると少し楽に作成できます。腕の動きに関しては少し曲げた状態で動かします。
後は歩くドット絵と同様に走る動作に合わせて体全体を上下させた方が自然な動きになります。
GIFにする際のディレイについてですが、歩くアニメーションよりも早く走らせるように見せたかったため90としました。
GIFの詳細な作り方に関しては32pxの歩くドット絵アニメーションの記事を参考にしてください。
まとめ
今回は、64pxの走るドット絵アニメーションGIFの作り方を紹介しましたがいかがだったでしょうか。走っている絵などを参考に少しずつポーズを変えながら描き、アニメーションがスムーズに流れるか確認し、必要に応じて修正を加えていくと良いと思います。また、髪の毛など、動きに合わせて変化させるとより良くなると思います。この記事が走るアニメーションのドット絵の参考になれば幸いです。
今回は以上になります。
 | 価格:2,420円 |
コメント