【Level4】ドット絵で道を描こう！【ドット絵講座】

2020/11/18

J.Stone

ゲームのマップデザインで使えるドット絵講座。今回は簡単に道を描く方法をご紹介していきます。あつ森のマイデザインやマイクラのテクスチャパック制作にも使えるかもしれませんね。

ドット絵で道を描く方法

さて今回のドット絵講座は、マップなどで使える”道”を描いてみましょう。
屋外マップで使える道、主に街や村などの外観で使え、RPGでもアクションでも万能に使えます。
今回は、道をより簡単に描けるテクニックと合わせてご紹介していきます。

道を作ってみよう！

1. グリッドを決める

まずはお馴染みのグリッドを敷くところから。
今回も24×24でやっていきます。サイズはご自分が使いたいサイズで作った方が良いですが、練習の場合は小さい方が誤魔化しが効きます。
背景色は目に優しいパステルブルーやパステルグリーンなどを使いましょう。白や黒、減食は長時間の作業で目が疲れますし、同化しやすいのでなるべく被らない色で淡い色を使うのがオススメです。

2. マスクを作る

さてここからが道づくりの基礎であり、簡単に描く最大のポイントです。
それは道のマスクを先に作っておくという事。簡単に言えば単色シルエットのようなもので、この上に作った絵を重ねることで形をそのままに様々なデザインに変えることができます。

まずは図のように余白を少し持たせたままの正角丸四角形を描きます。正四角形だと角が尖ってしまっているのでタイルとしてはOKでも道としては整い過ぎています。なので角を丸めて、道として使えるようにしておきます。

次に、この角丸四角形を凸凹の不ぞろい状態にします。道は真っすぐだと不自然なので、凸凹にすることでより自然な感じにすることができます。
ブラシでランダムに1ドット付け足します。中央部分は2ドットの部分を作ると膨らんだ感じになります。不ぞろいに作る事が大事なので、整えてはいけません。

図のように凸凹になったら完成です。このマスクは今後道を作る際の全てのガイドになるものなので、この段階で道っぽいものを作っておきましょう。尚、このマスクは手を加えることはありません。

3. 地面タイルを作る

さて、いよいよ道を作ります。といっても、道の原型は既に完成しているので、ココからは地面タイルを作る事になります。

まずは24×24を1マス塗りつぶします。

次に、そこに地面を描きます。今回はまず土を描いてみます。
尚、地面は以前解説したものを転用しています。気になる方はコチラをご覧ください。

【Level4】簡単！アクションゲームのマップをドットで作ろう！【ドット絵講座】

https://moshi-nara.com/18579/

今回は横スクロールタイプのアクションゲームで使えるドット絵を描いてみようというコーナーです。アクションゲーム必要な樽セットを練習してみましょう。また、タイルの描き方はマイクラやあつ森のマイデザでも応用できます。

地面タイルが完成したら、それを3×3マスで並べます。

そうしたら、先ほど作った道のマスクの上に重ね、下のマスクレイヤーに重ねます。
Photoshopであればマスク機能で、他のドット絵制作ソフトであれば、選択範囲を作った後、はみだし部分を削除します。
図のようになれば完成です。

プラスアルファとして、描いた道を選択範囲で囲み、1px拡張します。次に、新規レイヤーを作り、選択範囲を黒で塗りつぶします。最後に、塗りつぶしたレイヤーを下に持ってきて、透明度を落とせば影の完成。
こうすることで、ベースタイルに道を重ねた際の境界線に影が落ちるので、立体感が生まれます。以下の画像がその状態です。

ベースとなる草タイルの上に道を敷きましたが、境界に若干の影が落ちるので立体感が出ているのが分かると思います。