【64×64ドット絵アニメーション】歩くドット絵GIFの作り方

64×64ドット絵アニメーション 歩くドット絵GIFの作り方ドット絵アニメーション

こんにちは。レトログラムです。
みなさんは、ゲーム画面で見かける「歩くドット絵アニメーション」を見たことがありますか?下記に少女のドット絵の歩行アニメーションがありますが、今回はこのような歩くドット絵アニメーションの作り方を解説します。

少女 歩行アニメーション64
少女 歩行アニメーション

以前にも歩くドット絵アニメーションは作成しましたが32pxのデフォルメされたドット絵でした。今回は64pxで作成していきます。
32pxの歩くドット絵アニメーションはこちら↓

スポンサーリンク

歩くドット絵キャラクターを用意する

最初に、ベースとなるキャラクターを用意します。ここではブログオリジナルのキャラクターとします。64pxのキャラクターの描き方はこちら↓

少女 正面 オリジナルドット絵64

次に歩行アニメーションに必要な枚数を決めます。
歩き方によって変わりますが、3~8枚程度になります。今回は6枚とします。
1.左足を前に出す
2.左足を地面につける
3.右足を前に出し始め、左足を後ろに下げだす
4.右足を前に出す
5.右足を地面につける
6.左足を前に出し始め、右足を後ろに下げだす
のドット絵を描きます。

少女 歩行アニメーションドット絵64

歩くドット絵を描く際のポイントについて

足の部分は1~3まで作成すれば4~6はシルエットはほとんど同じになります。
また、足の動きに合わせて手も動かすと良くなります。注意点としては手を大きく動かしすぎると不自然な動きになる場合がありますので気を付けてください。
後は歩き動作に合わせて体全体を上下させた方が自然な動きになります。これは1~3のドット絵の頭の位置に注目して見ると分かるのですが、1ドットずつ変えています。
さらに髪の毛も歩く動作に合わせて揺れるように描いています。
GIFにする際のディレイについてですが150としました。
GIFの詳細な作り方に関しては32pxの歩くドット絵アニメーションの記事を参考にしてください。

まとめ

今回は、64pxの歩くドット絵アニメーションGIFの作り方を紹介しましたがいかがだったでしょうか。ドット絵アニメーションを作るのは難しそうと感じる方もいるかもしれませんが、ひとつひとつのドット絵を作成すれば、必ず作り上げることができます。この記事が歩くアニメーションのドット絵の参考になれば幸いです。
今回は以上になります。

ドット絵教室【電子書籍】[ 中川 悠京 ]

価格:2,420円
(2023/5/6 16:28時点)

コメント

タイトルとURLをコピーしました