マリオ ドット絵制作テクニック：ファミコン風から現代風まで
Masa
ドット絵アーティスト | 公開日: 2026年8月22日
マリオ ドット絵を自分で作るなら、最初から細部を写すのではなく、サイズを決めてシルエット、主色、陰影の順に組み立てるのが近道です。この記事では、ファミコン風の少ない色数から現代風の段階的な陰影まで、ドット絵 マリオを練習するときの考え方を実践順にまとめます。
目次
マリオ ドット絵で最初に決めること
マリオのように特徴がはっきりしたキャラクターは、細部を増やすほど似るとは限りません。小さく表示したときに、帽子の赤、顔の肌色、服の青、輪郭の濃色が分かれることのほうが重要です。まずは正面または少し斜めの立ち姿に絞り、ポーズや背景を後回しにしましょう。
キャラクター制作の基本は、人気キャラクターのドット絵作成ガイドでも解説しています。このページではその中でも、マリオのような「帽子と服の色が印象を決めるキャラクター」に合わせて、サイズとパレットの判断を深掘りします。
| 先に決める要素 | 初心者の基準 | 確認するポイント |
|---|---|---|
| 向き | 正面〜斜め45度 | 左右反転しても輪郭が崩れないか |
| 主役の色 | 赤・青・肌色・輪郭色 | 隣り合う色の明度差があるか |
| 背景 | 単色または透明 | キャラクターの輪郭が背景に埋もれないか |
| 表示倍率 | 原寸と整数倍 | ぼやけた補間が入っていないか |
16×16・32×32・64×64の選び方
サイズは「どこまで描き込みたいか」だけでなく、「どの用途で見るか」で決めます。SNSアイコンや小さなゲーム素材なら16×16でも練習できますが、顔の表情や手の形まで読ませたい場合は32×32が扱いやすいでしょう。64×64は装備やポーズを追加しやすい一方、色と影を増やしすぎるとまとまりにくくなります。
| サイズ | 向いている用途 | 制作の難しさ | マリオらしさの出し方 |
|---|---|---|---|
| 16×16 | 練習、アイコン、タイル | 高い | 帽子の赤と服の青を大きな面で残す |
| 32×32 | 立ち絵、SNS素材、ゲーム試作 | 標準 | 鼻・ひげ・手袋を数ピクセルで追加する |
| 64×64 | 表情、ポーズ、装備の描き込み | 低〜標準 | 影色を増やし、輪郭の段差を整える |
迷ったら、32×32で一度完成させてから、16×16へ縮小して特徴が残るかを確認します。逆に64×64から始めると、不要な1ピクセルを削る判断が難しくなります。サイズ別の考え方はドット絵描き方マスターガイドのキャンバス比較も参考になります。
マリオ ドット絵の作り方4ステップ
ここでは32×32pxを例に、1枚を完成させる順番を紹介します。各工程で全体を見て、細部を足す前に「原寸で読めるか」を確認するのがコツです。
1シルエットを一色で置く
頭、帽子、胴体、腕、足を濃い一色で置きます。この段階では目やボタンを描かず、帽子の張り出しと立ち姿の重心だけを確認します。
2主色を面で分ける
帽子とシャツは赤、オーバーオールは青、顔と手は肌色のように、役割ごとに大きな面を塗ります。色数は最初から増やさず、4〜5色で読ませます。
3顔と装備を追加する
目、鼻、ひげ、手袋などは「特徴を伝える最小のピクセル」として追加します。左右対称にしすぎると硬くなるため、まず片側を決めて反対側を調整します。
4影・ハイライトを整理する
影は細い線ではなく面で置き、帽子のつばや服の折れ目に絞ります。最後に原寸、200%、400%で見て、孤立した1ピクセルを整理します。
ファミコン風と現代風の違い
ファミコン風に寄せたい場合は、色数を抑え、輪郭を強くし、影を大きな塊で置きます。現代風に仕上げる場合は、同じ赤や青でも明るさの違う色を追加し、顔や服の立体感を段階的に作ります。どちらが正解というより、ゲーム画面のサイズと作品の目的に合わせて選ぶ考え方です。
| 項目 | ファミコン風 | 現代風 |
|---|---|---|
| 色数 | 4〜6色程度から始める | 8〜16色でも役割を保つ |
| 輪郭 | 濃色で太く、段差を明確にする | 場所によって輪郭色を変える |
| 陰影 | 1段の影を面で置く | 影・反射光・ハイライトを分ける |
| 向いている用途 | 小さなスプライト、レトロ演出 | 立ち絵、アイコン、鑑賞用作品 |
配色をさらに詰めるときは、ドット絵パレットの作り方で解説している明度差と影色の考え方が役立ちます。赤を単純に暗くするのではなく、影に少し紫や茶を混ぜると、画面が平坦になりにくいです。
ツールで作るときの設定
ブラウザやアプリでマリオ ドット絵を練習するときは、次の設定を先に固定します。最も重要なのは、斜め線を滑らかにするアンチエイリアスを切り、拡大表示を整数倍にすることです。
- キャンバス：まず32×32px、必要なら64×64px
- ブラシ：1pxのハードエッジ、アンチエイリアスなし
- 拡大表示：200%、400%など整数倍
- 書き出し：PNG、補間なし、透過の要否を確認
- 確認方法：原寸表示と縮小表示を交互に見る
写真やイラストをレトロ風に変換して輪郭の参考を作る場合は、レトロゲーム風変換ツールを使えます。ただし自動変換結果は完成品ではなく、輪郭や色の観察用の下絵として扱い、最終的なドット配置は手で整えると自然です。
よくある失敗と直し方
| 症状 | 原因 | 直し方 |
|---|---|---|
| 小さくすると誰か分からない | 帽子・顔・服の面積が同じ | 赤い帽子と青い服の比率を先に調整する |
| 全体がぼやける | 補間付き拡大やブラシ設定 | 最近傍表示、1pxブラシ、PNG書き出しを使う |
| 色が多くて散らかる | 影色を思いつくたびに追加 | 主色・影色・光の役割を決めて統合する |
| 顔だけ不自然になる | 目やひげを先に描き込みすぎる | いったん顔を肌色の面に戻し、特徴を1つずつ足す |
| 斜め線がギザギザしすぎる | 段差のリズムが不規則 | 1-2-2-1など段差のパターンを揃える |
公開・配布前に確認したい権利の注意
マリオやスーパーマリオに関係するキャラクター名、デザイン、ロゴ、ゲーム画面は、権利者の著作物です。個人の練習として楽しむ場合と、SNSで公開する場合、販売素材やゲームへ組み込む場合では確認すべき条件が変わります。
特に、公式画像のトレースやゲーム画面の切り抜きを自作素材として再配布すること、公式と誤認されるタイトルやロゴを付けることは避けてください。公開や収益化を考えるなら、任天堂のネットワークサービスにおける著作物利用ガイドラインなど、権利者が公開している最新の案内を確認し、判断が難しい場合は専門家へ相談しましょう。
よくある質問
マリオ ドット絵は何×何から始めればいいですか？
初めてなら32×32pxがおすすめです。16×16pxは輪郭の練習、64×64pxは表情や服の陰影を増やしたいときに向いています。
ファミコン風のマリオ ドット絵にするコツは？
色数を4〜6色程度に抑え、輪郭を濃くし、帽子・顔・服を大きな面として分けます。細いグラデーションより、形の読みやすさを優先してください。
スマホでもドット絵 マリオは作れますか？
作れます。1pxのハードブラシ、アンチエイリアスなし、整数倍ズーム、PNG書き出しに対応したアプリを選ぶと、ぼやけを防ぎやすくなります。
作った画像を販売・配布してもよいですか？
キャラクターの具体的なデザインや公式素材を使う場合は、利用範囲を自己判断せず、権利者の最新ガイドラインを確認してください。迷う場合は、オリジナルキャラクターに置き換えるのが安全です。
自動変換した画像をそのまま使ってもよいですか？
自動変換は輪郭や色の参考に使い、最終的には手作業でピクセルを整理するのがおすすめです。元画像の権利や、変換ツールの利用条件も確認してください。
まとめ
マリオドット絵制作の要点は、32×32px程度の小さなキャンバスで、帽子・顔・服のシルエットを先に読ませることです。ファミコン風なら少ない色と強い輪郭、現代風なら段階的な陰影を使い分け、最後は必ず原寸表示で確認します。
まずはこの記事の4ステップを使ってオリジナルの練習キャラクターを1体完成させ、次にドット絵作り方ガイドやサイズ別の制作ガイドで表現を広げてみてください。