ドット絵講座メイキング（yossy）

ドットえこうざ
ぱわぽ作成：yossy
使用ソフト：ＥＤＧＥ
サイズ：64ｘ64

早速描いていきます。
サイズは64ｘ64で新規作成します。
アクションゲームなどで等倍で動かすならこれくらい
かもう少し小さい48ｘ48が自分の中では普通ですね。
ドットえこ
うざ
・新規作成

初期状態だと背景の色が黒くなっているので、上の
アイコンからカラーパレットを開き、パレットの一番
左上の透過色を適当な色にします。
これから描くのに使わない色が好ましいです。
ドットえこ
うざ
・準備

パレットの一番左上は「透過色」とよばれる透明部分
にあたる色です。
それに対してパレットの右下に表示されている色は
「背景色」といいます
ドットえこ
うざ
・注意！

背景色はパレット上で右クリックすることで指定する
ことができますが、ほぼ透過色と一緒にして変えるこ
とはありません！
ドットえこ
うざ
・注意！

パレット上を間違って右クリックしてしまうと絵を
移動させたときにこのように背景色が残ってしまい
ます。
よくあるミスなので気を付けましょう。
ドットえこ
うざ
・注意！

またちょっと寄り道。
キャンバスをドット単位で区切ってるこれは「グリッ
ド」とよばれるものです。
図のアイコンでつけたり消したりできます。
邪魔だと思ったら消しちゃってもよいです。
ドットえこ
うざ
・準備

さてさてようやく線画にとりかかります。
この辺は実際の画力も関わってきますので日々練習
あるのみ、ですね…
イラストをスキャンしたりアタリをとったりする人も
いますがドット絵のときは自分はあまりやりません。
ドットえこ
うざ
・線画

ドット絵はその性質上斜線や曲線が苦手です。
しかし描くときにこれらの線を使わない絵はほぼない
のです。
主にドットを階段みたいに置いていくことでそれっぽ
く描くことができます。
ドットえこ
うざ
・線画コツ

階段に置くドットの数を規則的にすると図の右のよう
に直線っぽくなります。
階段のドット数をだんだん減らし、その後垂直方向に
ドット数を増やしていくと、左の図のように曲線っぽ
くなります。
ドットえこ
うざ
・線画コツ

直線を組み合わせると図の一番左みたいなカクカクし
た曲線になります。
なめらかな曲線やまっすぐな線が描きたいと思ったら
こうやってみるとよいでしょう。
なおEDGEには直線・曲線ツールも一応あります。
ドットえこ
うざ
・線画コツ

とりあえずぱぱっと線画を仕上げます。
今回は魔女っ娘ちゃんです。
カラーパレットの隣の隣のアイコンを押すとポジショ
ンウインドウが出てきて等倍の様子を見ながら作業
できます。
ドットえこ
うざ
・線画

ファミコンサイズとは違いこのサイズになってくると
画力不足をごまかしきれなくなってくるので、
練習するなりして手書きでもある程度描けるようにな
っておいたほうがよいです。
ドットえこ
うざ
・線画

線画ができたら細かいところを修正していきます。
線が1ドットより太くなってたら削っていきます。
左が修正前で右が修正後です。
赤丸の部分が削れてるのがわかりますかね…？
ドットえこ
うざ
・線画修正

突然ですがここでクイズです！
横をむいたネズミっぽいのがおりますが、耳がちょっ
と不自然です。
どこをどうしたら自然な丸い耳になるでしょう
ドットえこ
うざ
・線画修正

正解は右上をちょっと削ってあげればよいのです。
図の真ん中のように赤い部分を削って青い部分にド
ットをおくだけでなめらかになります。
ドットえこ
うざ
・線画修正

ではではカラーパレットに色を作って塗っていきま
しょう。
ドットならよほどのことがない限り塗りつぶしツール
できれいに塗れると思います。
なんか一気にファンタジー感減ったような…
ドットえこ
うざ
・着色

さらにすべての色に一段階影をつけてみました。
それっぽくなってきましたね。
それでは影のつけ方を簡単に。
ドットえこ
うざ
・影付け

影はもちろん光源があるほうと反対側にできます。
図のように丸い面のときは、光が当たっている部分が
丸くなるようにするとそれっぽくなります。
ドットえこ
うざ
・影付け

角ばった物体の時は面ごとに色を塗っていくとよい
です。
光源に面が近いほど色は明るくなります。
ドットえこ
うざ
・影付け

へこんでる面の影をつけるときは逆に、光源に近い
部分ほど色は暗くなります。
メカのような無機物のドット絵を描くときに特に
よく使います。
ドットえこ
うざ
・影付け

アンチエイリアス、というテクニックがあります。
色と色の境目にその中間色を置くことでなめらかに
見せる手法です。
図の竜の目あたりにけっこう使われてますね。
ドットえこ
うざ
・影付け

アンチエイリアスは効率よく使うと美しいドット絵が
描けますが使いすぎは禁物です。
図の右の丸のようにすべての色の境目を中間色でうめ
ると逆に汚くなります。
真ん中のようにほどほどにするのがよいでしょう。
ドットえこ
うざ
・影付け

また、タイリングと呼ばれる影付け手法もあります。
ある色のドットをまばらに置いて密度を変えることで
グラデーションするというものです。
色数節約のほか、布や毛皮みたいな質感を出すことも
できます。ただとてもめんどいです。
ドットえこ
うざ
・影付け

続きです。
若干影を追加してアウトラインを塗りました。
個人的にはけっこう重視してるところです。
この工程で印象がだいぶ変わります。
ドットえこ
うざ
・アウトライン
着色

基本的には内側の色よりちょっと暗い色で塗ります。
形がはっきりしながらも真っ黒の時より柔らかな
印象になります。
髪の毛のてっぺんのアウトラインのように一本の線
にも明暗をつけるのが最近のお気に入りです。
ドットえこ
うざ
着色

残ってた黒のアウトラインもカラーパレットを調整
して赤っぽくしました。
着色前と比べると劇的びふぉーあふたーです。
ドットえこ
うざ
着色

というわけでこれでひとまず完成です。
ご視聴ありがとうございました。
ドットえこ
うざ
・完成！

Recommended