ドット絵で人物キャラを描く手順とコツ
ドット絵で人物キャラを描く手順とコツ
ドット絵の人物キャラは、32x32のキャンバスで最初の1体を完成させるところから始めるのがいちばん扱いやすい。形が読めない、顔のバランスが崩れる、塗りがのっぺりするという3つの壁は、描く順番を整えるだけで崩れにくくなります。
ドット絵の人物キャラは、32x32のキャンバスで最初の1体を完成させるところから始めるのがいちばん扱いやすい。
形が読めない、顔のバランスが崩れる、塗りがのっぺりするという3つの壁は、描く順番を整えるだけで崩れにくくなります。
まずシルエットを1色で固めて読みやすさを確かめ、アウトライン、色、影の順で詰めていけば、途中で迷っても戻れる流れになります。
2頭身と3頭身の比率を先に決め、光源を1つ置いてピロー塗りを避ければ、可愛さと立体感の両方を狙えます。
完成イメージと描き始める前の準備
完成イメージを先に決めるだけで、ドット絵の人物はかなり描きやすくなります。
どんなポーズで、どんな属性のキャラにするのかを一文で言える状態にしておくと、途中で迷ったときも手が止まりにくいからです。
最初の段階では、細部を増やすよりも、形が読めることと印象がぶれないことを優先しましょう。
なぜ最初は32x32がちょうど良いのか
32x32は、初心者が人物キャラを描くうえでいちばん扱いやすい落とし所です。
16x16だと制約が強く、顔や服の差を出す前に情報が足りなくなりやすいのに対し、48x48や64x64は鎧や髪の細部まで描けるぶん、管理する要素が増えて難しくなります。
32x32なら、顔の表情、服装、小物の違いまで入れられるので、1作目でも「描けた」と感じやすいサイズです。
実際、32x32で始めると最初は少し狭く見えても、目鼻の位置と服の差し色まで置ける余白があります。
Stardew ValleyやShovel Knightのように多くのインディーゲームでも使われるのは、このサイズが見た目の表現力と制作のしやすさを両立しているからでしょう。
可愛さを狙うにも、少し個性を出すにも、ちょうどよく働くサイズです。
キャンバスサイズ別にできることの違い
キャンバスサイズは、ただ大きいほど良いわけではありません。
16x16は基礎練習に向いていて、ピクセル配置の感覚をつかむには役立ちますが、表情や服飾の描き分けにはかなり制約が出ます。
逆に48x48や64x64は、鎧の縁や髪の束感まで描き込めるので見栄えは出しやすいものの、初心者には情報量が多くなりすぎ、どこを整えるべきか見失いやすいです。
| サイズ | 向いていること | 難しさ | 向いている段階 |
|---|---|---|---|
| 16x16 | 基礎の練習、形の省略 | 情報量が少ない | 初期の練習 |
| 32x32 | 表情、服装、小物の描き分け | ちょうど良い | 初心者の実作 |
| 48x48 | 鎧や髪の細部の表現 | 管理項目が増える | 中級以降 |
| 64x64 | 高精細な装飾や質感 | 作業量が大きい | 上級寄り |
頭身の調整も、サイズ選びと同じくらい整理しておくと迷いません。
2頭身なら頭:胴:脚=1:0.5:0.5、3頭身なら1:1:1が目安になり、可愛さを優先するなら2頭身、ポーズや個性を出したいなら2.5〜3頭身が扱いやすいです。
形の読みやすさを先に固めると、あとから色を足しても崩れにくくなります。
描き始める前に用意しておくもの
描き始める前に、使う色をだいたい決めてパレットを用意しておくと、途中で色が増えすぎません。
先に骨格となる色を決めないまま進めると、塗りの途中で似た色が何色も増えて散らかりやすいからです。
8色なら輪郭1・肌2・髪2・服2・差し色1で成立し、16色に広げるときも迷いが少なくなります。
ツールの役割も最初に分けて考えておくと楽です。
ペンシルツールは輪郭やピクセルの置き方を決める道具で、バケツツールはベース色を素早く流し込むための道具だと理解しておくと、作業の順番が自然に整います。
まずシルエットを1色で確認し、形が読めたら輪郭、色、影の順で詰めていきましょう。
頭身比率を決めてアタリを取る
頭身比率を先に固定すると、ドット絵の人物は一気に描きやすくなります。
とくに崩れやすいのは頭の大きさと脚の細さの関係で、ここを数値で決めておくと別ポーズにしても同じキャラとして保ちやすいです。
可愛さを優先するなら2頭身、動きや個性を見せたいなら2.5〜3頭身が扱いやすいでしょう。
2頭身か3頭身かを先に決める
2頭身は頭:胴:脚=1:0.5:0.5、3頭身は1:1:1を目安にすると、感覚に頼らず比率を再現できます。
描き始める前にこの骨格を置いてしまえば、頭だけ大きいのに脚が不自然に細い、といった破綻を避けやすくなります。
比率の揺れが減るだけで、同じキャラを複数の姿勢で描くときの安定感が変わるのです。
可愛さを前面に出したいなら、短い胴と短い脚でまとまる2頭身が向いています。
反対に、ポーズの見せ方や性格の差を少し出したいなら、2.5〜3頭身のほうが動きに余白を作れます。
まず数値を決め、薄い色でアタリを置いてから本描きに進めましょう。
十字線のアタリで顔パーツの位置を決める
顔は頭のアタリに十字線を引き、目を横線より下に大きく置くと、デフォルメらしい幼さが出ます。
鼻は目と同じくらいの高さにそろえると、顔の重心が下がって赤ちゃんっぽい印象に寄りやすいです。
十字線の中央に目を置くと少し大人びて見え、1〜2px下げるだけで表情の温度が変わります。
この差は小さく見えても、32x32のような小さな画面ではかなり効きます。
ドット1列ぶんの上下移動で視線の位置が変わり、目の圧が強くなるか、やわらかくなるかが決まるからです。
崩れを防ぐという意味でも、顔は感覚で描かず、目と鼻の位置を先に固定してから肉付けしていくのがおすすめです。
体は三角形のアタリでバランスを取る
体は三角形でアタリを取ると、肩幅と腰の広がりが整理されて安定します。
とくにSDキャラでは、上半身の重心を小さくまとめるだけで、脚の短さが「省略」ではなく「意図」に見えやすくなるのが利点です。
薄い色で外形を引き、その上に線や色を重ねると、形の読みやすさを保ったまま描き込みへ進めます。
三角形のアタリは、後で服や小物を足しても破綻しにくい点が強みです。
最初に輪郭を固めておけば、アウトラインを置いたあとに影や差し色を加えても、全体の重心がぶれません。
まず形、次に中身。
この順番で進めると、初心者がつまずきやすい「形が読めない」状態を減らせます。
シルエットを1色で固める
シルエットは、キャラクターの読みやすさを最初に確かめるための土台です。
細部を描き込む前に1色で形を固めておけば、頭身や腕の位置、武器や帽子の輪郭が通るかを先に見られるので、途中で形が崩れる危険を減らせます。
とくに小さく表示されるピクセルアートでは、遠目でも何のキャラか分かるかどうかが完成度を左右します。
なぜシルエットから描くのか
シルエット先行の利点は、形の判断を細部から切り離せることです。
目や服の模様を入れる前に、外側の輪郭だけで役割や性格が伝わるかを見れば、情報が多すぎて読みづらくなる失敗を防げます。
剣を持つキャラなら剣の線が見えるか、帽子をかぶるキャラなら帽子の大きな形が立つかが先に問われるわけです。
シルエットだけを表示して隣に置くと、頭が大きすぎる、腕が胴体に埋もれている、といった問題が一目で分かります。
色を塗る前にここを確認しておくと、後から塗り直す回数が減り、作業の流れも安定するでしょう。
制作の序盤で形を確定し、後半で細部を足す順番にしておくと、破綻しにくいのです。
1色で塗りつぶして形を確認する
実践では、キャラ全体を黒1色で塗りつぶしてみるのが分かりやすい方法です。
色味や陰影をいったん消すことで、輪郭そのものだけが残り、何を描こうとしているのかがはっきりします。
そこから縮小表示してみると、ゲーム画面で小さく表示されたときに認識できるかを擬似的に確かめられます。
この段階で見るべきなのは、細部の美しさではありません。
腕や脚がちゃんと分離して見えるか、武器が体から離れて読めるか、帽子や髪型が特徴として残るかがポイントです。
初心者ほど装飾を足したくなりますが、まずは読みやすい輪郭を優先してみてください。
シンプルな形のほうが、情報量だけ多い絵より伝わる場面は多いです。
手足の大きさでポーズを読ませる
アクション系キャラでは、手足をやや大きめに取るとポーズが読みやすくなります。
腕を細く短くまとめすぎると、振り上げているのか、下ろしているのかが曖昧になりやすいからです。
誇張気味のシルエットにすると、走る、跳ぶ、振りかぶるといった動きの方向が一目で伝わります。
ここでも大切なのは、正確さより認識のしやすさです。
ゲーム中の表示は想像より小さいことが多く、細い手足は背景に埋もれがちです。
少し大げさに見えるくらいの手足の張り出しが、画面ではちょうどよく働くこともあります。
読みやすさを先に取る、その判断がシルエット作りの勝ち筋です。
アウトライン(輪郭線)を整える
シルエットを整えた後は、外周に輪郭線を入れるだけでキャラの見え方が一段はっきりします。
黒のフルアウトラインは輪郭を強く固定して古典的でカートゥーン寄りの印象をつくり、色付きアウトラインは線自体を画面になじませて柔らかい印象に寄せます。
線なしは背景や装飾には使いやすいものの、キャラクターの主役感を立てるにはやや不向きです。
黒・色付き・線なしの使い分け
全部を黒のベタ線で囲むと、絵が締まる反面、重く硬い印象になりがちです。
肌の輪郭だけ濃い肌色に変えた瞬間、同じキャラでも空気がやわらぎ、線が「囲い」ではなく「色面の整理」に見えてきます。
輪郭線は単なる縁取りではなく、画面の温度を決める配色の一部だと考えると扱いやすいでしょう。
色付きアウトラインが効くのは、線の色を背景や面色に寄せることで、輪郭の存在感を保ちながら圧を下げられるからです。
とくに顔まわりや腕の内側のように面積が小さい場所では、黒線よりも色付きのほうが表情の邪魔をしません。
線なしを選ぶなら、輪郭を見せる役割を別の色面や陰影に肩代わりさせる意識が必要です。
アンチエイリアスでジャギを和らげる
輪郭が階段状に見えるときは、縁の色と背景色の間に中間色を1〜2px入れるだけで印象が変わります。
とくに斜め45度や曲線では、1pxの中間色が目の引っかかりを逃がし、拡大表示したときの滑らかさまで変わって見えるのです。
ドット絵ではこの1pxが、線の荒さを隠すというより「形が整っている」と脳に伝える役目を果たします。
実作業でも、45度の階段に中間色を1px足しただけで、角の硬さが目に見えて減ります。
幅を広げすぎると輪郭がぼやけるので、まずは最小限で試すのがよいでしょう。
曲線ほど効果が出やすいので、丸いほおや肩先、髪のふくらみから入ると変化をつかみやすいです。
線を途切れさせて柔らかさを出す
輪郭線は、必ずしも全周を閉じる必要はありません。
あえて少し途切れさせると、見る側の脳がその隙間を補い、アンチエイリアスされた線と同じような柔らかさを感じます。
色数を増やさずに面の切り替えをなじませられるため、限られたパレットで描く場面ほど有効です。
この方法は、影と明るい面の境目を「線」ではなく「呼吸のある境界」として見せたいときに向いています。
外周までびっしり囲うより、要所だけ線を残したほうが、キャラの輪郭に余白が生まれるからです。
とくに小さな立ち絵では、全部を閉じないほうが軽さが出て、動き出しそうな雰囲気になります。
パレットを組んで色を置く
パレットは、色数そのものよりも先に役割の骨格を決めるとまとまりやすくなります。
8色なら輪郭1・肌2・髪2・服2・差し色1で十分成立し、16色に広げるときも明色や共有影色、小物色を足す順番が見えます。
色を増やすほど散らかりやすいからこそ、最初に置く場所を決めておくのが近道です。
色数別パレットの骨格を決める
8色の段階では、すべての要素を細かく描こうとせず、輪郭・肌・髪・服・差し色に役割を割り振るだけで画面は成立します。
輪郭1、肌2、髪2、服2、差し色1という構成は、少ない色でも立体感と情報量を両立しやすい組み方です。
16色まで増やすなら、各部位の明色や共有影色、小物色を順に足していけばよく、最初から全色を均等に使う必要はありません。
まず骨格を作り、必要な場所だけ厚みを足しましょう。
色は役割名で管理する
色を「肌の影」「髪の中間」「服のハイライト」のように役割名で呼べるようにすると、パレットが途端に扱いやすくなります。
名前が用途を示していれば、塗る段階で迷いが減り、同じ明度の色が複数あっても混同しにくいからです。
逆に、役割のない色を増やすと、どの色をどこに使うべきかが曖昧になり、配色全体がばらけて見えます。
暖色系3色だけで塗ったときにレトロゲーム風の温かみが出やすいのも、少数精鋭の役割分担が画面の統一感を支えているからでしょう。
肌のベースと影の塗り分け
肌は白に近い黄色をベースにすると、顔や腕の面が明るく見えやすくなります。
そこから1影・2影・3影と段階を分け、濃くなるほど赤味を少しずつ増やすと、ただ暗いだけの色ではなく血の通った肌として読めます。
ドット絵では明度を下げるだけだと濁りやすいので、色相も一緒に動かすのがコツです。
影を重ねても温度が残るため、肌の立体感とやわらかさが両立しやすくなります。
ベース色をバケツツールで先に流し込み、その上に影とハイライトを置いていく流れも、色数を散らさないために有効です。
最初は絞り込み、統一感が見えてから色を足すほうが失敗しにくいでしょう。
顔だけでなく服や髪にも同じ考え方を通すと、画面全体のトーンが揃ってきます。
塗り分けの基準が役割で揃っているからです。
影とハイライトで立体感を出す
影とハイライトは、面の向きと光の当たり方を見せるための基本です。
まず光源を1つだけ決めると、どこを暗くしてどこを明るくするかがぶれず、形の読み取りやすさが一気に上がります。
立体感は色数の多さではなく、光の筋を通すことから生まれます。
光源を1つ決めて影を落とす
光源が左上なら、影は右下に寄せる。
この単純なルールを徹底するだけで、平面的な塗りは急に球体や円柱の手触りを持ち始めます。
同じキャラでも、ピロー塗りでは面が膨らんで見えにくいのに、左上光源を決めた影付けに変えると、頬や腕の丸みが素直に伝わるはずです。
中間色をうまく挟むと明暗の境目が急すぎず、硬さを残しながらもなめらかに回り込む表現になります。
影を入れるときは、まず大きな面の向きを見て、次に境界をどうつなぐかを考えましょう。
いきなり濃い色で潰すより、暗部へ向かう途中に中間色を置くほうが、素材感を保ったまま奥行きが出ます。
ハイライトも同じで、影と対になる位置に置くからこそ効くのです。
ピロー塗りを避ける
ピロー塗りは、外周を暗くして中央を明るくする塗り方で、初心者が最も入りやすい落とし穴です。
見た目は整っていても、光源の位置が反映されていないため、物体の向きが伝わりません。
縁を一律に落とすのではなく、光源の反対側を重点的に暗くするほうが、面の回転がはっきりします。
この違いは、同じキャラを並べて比べると分かりやすいでしょう。
ピロー塗りのほうは輪郭だけが目立ち、内部の量感が消えがちです。
対して左上光源を前提にした影付けは、胴体や腕が空間の中でどう向いているかを自然に示します。
中間色で段差をつなげると、暗部が急に切れず、柔らかい立体につながります。
Lock Alphaではみ出さず塗る
Lock Alphaをオンにすると、すでに塗った部分だけに色を置けるため、線からはみ出さずに影やハイライトを入れられます。
肌の影色をざっと乗せる場面では特に扱いやすく、輪郭の外を消しゴムで整える手間が減ります。
塗る範囲に迷わず、色の判断に集中できるのが利点です。
この機能は、仕上がりの精度を上げるというより、正しい塗りを続けやすくする道具だと考えると使いやすいです。
細部を気にして手が止まるより、Lock Alphaで一気に影を入れ、必要な箇所だけ中間色を足していくほうが流れが良いでしょう。
ハイライトも同じ要領で、塗った面の上にだけ置けば、光の当たり方が崩れにくくなります。
よくある失敗と仕上げチェック
描き込みすぎたドット絵は、情報量が増えたぶんだけ形の強さがぼやけやすいです。
まずはシルエットで読めるかを基準にして、細部を足す前に引く判断を入れましょう。
完成したと思っていたキャラでも、髪と肩が同化して輪郭が崩れていることがあるので、仕上げの段階でいったん形だけに戻して確認してみてください。
描き込みすぎ・ピロー塗りの直し方
初心者がやりやすいのは、装飾や陰影を重ねるほど良く見えるはずだと考えて、つい細部を盛りすぎることです。
けれど実際には、情報が増えるほどシルエットの差が埋もれ、キャラの向きや重心まで弱く見えてしまいます。
ピロー塗りのように面がふくらんだまま処理されると、立体感よりも丸さだけが残るので、迷ったらいったん要素を減らし、線の迷いを消すほうが仕上がりは安定します。
完成済みの顔や服に違和感があるときは、細部の描写を増やすより、まず大きな面のつながりを見直すのが近道です。
装飾の縁を整理し、肩・髪・腕のどこが前に出るかをはっきりさせるだけで、読み取りやすさは上がります。
シンプルな形のほうがよく伝わる、という感覚を持っておくと、修正の方向がぶれません。
ジャギ・バンディングのチェック
縁が階段状に見えるバンディングは、同じ幅の段差が連続して見えることで起きます。
特に曲線では段差が目立ちやすく、外周の形まで硬く見えるため、背景色と縁色の間に中間色を置いて段差をずらすと、輪郭がなめらかになります。
直線的な部分より、丸みのある部分で効果が出やすいので、そこを重点的に見ておくとよいでしょう。
仕上げでは、拡大表示のままではなく、シルエットだけを表示して再確認しましょう。
色や影に気を取られていると、輪郭の崩れに気づきにくいからです。
見た目の派手さより、全体の形が先に立っているかを見直すことが、公開前の最終チェックになります。
次に挑戦するテーマ
1体を完成させたら、同じパレットで色だけ変えたバリエーションを作ってみてください。
配色のどこが印象を決めているかが体感的に分かり、色数を増やさなくても見せ方を変えられるようになります。
ここで得た感覚は、そのまま別ポーズへの描き替えにもつながるので、1体を使い回して学ぶ進め方はおすすめです。
次の段階では、正面だけでなく少し向きを変えた立ち姿や、動きのあるポーズにも進めましょう。
1体を仕上げた経験があると、形の崩れ方や色の効き方を前提に考えられるため、アニメーションや配色の練習がやりやすくなります。
完成品を増やすより、完成した1体を材料にして展開していくほうが、上達の土台になります。
ゲーム会社でドット絵グラフィッカーとして10年以上の経験を持つ。ファミコン・スーファミ時代のレトロゲームに影響を受け、現在はインディーゲームのアート制作を手がける。制作テクニックの体系化に情熱を持つ。
関連記事
ドット絵で空と雲を描く手順とコツ
ドット絵の空と雲は、32x32のような小さなキャンバスでは、グラデーションの色数不足がそのまま縞模様として出やすい題材です。Aseprite でベタ塗りの空を置くと帯が立ち上がりますが、境目にディザリングを足すだけで、色の切れ目がふっと消える手応えが生まれます。
ドット絵で海を描く|水平線と波しぶきの手順
海のドット絵は、水面だけを塗れば成立するものではなく、水平線・遠近の色帯・波やしぶき、反射まで含めて一枚の風景として組み立ててこそ海らしさが立ち上がります。横スクロールアクションの海背景を任されたときも、水面の塗り自体はできていたのに全体が平坦で、水平線と色帯を先に敷く順序に切り替えた瞬間に奥行きが出ました。
ドット絵で顔の表情を描き分ける方法
32x32のドット絵でキャラクターの表情を描き分けるとき、鍵になるのは顔全体ではなく目・眉・口の3パーツをどう動かすかです。鼻や輪郭、髪は基本固定のままでよく、32x32では上瞼を1px下げるだけで目つきが締まり、驚きなら瞳の下に白pxを1つ足すだけで印象が変わります。
ドット絵 手の描き方|指の省略とサイズ別設計
ドット絵の手は、実物のように5本指を再現しようとするとすぐ黒いカタマリになります。16x16のような小さなキャンバスでは1本の指に割ける幅が足りず、ゲーム会社で新人グラフィッカーに最初に「手を描き込むな」と教えたのも、この失敗を何度も見てきたからです。