こんにちは。レトログラムです。
下の方で少年が歩いていると思いますが、今回はこのような歩くドット絵アニメーションの作り方を紹介します。
歩くドット絵を用意する
歩くアニメーションを作るためには
1.左足が前
2.真横
3.右足が前
のドット絵を描きます。
スーパーファミコンやゲームボーイのミニキャラのようなドット絵を意識していますのでこの３つのドット絵で歩く動作は表現できると思います。
等身が高いもしくは動きをよりなめらかにしたい場合は1と3の間に右ももを上げる動作、3の後に左ももを上げる動作を追加するとよいと思います。
歩くドット絵を描く際のポイントについて
では、ひとつひとつのドット絵を見ていきましょう。
横向きの少年のドット絵は他の記事でも使用しているものに少し手を加え足と手を大きくしています。これは他の歩行アニメーションと合わせた時に自然になるようにしました。
歩くアニメーションなので足を大きく前後に動かした方が分かりやすいと思います。
また、2.真横のドット絵では頭を１ドット上げています。
これは歩き動作に合わせて体全体を上下させた方が自然な歩行になるためです。
今回は顔のドット自体は変えていませんが、髪のハイライトを動かすと風があたってるように見えると思います。
EDGEを使ったドット絵ＧＩＦの作り方
ここからは「EDGE」を使ってGIFアニメーションを作成していきます。
1.アニメーションフレームを表示を押します。
２.設定を変更ボタンを押します。
３.あらかじめサイズを指定しておき、取り込む際は位置のみにチェックをつけます。
また、横幅、縦幅、1フレームの高さを取り込みたいキャンバスサイズと合わせます。
今回は32×32のドット絵なので32を設定します。
４.フレームの取り込み開始ボタンを押します。
５.作成したドット絵を選択して取り込んでいきます。
順番は 1.左足が前 →2.真横 →3.右足が前 →2.真横 の4コマです。
６.全ディレイ一括変更でディレイを調整します。
初期速度33だと歩くより走るになってしまうほど早いので100くらいに設定します。
７.プロパティ一括変更で透過色を設定します。
透過色にチェックをつけて、透過したい番号を設定します。
８.再生ウインドウの表示・非表示ボタンを押して動きをチェックします。
９.動画をアニメーションGIF形式で保存を押し、各種設定画面で保存を押せばGIF形式が作成されます。
これにて完成です。
まとめ
今回は歩くドット絵アニメーションGIFの作り方を紹介しましたがいかがだったでしょうか。RPG等のゲームを作る上では歩くアニメーションは必要になると思いますので参考になれば幸いです。また自分が作成したドット絵が動くのを見るのは面白いものです。無料ツールである「EDGE」を使用することで簡単にドット絵アニメーションを作成することができますので皆さんも是非やってみてください。
今回は以上になります。
走るドット絵アニメーションの作り方はこちら↓
 | 価格:2,420円 |
コメント