レトロゲーム ドット絵の作り方：ファミコンからドラクエまで実践ガイド
Masa
ドット絵アーティスト | 公開日: 2026年10月12日
レトロゲーム ドット絵を作るときは、昔の画面を細かく写すより、画面サイズに合わせて「少ない色で形を読ませる」ことが先です。この記事では、ファミコン風、ゲームボーイ風、スーファミ風の違いを比べながら、16×16や32×32の小さなキャンバスでキャラクターや背景を組み立てる順番を紹介します。
目次
レトロゲーム ドット絵の特徴
レトロゲーム風とは、単に解像度を下げた絵ではありません。画面に表示できる色数、タイルの単位、スプライトの大きさ、背景とキャラクターのコントラストを先に制約し、その範囲で形を整理する表現です。1ピクセルの置き方が輪郭や表情を変えるため、拡大した状態だけでなく必ず原寸で確認します。
ファミコン風なら濃い輪郭と大きな色面、ゲームボーイ風なら4階調の明暗、スーファミ風なら段階的な陰影が目印になります。年代を完全に再現する必要はなく、作品の用途に合わせて制約を借りると、まとまりのあるドット絵になります。
- 輪郭はアンチエイリアスを切り、斜め線の段差を意図的に置く
- 色は役割ごとに決め、似た明るさの色を増やしすぎない
- 背景の情報量を抑え、主役のシルエットを先に読ませる
- 拡大表示は200%、400%など整数倍にして補間を避ける
サイズと色数の決め方
サイズは描き込み量ではなく、表示される場所から逆算します。小さな敵やアイコンは16×16、立ち絵やSNS画像は32×32、表情や装備を見せたい場合は64×64が扱いやすい基準です。最初から大きく描くと情報を足し続けてしまうため、32×32で完成させてから必要な場合だけ拡大する方法が安全です。
| 用途 | 開始サイズ | 色数の目安 | 確認ポイント |
|---|---|---|---|
| 小さな敵・アイコン | 16×16 | 4〜6色 | 輪郭と主色だけで識別できるか |
| キャラクター立ち絵 | 32×32 | 6〜12色 | 顔、服、手の位置が読めるか |
| 装備・表情の描き込み | 64×64 | 8〜16色 | 影色が主色と混ざっていないか |
| 背景タイル | 8×8〜16×16 | 4〜8色 | 繰り返しても模様が目立ちすぎないか |
色を選ぶときは、明るさの順番を先に作ります。輪郭、影、主色、明るい面、ハイライトの役割が分かれていれば、色相を少し変えても画面が崩れません。詳しい配色はドット絵パレットの作り方でも確認できます。
レトロゲーム風ドット絵の作り方5ステップ
ここでは32×32のキャラクターを例にします。各工程で一度保存し、前の段階へ戻せるようにしておくと、色を増やしすぎたときも修正しやすくなります。
1用途と向きを決める
ゲーム画面、アイコン、会話画面など、最終表示を一つに絞ります。正面か斜め45度の立ち姿から始めると、左右のバランスを確認しやすくなります。
2一色でシルエットを置く
頭、胴体、腕、足、持ち物を濃い一色で配置します。目や模様はまだ描かず、原寸でキャラクターの役割が伝わるかを確認します。
3主色を面で分ける
肌、服、髪、装備のように意味のある面へ色を割り当てます。隣り合う色の明度差を確保し、同じ明るさの色を輪郭の横に置かないことがポイントです。
4影と特徴を足す
影は細い線ではなく面で置き、顔や武器など識別に必要な特徴を数ピクセルで追加します。ハイライトは一番明るい色を置く場所を絞ります。
5原寸と整数倍で確認する
原寸、200%、400%を切り替え、孤立した1ピクセル、色の飛び出し、背景に埋もれる輪郭を整理します。左右反転や縮小表示も仕上げのチェックになります。
背景を作る場合は、キャラクターと同じ密度にしないことが大切です。8×8や16×16のタイルを一つ作り、上下左右に繰り返しても継ぎ目が目立たないか確認します。床や壁の明暗を一段に抑えると、スプライトの動きが見やすくなります。
動きとタイルをレトロゲーム用に整える
ゲーム素材として使うなら、1枚の完成度だけでなく、複数枚を並べたときの一貫性も確認します。歩行なら足元の基準線、攻撃なら武器を振る中心点を決め、フレームごとに頭の高さとキャンバス位置を固定します。差分を大きくしすぎるとカクつき、差分が小さすぎると動きが止まって見えるため、まず2〜4フレームで試すと調整しやすいです。
スプライトシートへまとめるときは、各フレームを同じ幅と高さにそろえ、余白のルールを先に決めます。透明部分がフレームごとに違うと、ゲーム側で原点がずれてキャラクターが揺れて見えます。足元、影、攻撃判定などゲーム側で別管理する要素は、絵に焼き込むかどうかを仕様書に書いておきます。
ファミコン・ゲームボーイ・スーファミの違い
| スタイル | 表現の軸 | 向いている題材 | 制作時の注意 |
|---|---|---|---|
| ファミコン風 | 強い輪郭と大きな色面 | 小さなキャラ、タイル、UIアイコン | 色数を増やす前に形を整える |
| ゲームボーイ風 | 4階調の明暗と緑系の統一 | モノクロ演出、短いゲーム画面 | 中間色を増やさず明暗差を作る |
| スーファミ風 | 複数段の陰影と背景の奥行き | RPGの立ち絵、風景、演出画面 | 主役と背景のコントラストを保つ |
作品名やキャラクターを練習するときは、公式画像の輪郭をそのまま再配布するのではなく、特徴を抽象化したオリジナル題材に置き換えるのが安心です。ファンアートを公開する場合も、各作品のガイドラインと投稿先の規約を確認し、公式素材と誤認される表現を避けます。
書き出しとゲーム素材への利用
完成した画像は、用途に応じてPNGまたは連番PNGで保存します。透明背景が必要なスプライトはアルファを確認し、JPEGは輪郭に圧縮ノイズが出るため避けます。拡大版を作るときは最近傍補間を選び、200%、400%の整数倍率で書き出してください。
- キャラクター：原寸PNG、拡大確認用PNG、必要なら左右反転版
- アニメーション：同じキャンバスの連番PNGまたはスプライトシート
- タイル：端がつながるかを並べて確認し、余白の有無を仕様化
- UI：文字を画像に焼き込まず、ゲーム側で表示する設計も検討
無料素材を組み合わせる場合は、商用利用、改変、クレジット表記、再配布の可否を一つずつ記録します。ライセンス表記が見つからない素材はゲームへ組み込まず、作者の配布ページを保存して確認できる状態にしておきます。クリエイティブ・コモンズの種類は公式ライセンス一覧で確認できます。
写真やラフから色と輪郭の参考を作りたいときは、レトロゲーム風変換ツールで下絵を作り、最終配置は手作業で整える流れが便利です。変換ページは入力画像を加工するツール、この記事は仕様を決めて素材を仕上げる手順という役割の違いがあります。
よくある失敗と修正方法
| 症状 | 原因 | 直し方 |
|---|---|---|
| 拡大するとぼやける | 線形補間や半端な倍率 | 最近傍補間と整数倍率に戻す |
| キャラが背景に埋もれる | 明度差が小さい | 輪郭色か背景色を一段明るく・暗くする |
| 色が多くて散らかる | 役割のない近似色を追加 | 影、主色、ハイライトの順に整理する |
| 動かすと形が揺れる | フレームごとに基準線が違う | 足元と頭の高さを固定して差分だけ変える |
迷ったら、いったん色を4色まで減らし、シルエットだけで読めるかを確認します。問題が形なのか色なのかを分けて考えると、闇雲に描き直さずに済みます。サイズごとの練習順はドット絵描き方マスターガイドにもまとめています。
よくある質問
レトロゲーム風ドット絵は何ピクセルから始めるべきですか？
32×32pxが扱いやすい基準です。16×16は形を整理する練習、64×64は表情や装備を足す段階として使い分けると、描き込み過ぎを防げます。
ファミコン風にするには色を何色にすればよいですか？
最初は4〜6色で十分です。輪郭、影、主色、明るい面を分け、必要な場所だけ色を追加してください。色数より明度差のほうが読みやすさに影響します。
ゲーム素材として使う場合、PNGとGIFのどちらがよいですか？
静止画スプライトは透明PNG、短いアニメーションは連番PNGやスプライトシートが基本です。GIFは確認用には便利ですが、ゲームエンジンへ組み込む前に必要な形式へ変換します。
既存ゲームのキャラクターを参考にしても問題ありませんか？
練習と公開・販売では扱いが異なります。公開する場合は公式ガイドラインと投稿先の規約を確認し、公式素材の直接加工や公式作品と誤認される説明を避けて、オリジナルの練習題材を使うのが安全です。
まとめ
レトロゲーム ドット絵は、低解像度の雰囲気を足すことより、用途に合うサイズ、限られた色、読めるシルエットを先に決めると作りやすくなります。32×32pxで一色の形を作り、主色、影、特徴、原寸確認の順に進めれば、ファミコン風からスーファミ風まで同じ考え方で展開できます。最後は書き出し設定とライセンスを確認し、ゲーム画面で実際に読めるかを確かめてから公開しましょう。
関連記事
- マリオ ドット絵制作テクニック：キャラクターの輪郭と配色を練習する
- ドラクエ ドット絵の作り方：RPGキャラクターのサイズと装備を考える
- ドット絵アニメーション フリー素材ガイド：素材の形式と利用規約を確認する