【ドット絵アニメーション】走るドット絵GIFの作り方

ドット絵アニメーション 走るドット絵GIFの作り方ドット絵アニメーション

こんにちは。レトログラムです。
下の方で少女が走っていると思いますが、今回はこのような走るドット絵アニメーションの作り方を紹介します。

少女 走るアニメーション

歩くドット絵アニメーションやGIFの作り方に関してはこちら↓

スポンサーリンク

走るドット絵を用意する

走るドット絵アニメーションを作るためには
1.左足を前に伸ばす
2.膝曲げ動作
3.右足を前に伸ばす
のドット絵を描きます。

少女 走るアニメーションドット絵

アニメーションのループとしては
1→2→3→2 となります。
2の膝曲げ動作は左足と右足バージョンを作れば動きがよりなめらかになると思います。

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

では、ひとつひとつのドット絵を見ていきましょう。

少女 走るアニメーションドット絵1
少女 走るアニメーションドット絵 中間
少女 走るアニメーションドット絵2
少女 走るアニメーションドット絵1 詳細
少女 走るアニメーションドット絵 中間 詳細
少女 走るアニメーションドット絵2 詳細

走るアニメーションなので歩くドット絵よりも足と手の振りを大きく動かした方が分かりやすいと思います。また3つのドット絵の頭の位置を比べてみると分かるのですが、1ドットずつ変えています。これは歩くドット絵の時も同じですが、走る動作に合わせて体全体を上下させた方が自然な走りになるためです。さらに髪の毛も走る動作に合わせて動くように描いています。
GIFにする際のディレイについてですが、歩くアニメーションよりも早く走らせるように見せたかったため80としました。

少女 走るアニメーション

まとめ

今回は走るドット絵アニメーションGIFの作り方を紹介しましたがいかがだったでしょうか。RPG等のゲームの中には歩く動作を倍速にさせるだけのものもありますが、走るアニメーションがあった方がより走っている感が出て良いですよね。前回の歩くドット絵と今回の走るドット絵はRPG等のミニキャラを想定しているためコマ数を少なくしていますが、等身が高いアクションゲームなどではコマ数をもう少し増やして動きをなめらかにした方がいいと思います。今後はそういったものも記事にできればいいと思います。今回の記事が走るアニメーションのドット絵の参考になれば幸いです。
今回は以上になります。

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

価格:2,420円
(2023/1/2 14:07時点)

コメント

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