数十ドット四方のキャンバスに人の顔を描く、と聞くと無理な相談に思えるかもしれません。 実際、目・鼻・口・眉・髪・輪郭という顔の要素をすべて「描こう」とすると、 小さいキャンバスではほぼ確実に破綻します。ドットが足りないからです。
しかし世の中のドット絵キャラクターは、驚くほど少ないドット数で「誰なのか」「何の生き物なのか」を伝えています。 そこにあるのは画力ではなく、何を残して何を捨てるかの判断力です。 このページでは、小さいキャンバスで人物やキャラクターを「それらしく」見せるための考え方を、 できるだけ具体的な数値と手順に落とし込んで解説します。 みんなのデザインスタジオで画像を変換するときにも、そのまま応用できる知識です。
なお、以下の例で使う「32ドット四方」「48ドット四方」といった数字は、 考え方を説明するための仮の前提です。実際に使えるキャンバスの種類と精度は、 ゲーム内のデザイン枠に対応したものをツール上で選ぶ形になります。 自分が選んだ精度に合わせて、比率で読み替えてください。
まず頭を切り替えたいのは、大きい絵と小さい絵は「同じ技術の延長線上にない」ということです。 大きい絵はディテールを足していくほど良くなりますが、小さい絵はディテールを足すほど汚くなります。 小さいキャンバスの作業は、足し算ではなく引き算です。
具体的な情報量を見てみましょう。64ドット四方のキャンバスは4096マス、32ドット四方なら1024マスしかありません。 しかも全身のキャラクターを描くなら、そのうち顔に割けるのはごく一部です。 32ドット四方に全身を収める場合、頭部は縦10〜12ドット程度、 そこから前髪と顎を除いた「顔の中身」はせいぜい縦6〜8ドット、横6〜8ドットです。 正方形にして40〜60マス。この面積で目・鼻・口・眉をすべて表現しようとすれば、 1つのパーツに使えるのは1〜2ドットという計算になります。
ここで発想を変えます。目指すのは「顔を再現すること」ではなく、 見る人の頭の中に顔を思い出させることです。 人間の脳は、目のような点が2つ横に並んでいるだけで顔として認識します。 だから、正確に描く必要はまったくありません。 必要なのは「顔として読み取れる最小限の手がかり」を、 誤解が生じない位置に置くことだけです。
この視点に立つと、判断基準がはっきりします。 「このドットは、見る人が対象を識別するのに役立っているか？」 役立っていないドットは、どんなに元画像に忠実でも、削ったほうが絵は良くなります。
小さいキャンバスの絵が「わかる」か「わからない」かを決めるのは、 細部ではなくシルエット（外形）です。 ドット絵は縮小して表示されたり、離れた位置から見られたりすることが多く、 そのとき最後まで残る情報が外形だからです。
確認方法は簡単です。作りかけの絵を全部1色で塗りつぶしたところを想像してください。 その黒い影だけを見て、何のキャラクターか言い当てられるでしょうか。 言い当てられないなら、内側をいくら描き込んでも印象は良くなりません。 スマートフォンの画面から腕1本分だけ離れて見る、あるいは目を細めて見るのも同じ効果があります。 ぼやけた状態で判別できれば合格です。
シルエットに個性を持たせるには、外形に「引っかかり」を作ります。
コツ: みんなのデザインスタジオでは、変換後のプレビューがそのまま「遠目テスト」に使えます。 画面を少し遠ざけて、色番号ではなく形だけを見てください。 そこで人物として読めなければ、切り抜きをやり直すか、より高い精度のキャンバスを選ぶほうが早道です。
顔まわりは、初心者がいちばん描き込みすぎる場所です。 先ほどの計算どおり、顔の中身に使えるのは縦6〜10ドット程度しかありません。 そこで「全部入れる」のをやめ、優先順位をつけます。 おおまかな目安は次の表のとおりです。
| パーツ | 使うドット数の目安 | 省略の判断 |
|---|---|---|
| 目 | 片目1〜2ドット（縦2ドットにできれば表情が増える） | 絶対に省略しない。最優先で確保する |
| 髪の輪郭 | 外形として3〜10ドット | 省略しない。人物特定の主役 |
| 口 | 1ドット、笑顔なら横2〜3ドット | 顔の縦が6ドット未満なら省略も可 |
| 眉 | 片方1〜2ドット | 表情が必要なければ省略してよい |
| 鼻 | 0〜1ドット | 基本は省略。入れるなら暗めの1ドットのみ |
| 耳・首の影・まつげ | 0ドット | 小さいサイズでは原則すべて省略 |
目は顔の中で唯一、絶対に譲れないパーツです。人は目の位置で顔の向きと感情を読み取ります。 守るべきルールは3つあります。
目を縦2ドットにできる余裕があるなら、上のドットを濃く、下のドットをわずかに明るくすると、 それだけで「まつげ＋瞳」に見えて情報量が一気に増えます。 伏し目にしたいときは上の1ドットだけを残す、という切り替えも使えます。
鼻は、小さいキャンバスでは描かないほうが良い代表格です。 肌色の中に暗い1ドットを置くと、それは鼻ではなく「汚れ」に見えます。 鼻を省略しても顔として成立することは、多くのドット絵キャラクターが証明しています。 どうしても入れたい場合は、肌色よりわずかに暗い色を1ドットだけ、目と口の中間に置きます。 このとき、はっきりした茶色や黒を使わないのがポイントです。
口は1ドットが基本です。無表情なら暗い1ドット、笑顔なら横2〜3ドットの線にします。 口角を上げたい場合は、中央より両端を1段だけ上げた3ドットで表現できますが、 そのためには顔の横幅に5ドット以上の余裕が必要です。 口を開けた表情は、最低でも縦2ドット×横3ドットのスペースが要るため、 32ドット四方の全身キャラでは現実的ではありません。
眉は「あれば表情が付き、なくても顔は成立する」パーツです。余裕があれば入れます。 眉を入れるときは、目の真上に密着させず、必ず1ドット空けるのが鉄則です。 密着させると目が縦に太くなったようにしか見えず、眉として読み取られません。
眉の傾きは1ドットの高低差で十分です。 外側を1ドット下げれば困り顔、内側を1ドット下げれば怒り顔、水平なら無表情。 この差だけで、小さいキャラクターの印象は驚くほど変わります。 色は髪色よりわずかに明るいか、髪色そのままで構いません。
実際の人間は6〜8頭身ですが、小さいキャンバスで6頭身のキャラクターを描くと、 顔に割ける面積が全体の6分の1しかなくなり、顔が完全に潰れます。 そこで2〜3頭身にデフォルメするのが定石です。 顔にドットを回すための、必然的な選択です。
32ドット四方に全身を収める場合の配分例を挙げます。
この配分なら、頭が全体の4割前後を占め、顔のパーツを置く余裕が生まれます。 身体側は思い切って簡略化します。腕は太さ2〜3ドットの棒、手は先端の1〜2ドットの塊、 指は描きません。脚も左右をつなげた1つの塊にして、 中央に1ドットの暗い線を入れて分割を示唆するだけで十分です。
バストアップ（胸から上）だけを描く場合は話が変わります。 32ドット四方に顔だけを大きく入れるなら、顔の中身に縦16〜20ドット使えるので、 白目・鼻の陰影・唇の色など、通常なら省略するパーツも成立します。 「全身か、顔か」を先に決めることが、小さいキャンバスでは最初の重要な設計判断です。
初心者がもっとも失敗しやすいのが髪です。 髪の毛を1本ずつ、あるいは細い線の集まりとして描こうとすると、 小さいキャンバスでは1ドットの点がバラバラに散らばった「ざらつき」にしかなりません。
正しいアプローチは、髪を3〜5個の大きな面（塊）として捉えることです。 たとえばショートヘアなら「前髪の面」「左側頭部の面」「右側頭部の面」の3つ。 ロングヘアなら「前髪」「左の毛束」「右の毛束」「後ろに広がる面」の4つ。 それぞれの面を、輪郭の凹凸で区切ります。
面と面の境目は、1ドットの暗い線か、明度差のある2色の隣接で表現します。 線を引かず色を切り替えるだけのほうが、小さいサイズでは自然に見えることが多いです。
ハイライト（艶）を入れる場合も、線ではなく面で考えます。 髪の上部に、横3〜6ドット・縦1〜2ドットの明るい帯を1本だけ置きます。 複数入れたり、細切れの点で表現したりすると、ノイズにしか見えません。 髪の艶は1箇所だけ、幅を持たせてが原則です。
キャラクターの周囲を暗い線で囲むかどうかは、小さいキャンバスでは大きな決断です。 なぜなら、1ドットの線が占める面積の比率が、大きい絵とはまったく違うからです。
32ドット四方のキャンバスで、顔の横幅が10ドットだとします。 ここに左右1ドットずつの輪郭線を入れると、線だけで2ドット、 つまり顔幅の20％が線になります。残る肌の面積は8ドット分。 さらに髪との境界にも線を入れれば、肌はもっと痩せます。 輪郭線は「太らせる」のではなく「痩せさせる」という感覚を持ってください。
そこで実務的には、次の3つの方針から選びます。
引き算の輪郭を使うときのコツは、「省く」判断を光源で統一することです。 たとえば光を左上から当てると決めたら、キャラクターの左上側の輪郭は全部省き、 右下側だけ暗い線を残します。場所ごとに気分で変えると、立体感が壊れて不自然になります。
また、輪郭線に真っ黒を使わないのも重要です。 真っ黒は主張が強すぎて、小さい絵では線だけが目立ちます。 肌なら濃い茶色、髪なら髪色をさらに暗くした色、というように、 隣接する面の色を暗くした色を輪郭に使うと、絵全体がまとまります。
注意: 左右対称は強力な武器ですが、頼りすぎると「機械が描いた絵」になります。 キャラクターの骨格（顔の輪郭、目の位置、肩幅）は対称に保ちつつ、 前髪の分け目、毛束の長さ、髪のハイライトの位置、服の柄などを1〜2ドットだけずらしてください。 その小さな非対称が、絵に手描きの温度を与えます。 特に髪の分け目を中央から1〜2ドット外すだけで、印象は大きく変わります。
対称性でもう一つ気をつけたいのが、奇数幅と偶数幅の問題です。 顔の横幅を偶数ドット（例: 10ドット）にすると中心線がドットとドットの間に来るため、 左右にきれいに割り振れます。鼻や口を中央に1ドットで置きたい場合は、 奇数幅（例: 11ドット）にすると中央のマスが確定します。 どちらを選ぶかを先に決めておくと、後から「中心がずれている」という手戻りを防げます。
小さいキャンバスでは、色数も限られた資源です。 みんなのデザインスタジオでは、実際に打ち込む作業のしやすさから15〜25色程度が目安ですが、 この色数を全体に均等にばらまくのは最悪の使い方です。 色数は、見せたい場所に集中投資します。
人物を描くなら、視線が集まるのは顔です。だから配分は次のようになります。
| 部位 | 色数の目安 | 考え方 |
|---|---|---|
| 顔・肌 | 3〜4色 | 基本色＋影＋（あれば）頬の赤み。ここに一番贅沢に使う |
| 髪 | 3〜4色 | 基本色＋影＋ハイライト。シルエットの主役なので手を抜かない |
| 目・口 | 1〜2色 | 点なので色数は不要。明度が十分に低い色を1つ |
| 服・装備 | 3〜5色 | 面が広いぶん階調は必要だが、柄は思い切って省く |
| 背景 | 1〜2色 | グラデーションは避ける。主役を邪魔しない |
もう一つ重要なのが、隣り合う色の明度差です。 大きい絵なら、わずかに違う2色を並べても滑らかなグラデーションとして機能します。 しかし小さい絵では、面積が小さすぎて色の違いが認識されず、 「なんとなく汚い1色の塊」に見えてしまいます。 肌の基本色と影の色を選ぶときは、明度で15〜25％程度の差をつけると、 小さいサイズでもきちんと立体として読み取れます。
ツール上では、この配分を減色機能で作り込みます。 まずステップ1（使用数の少ない色から削減）で、数マスにしか使われていない色を整理します。 ここで消えるのは、たいてい写真のノイズや背景のわずかな色ムラで、見た目はほとんど変わりません。 次にステップ2（似た色同士の統合）で、階調の細かすぎる部分をまとめます。 そのうえで、顔や髪の階調まで削れてしまった場合は、 減色を一段戻して「カスタム」の手動減色に切り替え、 背景や服の色を手動で統合していくと、顔の色数を守ったまま総色数を減らせます。 カスタムでは色をタップすると最も近い色に統合されるので、 「顔以外から削る」という方針をそのまま実行できます。
コツ: 色ごとのハイライト表示を使うと、その色が画面のどこに何マス使われているかが一目でわかります。 「顔に3色使われているつもりが、実は肌の階調が5色に分かれていた」といった無駄も、ここで見つかります。 打ち込む前に色の使われ方を点検しておくと、作業時間そのものが短くなります。
写真をアップロードして変換する場合、ここまでの知識は「元画像の選び方」と「切り抜き方」に集約されます。 自動変換は、元画像に情報がなければ何も生み出せません。 小さいキャンバスで顔が潰れる原因のほとんどは、変換設定ではなく元画像側にあります。
切り抜きが決まったら、変換方式を選びます。 人物写真の場合、まず方式1（標準）を確認し、顔が暗く沈むようなら方式3（高コントラスト）を試すのが基本の流れです。 方式3は彩度も上がるため、肌の血色が良くなり、小さいサイズでも「人の顔」として認識されやすくなります。 イラストやアニメ調のキャラクター画像なら、フラットな塗りを保てる方式2（イラスト・シンプル）が合うことが多いです。
ノイズ除去には注意が必要です。強くかけると背景のざらつきは消えますが、 1〜2ドットしかない目や口まで一緒に消えます。 顔を含む絵では、まず「弱」から試し、目が残っているかをプレビューで確認してから段階を上げてください。 背景のざらつきだけが気になる場合は、ノイズ除去を上げるより、 切り抜きで背景を減らすか、背景がシンプルな元画像に差し替えるほうが安全です。
仕上げの微調整には、デザイン編集モードの画像挿入機能も使えます。 全体は完成しているが顔だけ作り直したい、というときに、 顔部分だけを拡大率・回転・不透明度を調整して配置し直せます。 挿入した部分にも同じ変換方式・ノイズ除去・減色の流れが適用され、 影響範囲は挿入した部分だけなので、他の部分の打ち込み内容を壊さずに顔だけ差し替えられます。
設計図が完成したら、実際に打ち込みを始める前に次の項目を確認してください。 ここで直しておけば、数百マスを打ち直す手間を防げます。
小さいキャンバスの絵作りは、うまい線を引く技術ではなく、 限られた資源をどこに配るかという設計の技術です。 ドットが足りないと感じたときは、描き足すのではなく、 「何を捨てれば主役が引き立つか」を考えてみてください。 その判断を積み重ねるほど、絵は小さくても強くなります。