テクニック

ドット絵 金属の描き方|光・ハイライトと反射

更新: 高橋 ドット
テクニック

ドット絵 金属の描き方|光・ハイライトと反射

32x32の剣アイコンを詰めているとき、刃のエッジに1pxだけ白寄りの強いハイライトを置いた瞬間、ただの灰色が急に鋼へ変わる場面があります。金属がプラスチックに見えてしまう原因は感覚論ではなく、ピクセル単位の置き方でほぼ説明できます。

32x32の剣アイコンを詰めているとき、刃のエッジに1pxだけ白寄りの強いハイライトを置いた瞬間、ただの灰色が急に鋼へ変わる場面があります。
金属がプラスチックに見えてしまう原因は感覚論ではなく、ピクセル単位の置き方でほぼ説明できます。

この記事は、32x32または64x64の制限サイズで、4〜6色だけを使って金属感を出したい人向けの実践ガイドです。
光源を左上に固定したうえで、円柱・平面・エッジの3形状ごとに、ハイライトと反射をどこへ何pxで置くかを明文化します。

同じパレットでも、箱を描くのか円柱を描くのかで反射の向きが変わるだけで、素材感ははっきり分かれます。
PNGやGIFでの保存、JPGを避ける理由、ディザリングを入れる場面まで押さえれば、読んだ直後にそのまま練習へ移れます。

ドット絵の金属表現で押さえたい3つの原則

金属感は、色そのものより光の切れ方で決まります。
灰色を均一に置いただけの面が金属に見えにくいのは、金属が鏡面として周囲を映し込み、局所的に明暗が急に切り替わるからです。
布や石のようにゆるやかな階調でつなぐと、硬さよりも曇りやざらつきが先に立ちます。
ドット絵ではこの差がそのまま素材差になるので、金属だけは「丁寧にぼかす」より「意図的に跳ねる明暗」を作った方が当たりやすいのが利点です。

  1. 明暗差を強く取り、最明部は白寄りまで上げる

まず押さえたいのは、高コントラストです。
中間のグレーを何段も並べるより、明るい側と暗い側をはっきり分けた方が鋼やメッキの硬さが出ます。
特に最明部は、ベース色の延長で少し明るくする程度では足りません。
白そのもの、あるいは白に近い高明度色まで踏み込んで、1px幅のハイライトを置くと金属面の反射が立ち上がります。

32x32の刃物や鎧の面では、この1pxが質感を決める場面が多いです。
実際に比較すると、2px幅の明るい帯は「光っている面」に見えますが、1pxに絞った瞬間に「磨かれた面」に変わります。
前者は面として発光して見え、後者は鋭い反射に見えるからです。
自分も比較図を作るとき、同じ明度差のままハイライト幅だけ2pxから1pxへ狭めたところ、つるつるした印象が一段強まりました。
色を足したというより、反射の輪郭が締まった結果です。

  1. ハイライトは細く強く、急に切り替える

金属らしさを作る二つ目の軸は、強いハイライトの入れ方です。
円柱なら帯状、平面なら面の軸に沿って、エッジなら境界線に貼り付くように細く置きます。
ここで効くのは、なめらかなグラデーションではなく、明部と暗部の急な切り替えです。
特に低解像度では、ぼかしたつもりの中間色が「鈍い灰色の段差」に見えやすく、金属特有の鏡面感を弱めます。

曲面のパイプや銃身を描くときは、明るい帯を中央付近か光源寄りに1本通し、その隣をすぐ中間色、さらに影へ落とすと帯の反射として読み取れます。
剣の腹のような平面では、面全体を均等に明るくするより、面の向きに合わせて細いハイライトを片側へ寄せた方が硬い板金に見えます。
エッジはさらに顕著で、境界に沿って1pxの白寄りラインを走らせるだけで刃先や角の鋭さが出ます。
金属の光は「広く明るい」よりも「狭く刺さる」と覚えると崩れません。

💡 Tip

迷ったら、ハイライトの幅を先に削ります。色数を増やす前に幅を1pxへ詰めるだけで、プラスチック寄りだった面が金属へ寄ることがよくあります。

  1. 影側にも細い反射を残し、黒ベタを避ける

三つ目は、周囲の反射です。
金属は明るい側だけで完結せず、影側にも環境光の返りがあります。
ここを真っ黒に潰すと、重い鉄ではなく「穴の開いた黒」や「塗りつぶしただけの影」に見えます。
影の縁や面の下側に1〜2pxの細い反射を残すと、鏡面が周囲を拾っている感じが出ます。

円柱では、主ハイライトの反対側に細い明るめの線を一本置くだけで、丸さと金属感が同時に立ちます。
平面なら上下端や面の切り替わり部分に、暗部より少しだけ明るい反射色を差すと、黒ベタ感が消えて面として読めます。
エッジでは、明側の白ラインほど強くなくても、影側に細い返り光を残すだけで厚みが見えてきます。
ただし映り込みを細かく刻みすぎると、今度は素材より模様が目立つので、32x32では「主ハイライト1本+影側反射1本」くらいの整理で十分です。

色選びも質感に直結します。
銀は青み寄りのグレー、金は黄から橙、銅は橙から赤、鉄は中性寄りかやや青みで組むと金属の種類が伝わります。
ただし、ここで先に見るべきは色相差ではなく明度差です。
銀っぽい青グレーを使っても、全体の明るさが均一なら金属にはなりません。
反対に、色味が控えめでも白寄りの最明部と深い影が成立していれば、金属として読める土台ができます。
色相は種類を分ける要素で、素材感そのものは明暗設計が先です。

図版では、円柱・平面・エッジの3形状を同じ32x32内に並べ、どこにハイライトが乗るかを比較すると理解が早まります。
alt は「円柱・平面・エッジの3形状におけるハイライト位置の比較図(32x32内、1px線が強調された見本)」としておくと、本文の要点と噛み合います。
1px線がどれだけ素材感を変えるかは、この手の並列図にすると一目で伝わります。

準備:32x32で試すパレットと光源設定

練習の出発点は、条件を先に固定してしまうことです。
金属表現は反射や明暗差の話に見えて、実際には「どのサイズで、何色で、どの向きから光を当てるか」が曖昧なままだと再現がぶれます。
ここではまず 32x32 のキャンバスを基準にします。
1ピクセル単位の判断がそのまま見た目に返ってきて、修正量も少なく、金属のハイライトと影の関係を覚えるにはちょうどいい密度だからです。
慣れてきたら 64x64 に広げると、面の分割や反射の入れ方をもう一段細かく試せます。
補助課題として 16x1624x24 を挟むのも有効で、16x16は省略の訓練、24x24は32x32へ行く前の中継点として扱えます。

32x32で何度も詰めていると、色数の多さよりも1pxの置き場所の方が印象を動かす場面にすぐ出会います。
特に銀の刃や金属パイプでは、白寄りのハイライトを1pxずらしただけで、磨かれた鋼にも鈍い灰色にも転びます。
小さい画面では色を足すより先に、どのピクセルを最明部にするかを決めた方が結果が安定します。
この感覚をつかむには、最初から大きいサイズへ行くより32x32の方が向いています。

光源は左上に固定します。
理由は単純で、ハイライトと影の向きを毎回迷わずに済むからです。
剣、盾、円柱、箱型のパーツを並べたときも、左上光で統一しておけば「明るい面は上と左、暗い面は下と右」という基準が崩れません。
複数モチーフを同じ画面に置いたときの整合性も保てますし、以降の作例もこの左上光を前提にすると比較がしやすくなります。
金属は反射の自由度が高い素材ですが、練習段階では自由度を増やすより、判断基準を一つに絞った方が身につきます。

図を入れるなら、32x32のキャンバス上に左上を示す光マークを置き、横に4〜6色の青みグレーのパレット見本を並べた構成が噛み合います。
altは「32x32キャンバス、左上光マーク、4〜6色パレット見本(青みグレー階調)の図」としておくと、本文の前提条件がそのまま伝わります。

保存形式

保存形式はPNGを基本にし、制限色で扱うならGIFも相性がいいです。
どちらもピクセル単位の輪郭と色面を保ったまま扱えるので、ドット絵の見た目が崩れません。
GIFは最大256色までという制約がありますが、この制約はむしろドット絵向きで、少ない色数で組む練習と噛み合います。

JPGは避けます。
非可逆圧縮によって輪郭の周囲ににじみやノイズが入り、1pxで置いたハイライトやエッジの線が濁るからです。
金属表現では、白寄りの1pxと隣接する暗部の切れ味が質感そのものになります。
ここに圧縮ノイズが混ざると、せっかく作った鋭い反射がぼやけて、灰色の面に戻って見えます。
特に32x32のような小サイズでは、その崩れが画面全体に直結します。

作業途中の確認用でも、最終出力でも、まずPNGで持っておくと安全です。
アニメーションや色数制限の学習を兼ねるならGIFも選択肢に入りますが、JPEG圧縮の恩恵はこの用途ではほぼありません。

パレット

使用色数は、まず4〜6色程度から始めるのがちょうどいいところです。
金属用としては、ベース色、影色、最暗部、ハイライト、必要なら反射用の色を割り当てれば、基本の構造が作れます。
6色あると明るい側と暗い側のつなぎを1段増やせますが、最初から増やしすぎると「どの色で立体を読むのか」がぼけます。
32x32では特に、色数を増やすことより、限られた色をどこへ置くかの方が結果を左右します。

今回の練習では、銀系の青みグレーを4〜6色選ぶのが扱いやすいのが利点です。
中性グレーだけで組むと、無機質ではあっても金属の冷たさが弱く見えることがあります。
ほんの少し青へ寄せたグレーにすると、銀や鋼の印象が立ちやすく、白寄りのハイライトも浮きすぎません。
影色も単なる黒ではなく、ベースより深い青みグレーにしておくと、暗部だけ別素材に見えるのを防げます。

既存の制限色パレットを参照する方法も有効です。
パレット「AAP-64」は64色で、中間階調や寒色の選択肢が豊富なため金属の練習に向きます。
ただし配布元ページで作者情報やライセンス表記を確認してから使用してください。
パレット「EGA」の16色は歴史的な制約が強く、階調の少なさをどう補うかを学ぶ訓練に向いています。
基礎訓練としては、16色4階調に絞る練習も価値があります。
金属感は色数の豊かさだけで決まらず、白寄りの最明部と深い暗部の関係が成立しているかで決まるからです。
4〜6色で銀を成立させられると、その後に色数を増やしても迷いにくくなります。

ℹ️ Note

4色で始めるなら「ベース」「影」「最暗部」「ハイライト」の4役を先に固定し、5色目と6色目は中間のつなぎか反射専用に回すと、色の役割が崩れません。

ツール設定

ツールはシンプルで十分です。
使うのは1pxのペンシルグリッド表示スポイト塗りつぶしの4つが中心になります。
これだけあれば、金属表現に必要な「線を1pxで制御する」「同じ色を即座に拾う」「面を素早く置く」が一通りできます。
高機能なブラシを増やすより、1ピクセル単位で確実に打てる状態を作った方が、今回の練習には合っています。

設定で外しておきたいのは、自動アンチエイリアスです。
境界に自動で中間色が入ると、どの色が自分の意思で置かれたのか判別しにくくなります。
金属のエッジは、輪郭の切れ味がそのまま硬さになります。
自動でぼかすと、刃先や角の反射が鈍って見えます。
境界をなめらかにしたい場面があっても、まずはOFFのまま進め、必要な箇所だけ手動で1pxの中間色を挟む方が結果をコントロールできます。

Asepriteのようなピクセル向けツールでも、PhotoshopやCLIP STUDIO PAINTのような汎用ソフトでも、設定の考え方は同じです。
ブラシは硬い1px、補間は切る、表示は整数倍で確認する。
この状態なら、左上から来る光に対してどのピクセルを最明部にするかが見失われません。
金属は面の描き込み量より、反射の位置の正確さで説得力が出るので、ツール側で余計な補正を入れない環境の方が向いています。

円柱の金属を描く:帯状ハイライトと暗部の切り替え

32x32の中で金属の丸みを掴むなら、まず縦向きの円柱から入るのがいちばん明快です。
対象はパイプや銃身のような形で、光源は左上に固定します。
円柱は断面が一定なので、どこで明るくなり、どこで暗く落ちるかを帯として観察できます。
金属らしさは、面全体をなめらかにぼかすことではなく、明部が細く立ち、暗部へ急に切り替わることで立ち上がります。

影色はベースよりやや低め(目安として一段〜二段落ち)に置くと、素材感を保ったまま暗さだけを作れます。
そこからさらに輪郭寄り2〜3px幅に最暗部を入れると、丸い断面が「光を受ける帯」と「光が切れる帯」に分かれます。

円柱の金属で中央や端に細い明部帯を入れる理由は、光が面に均一に乗らないからです。
鏡面に近い素材では、明るい領域は広がらず、見る角度に合った場所だけが鋭く光ります。
円柱なら、断面の法線が観察者へ向く位置にその反射が集まりやすいので、中央か、少しだけ光源側へ寄った位置に1pxの帯状ハイライトを置くと、丸さと金属感が同時に出ます。
ここを2px以上に広げると、反射ではなく明るい塗り面に見えて、急にプラスチックや塗装面へ寄っていきます。

自分でもこの差は何度も確認していて、同じ32x32の円柱でも、1pxのハイライトを端寄りに置いたときは「横を向いた細い面」に見えやすく、中央寄りへ1pxだけ動かした瞬間に、こちらへ張り出した丸みとして読めるようになります。
たった1pxの移動でも、断面の向きが一目で変わって見えるのが円柱の面白いところです。
金属の練習では、この見え方の変化が最もつかみやすい題材です。

配置の考え方

基本の幅は、明部は細く、暗部はやや広くです。
左上から光が来るなら、左半分から中央手前まではベース色が主役になり、右側へ向かうほど影色の面積が増えます。
そのうえで、影側の縁に最暗部を1〜2px重ねると、丸い断面の終わりが締まります。
暗部を広めに取り、明部を線として扱うと、金属特有の切り替えが出ます。

もうひとつ欠かせないのが、影の中にも弱い反射を残すことです。
金属は暗い側がただ沈むのではなく、周囲の床や空気、背景色を拾って細く戻ってきます。
右端のリムに1pxだけ弱い反射光を置くと、影が潰れず、素材が鈍く光っている感じが出ます。
ここが真っ黒で途切れると、金属の反射体というより、黒く塗った固体に見えやすくなります。

具体的な手順

  1. まず円柱全体をベース色で塗ります。32x32なら、縦長の本体を素直なシルエットで置き、先に輪郭を安定させます。
  1. 次に右側へ影色を2〜4px幅で入れます。左上光源なので、右半分に向かって暗くなる流れを作ります。この時点ではぼかさず、帯として割り切って置いた方が形が読みやすくなります。
  1. 影側の縁に、最暗部を1〜2pxで重ねます。位置は輪郭寄りです。ここで急峻な切り替えを作ると、円柱の終端が硬く締まり、銃身や金属パイプの密度が出ます。
  1. ハイライトを中央付近に上下連続の1px線で通します。中央ぴったりでも成立しますが、少しだけ光源側へ振ると、左上から光を受けている印象が強まります。一直線に通してもよいですし、数カ所だけ1px抜いて途切れを作ると、研磨ムラや使用感が出ます。
  1. 影側の縁に反射光を1px入れます。最暗部のさらに外側、あるいは隣に置くイメージです。ここはハイライトほど白くせず、ベースより少し明るいか、環境色を感じる弱い色に留めると自然です。

💡 Tip

ハイライト線は「明るい面」ではなく「反射の筋」と考えると幅を保てます。1pxで通し、広げたい気持ちは影色との境界で抑えると、金属の切れ味が残ります。

この順番で組むと、色の役割が崩れません。
ベースから直接ハイライトへ飛ぶのではなく、ベース→影→最暗部→反射光という暗い側の構造を先に作っておくと、1pxのハイライトが生きます。
金属感は明るい線そのものより、その両側にある暗さとの対比で決まるからです。

32x32程度の小さなサイズでは、全面をなめらかなグラデーションで埋めると、かえって非金属に見えます。
円柱の金属は、空気遠近のような柔らかい移行ではなく、帯と帯の関係で見せた方が強いです。
とくに16色級の制約では中間トーンが多くないので、滑らかさを追うより、どこを切り替えるかを決めた方が形が立ちます。
逆にAAP-64のような64色パレットを使うと中間色の余裕は増えますが、それでも円柱の金属では段差を弱めすぎない方が見栄えが保てます。

図のaltは、「32x32円柱。
中央に1pxの縦ハイライト、右縁に最暗部2px、さらに右端に1pxの反射光を入れた例」
としておくと、構造がそのまま伝わります。
読者が見るべき点は、中央の細い光ではなく、その右側に連なる暗部との切り替えです。
そこが噛み合うと、ただの灰色の棒が、一気に冷たい金属へ変わります。

平面と角の金属を描く:面ごとに反射方向を変える

剣の刀身や盾、金属箱のような平面主体の金属は、円柱よりも「どの面がどちらを向いているか」を明快に見せることで質感が立ちます。
丸い面では帯の位置が形を語りましたが、平面では面の軸に沿ったハイライトが役割を持ちます。
面そのものを白く塗るのではなく、その面に走る反射の向きを決めて細く通すと、ただの灰色の板が、研磨された鋼板や刃に変わります。

32x32の箱を描くときも考え方は同じです。
上面、正面、側面を全部同じ方向の明線で処理すると、立体としては成立しても、材質が紙箱や石箱へ寄りやすくなります。
そこで各面ごとに反射の流れを分けます。
たとえば左面には45度の斜めハイライト、右面には-45度の斜めハイライトというように、角度を反転させるだけで、隣り合う面が別方向を向いていることが即座に伝わります。
面の境界で光の流れが切り替わること自体が、硬い金属の説得力になります。

この差は、同じパレットのまま角度だけを入れ替えるとよく分かります。
色数も明暗差も変えていないのに、45度と-45度の向きを面ごとに分けた瞬間、箱の角が立ち、稜線が締まって見えます。
逆に両面を同じ角度で流すと、角張り感が少し緩み、ひとつの大きな面に見えやすくなります。
自分の作業でも、質感が弱い箱は色ではなくハイライトの向きを見直すと解決することが多く、面の向きと反射方向を対応させるだけで情報量が増えます。

面ごとに反射方向を変える

平面金属のハイライトは、光源方向そのものをなぞるというより、その面の軸に沿ってどこへ反射が走るかで考えるとうまくまとまります。
剣の刀身なら、刃の長さ方向に細い明線を走らせるだけでも金属らしさは出ますが、中央の面と峰側の面で少し角度を変えると、研磨面が分かれている印象になります。
盾や箱でも、面の広い側は対角線気味、細い側は縦寄りや横寄りというように、面積と向きを見ながら調整すると読み取りやすくなります。

ここで効くのが、面ごとの「反転」です。
左面を左上から右下へ流すなら、右面は左下から右上へ返す。
つまり45度と-45度の対比です。
この反転があると、読者の目は線の傾きだけで面の切り替わりを拾えます。
剣の中央面と刃の面、箱の前面と側面、盾の中心面と縁取りでも同じで、向きの違う細い反射が並ぶと、硬い折れ面として認識されるわけです。

エッジに入る強い反射

平面金属は、面の中のハイライトだけではまだ少し弱く見えることがあります。
そこで効くのが、エッジに入る1pxの強い反射です。
刀身の刃、箱の稜線、盾の外周のように、形が切り替わる場所へ白寄りの1pxを置くと、金属特有の鋭さが一気に出ます。
とくに刀身は、この1pxがあるかないかで「灰色の板」と「研いだ刃物」の差がはっきり出ます。

ただし、全部の辺を同じ強さで囲むと、発光した縁取りに見えてしまいます。
稜線の中でも、光を拾いそうな場所だけを選びます。
上から光が来るなら上辺や左上寄りの角、あるいは刃の走るラインに限定する方が、金属の反射として自然です。
箱の四辺を均一に白くするより、要点のエッジだけを白寄り1pxで締める方が、面の差も残せます。

ℹ️ Note

エッジの1pxは「輪郭線」ではなく「映り込み」として置くと迷いません。輪郭を明るくするのではなく、そこに明るい環境が映ったと考えると、入れる場所が絞れます。

境界線を明るくするケース

面と面の境い目が暗線で分かれるとは限りません。
磨かれた金属では、境界線そのものに明るい反射が乗る場面があります。
たとえば箱の上面と前面の境目に、天井や空の明るさが細く映り込むと、稜線の1pxだけ明るく見えます。
この処理は、エッジを白く縁取るのとは少し違って、面と面の間に挟まった反射の筋を描く感覚です。

ここでも全部の境界を明るくすると、情報が飽和します。
上面と前面の境目、刀身の面が切り替わる線、盾の縁の一部など、見せ場だけに限定すると効果が残ります。
暗い面の中に突然1pxの明線が入ると、そこが鏡面として機能し始めるので、少ないドットでも材質の密度が上がります。

32x32の金属箱で組む例

32x32の金属箱なら、上面には左上から右下へ走る細い明線を1px入れると、水平面の反射が出ます。
手前面はベース色を主に置き、その右側へ影色を足し、さらに右端1pxを最暗部で締めると、平面の終わりが見えます。
右面は全体を少し暗めに保ちながら、下端にだけ反射の1pxを残すと、床や周囲の明るさを拾った感じが出ます。
これで上面、前面、右面の反射方向がばらけ、三つの面が別々の角度を向いていることが小さいサイズでも伝わります。

剣の刀身に応用するなら、中央の平らな面には長手方向の細い明線、刃の境界には白寄り1px、峰側の面には反対向きの弱い反射を置くと、面構成が整理されます。
盾でも中央の膨らみではなく、面取りされた縁の反射方向を変えると金属感が伸びます。
箱、盾、剣、銃身の受け部分のような平面と角が混ざるモチーフでは、色数を増やすより、面ごとに反射方向を切り替える方が効きます。

図のaltは、「32x32金属箱。
面ごとに向きが異なる細いハイライト、エッジの1px強調、影面の下端に1px反射が入った例」
としておくと、見るべき要素が一文で伝わります。
読者が注目する点は、明るさそのものより、面ごとに線の向きが変わっていることです。
そこが揃うと、平面の集まりがただの立方体ではなく、冷たい金属の塊として読めるようになります。

少ない色で反射を見せる:ディザリングと色の省略

色数が足りないとき、中間色を1色追加できれば楽ですが、制限の強いパレットではそれができません。
PICO-8やEGAのような16色前後の運用では、金属に割ける色数も限られます。
そこで候補に上がるのがディザリングですが、金属では使い方を少し間違えるだけで、反射ではなくノイズに見えます。

2色だけで補う理由

金属の見え方は、なめらかなぼかしよりも、明暗の切り替え位置に支えられています。
前のセクションで触れたエッジの反射や面ごとの急な切り替えが主役で、ディザリングはその隙間を埋める補助です。
だから混ぜるなら、影色とベース色、あるいはベース色と弱い反射色のように、隣り合う2色だけに限定します。
ここが3色になると、画面上では粒の集合として先に認識され、反射方向よりパターンが目立ちます。

実作業でも、同じ解像度のままディザを足して、少し引いて、また足してを繰り返すと境目がよく分かります。
ある一点を越えた瞬間に、金属の面が「粗い反射」ではなく「曇った面」に変わります。
この臨界点を一度体で覚えると、どこまでなら鏡面感を残せるか判断が早くなります。
金属のディザは入れる技術というより、止める位置を見極める技術に近いです。

均一な市松を避ける

ありがちな失敗は、50%の均一な市松模様で中間調を作る方法です。
たしかに明度は中間に見えますが、金属面では「半分ずつ混ぜた模様」として読まれやすく、反射の流れが止まります。
とくに広い平面や刀身のような整った面では、きれいな市松ほど人工的な柄に見えます。

その代わり、2x1や1x2の短いラインを崩しながら混ぜると、粒ではなく面の粗さとして受け取られます。
不規則配置を少し混ぜるのも有効です。
ただし全面に広げるのではなく、鏡面感を壊さない範囲で局所的に使います。
エッジ、白いハイライト帯、反射の細線には置かず、面の中腹や影へ移る途中の薄い中間域だけに留めると、金属の骨格を保ったまま色不足を補えます。

⚠️ Warning

Asepriteのパターンブラシを使う場合も、そのまま敷き詰めるより密度を落として手で崩した方がまとまります。自動スプレーのように散らすのではなく、1px単位で「ここだけ粗くしたい」という場所に置くと、面の意図が残ります。

向いている金属、向かない金属

ディザリングが向くのは、荒れた金属、くすんだ金属、少し酸化した金属です。
そうした表面は反射が均一ではないので、わずかな粒感が質感として働きます。
広い面の中間調が欲しいときにも有効で、色数が少ないまま「ベタ塗り一枚」から抜け出せます。

逆に、鏡面に近い金属では使用量を最小限に抑えます。
つるつるした鋼や研磨された刃は、ディザでなだらかに見せるより、明るい帯と暗部の急な切り替えで見せた方が金属らしくなります。
AAP-64のような64色パレットなら中間色をもう1段足して処理できる場面でも、16色運用では擬似階調に頼りたくなります。
ただ、鏡面金属では「色が足りないから混ぜる」より「切り替えを鋭くする」方が結果が良い場面が多いです。

32x32の箱で入れる位置

32x32の金属箱なら、手前面の中央あたりにだけ、ごく疎な2色ディザを置くと効果が出ます。
目安としては中央4x8px前後の小さな範囲に、影色とベース色だけで粗さを加える形です。
これで手前面が少し擦れた金属に見えます。
上辺のハイライト帯や、角の1px反射には使いません。
そこに粒が乗ると、せっかく立てた稜線が鈍ります。

たとえば前面の左寄りはベース色を保ち、中央だけに影色を1pxずつ点在させ、右側の暗部へ入る手前で止めます。
こうすると「面の中央にわずかな荒れがある」という情報だけを足せます。
右端の締まった暗部や、上面との境界線はそのまま硬く残るので、箱としての金属感は崩れません。

図のaltは、「同じ金属面を3つ並べ、左はディザなし、中央は影色とベース色の2色ディザ、右は均一な市松の悪い例。
中央だけが粗い金属として読め、右は模様に見える比較図」
としておくと、差がひと目で伝わります。

金属の種類別に色を変える:鉄・銀・金・銅

ここで効いてくるのが、金属ごとの色の振り分けです。
グレー一辺倒のままでも鋼っぽさは出せますが、銀も金も銅も同じ反射構造で塗っているのに色味だけ違う、という状態まで持っていくと、一気に素材の説得力が上がります。
順番としては、先に色相を考えるのではなく、まず明度差で急な切り替えを作ることです。
金属感は色相差より先に、明るい帯と暗部の落差で決まります。
その骨格が立ってから、銀なら青み、銅なら橙寄り、金なら黄から橙へ寄せていきます。

銀とスチールは青みグレーで冷たさを足す

たとえば #2a3440#4d5d70#6e8399#aebdcc#f2f6fb のような青みグレーは、同じ円柱でも温度感が下がり、硬い反射として読まれます(以下は一例です。
パレットに合わせて調整してください)。

実制作でも、銀のハイライトを単純な白にしたときより、少し青を含んだ高明度色に置き換えたときの方が、光っている量は同じなのに金属感が一段強く見えます。
視覚上は「明るい」だけでなく「冷たい反射」として受け取られるからです。
刃物、パイプ、機械のロッドのような素材では、この寒色寄りのハイライトが効きます。
白を頂点にしたくなる場面でも、1段手前の青白い色を主役にすると、プラスチックっぽい乾いた光から離れられます。

金は黄から橙へ振り、明暗差を強く取る

金は黄色にすれば見える、という素材ではありません。
黄色一色で塗ると、つやのある塗装やおもちゃの表面に寄りやすくなります。
金らしく見せるには、暗部をしっかり落とし、ハイライトまでの落差を大きく取る必要があります。
色の並びは一例として #3d2b00#8c5f00#b9840a#e5b740#fff3a6 のように、暗い茶寄りの黄から明るいクリーム寄りまで広げると安定します(あくまで参考色です)。

金属としての金は、黄だけでなく橙も混ぜた方が厚みが出ます。
とくに中間色をやや橙に寄せると、装飾品のような柔らかい金ではなく、反射の強い金属面としてまとまります。
前述の円柱構造にそのまま当てはめるなら、中央の明るい帯は細く保ちつつ、暗部を深くしてコントラストを立てます。
金は素材の色自体が強いので、銀以上に「急な切り替え」が見栄えへ直結します。

銅と青銅はオレンジ寄りに、少しくすませる

銅や青銅は、見た目の印象だけなら赤茶でも通りますが、そのままだと木や革の色域と重なりやすくなります。
金属として切り分けるには、橙から赤へ寄せつつ、少しくすみを混ぜるのが効きます。
一例: #3a1f14#6a2f1a#8a4a22#b56a35#f1c89a
これらは参考例なので、実際のパレットに合わせて調整してください。

銅は銀や金より反射が柔らかく見えやすいので、ハイライトだけを白っぽく飛ばすより、中間色に厚みを持たせた方がまとまります。
とはいえ、そこでぼかし始めると金属の芯が抜けるので、明度差の骨格は崩しません。
暖色系の金属ほど「色で見せよう」とすると失敗しやすく、実際には暗い帯と明るい帯の差が先に必要です。
そのうえで、色味がオレンジ寄りに見えるよう調整すると、同じ形でも真鍮や銅合金とは違う印象を作れます。

風化した鉄は赤みと茶を混ぜ、反射を少し鈍らせる

古びた鉄や錆びが回った鉄は、ベースのグレーに赤みや茶を混ぜると一気にそれらしくなります。
ここで大事なのは、単に茶色い汚れを乗せることではなく、反射の質そのものを変えることです。
磨かれた鉄のような細く鋭いハイライトではなく、少し幅広で弱い反射にすると、鏡面度が下がって風化した表情になります。

たとえば暗部に赤茶を少し混ぜ、ベース色も純グレーではなくくすんだ鉄色に寄せます。
ハイライトは入れても細い白線にはせず、1段落ちた明るさで止めた方が古い金属としてまとまります。
円柱なら明るい帯を少し太くし、暗部との境目もわずかに緩めます。
これで「光を強く返す新品の鉄」ではなく、「表面が荒れて反射が散る鉄」へ切り替わります。
ディザリングが似合うのもこの系統で、擦れや酸化の粒感を足しても質感として受け止められます。

同じ配置で色だけ差し替えると素材差が見える

金属ごとの違いをつかむ練習では、形やハイライト位置を変えない方が比較しやすくなります。
同じ32x32の円柱に、銀、金、銅、風化鉄の4種類のパレットを順番に当て替えると、どこからが形の情報で、どこからが素材の情報かが切り分けられます。
ハイライト配置は共通のまま、色味だけを差し替えても素材が変わって見えるなら、色設計が機能しています。
逆に、全部ただの色違いの棒に見えるなら、まだ明度差の切り替えが足りません。

図のaltは、「同じ32x32の円柱に銀/金/銅/風化鉄のパレットを当て替え、ハイライト配置は共通で色味だけを変えた見本」としておくと意図が伝わります。
色相の違いを見る図に見えて、実際に読んでほしいのは、どの素材でも先に明暗設計が立っていることです。
そこが揃うと、グレーの塗り分けから一歩進んで、金属ごとの個性まで描き分けられるようになります。

よくある失敗と修正方法

全部なめらかにしてしまう

初心者の金属表現でいちばん多い失敗は、全部なめらかにしてしまうことです。
中間色を入れすぎると、面の切り替わりが消えて、金属ではなく曇った樹脂や塗装面に寄っていきます。
金属は「つながって見えるグラデーション」より、「急に変わる帯」が先に必要です。
とくに小さいサイズでは、その急変がないだけで反射の硬さが抜けます。

修正するときは、まずハイライト帯を1pxまで細めます。
そのうえで、最暗部をエッジ寄りに1〜2pxだけ増やして、明るい帯から暗い帯へ一気に落ちる場所を作ります。
これで見た目の情報量は減るのに、素材感はむしろ立ちます。
刀身を詰めていたときも、2pxで置いていたハイライトを1pxに削り、影側へ細い反射を1px足しただけで、灰色の板だったものが急に鋼へ変わりました。
金属化は大改造ではなく、一筆の差で起こります。

ハイライトを広く塗りすぎる

ハイライトを広く塗りすぎると、光沢はあるのに金属に見えません。
2〜3px帯の明るい面は、つるつるしたプラスチックの読みになりやすく、硬い反射の鋭さが消えるからです。
とくに剣や鎧の面でこれをやると、光っているのに軽く見えます。

修正は単純で、広い明部を1pxの連続線へ戻します。
さらに、ところどころ1pxだけ飛ばして、輝きにムラを作ると均一なテープ状の光から抜けられます。
金属のハイライトは、太く塗るほど強くなるのではなく、細いほど硬く見えます。
線の細さそのものが材質情報になります。

影を黒で潰す

影を黒で潰すと締まって見えますが、面情報まで一緒に消えます。
金属は暗い場所でも周囲を少し拾うので、真っ黒に落とすと厚みも反射も止まり、切り絵のようなシルエットになります。
これでは明るい側だけが浮いて、素材全体の一体感がなくなります。

直すときは、ベースの色相を保ったまま明度と彩度を下げた影色を使います。
銀なら青みを残した暗色、金なら茶寄りの暗黄、銅なら赤茶寄りの暗色という考え方です。
さらに、影側のエッジに反射光を1pxだけ残すと、黒ベタの壁だった部分に空気が通ります。
暗いのに死んでいない状態が作れれば、金属面の厚みが戻ります。

反射を描き込みすぎてノイズになる

金属は映り込みがある素材なので、反射をたくさん描いた方がそれらしく見えると思いがちです。
ところがドット絵では、細かい縞や点の反射を増やすほどノイズになり、どこが主役の反射なのか分からなくなります。
面の向きより模様が先に読まれると、磨かれた金属ではなく、ざらついた柄に見えてしまいます。

ここでは面ごとに反射方向を1つに限定した方が整います。
円柱なら縦帯、刀身の平面なら刃に沿う帯、箱形の金属なら面境界に沿う線というように、方向を一本化します。
細かい縞は避けて、要点になる縁と帯だけに留めると、少ないドットでも反射が整理されます。
色数に余裕があるAAP-64 Paletteでは中間階調を足して表情を増やせますが、それでも描き込みの中心は帯と縁です。
逆にPICO-8やEGAの16色では情報の取捨選択がそのまま完成度に出るので、なおさら面ごとの方向統一が効きます。

非金属との違いが出ない

形は合っているのに非金属との違いが出ない場合、たいていは明度差が足りません。
中間色が整いすぎて、木、石、樹脂と同じレンジに収まっている状態です。
金属は色相の選び方でも印象が変わりますが、それ以前に最明部と最暗部の距離が必要です。
この差が狭いと、どれだけ青みや黄みを足しても「色違いの別素材」で止まります。

修正では、最明部と最暗部の差をもう一段広げます。
ハイライトは白寄りまで引き上げてかまいません。
ただし幅は1pxまでです。
白を広げると塗装の光沢になり、細く置くと金属の反射になります。
暗部も遠慮せず落とし、明るい帯と暗い帯の境目を鋭くすると、非金属だったものが一気に金属へ寄ります。

💡 Tip

図のaltは、「Before/Afterの並列。左は広いハイライトと黒ベタ影、右は1pxハイライト+影側反射1pxで金属化した例」としておくと、修正の要点がひと目で伝わります。

失敗例を見直すときは、色数不足より配置の甘さが原因になっている場面が多いです。
少ない色でも、ハイライトを細くし、暗部をエッジへ寄せ、影の端に反射を1pxだけ残す。
この3点が噛み合うと、同じ4〜6色でも非金属との差がはっきり開きます。

練習課題:剣・球・金属箱で反射パターンを描き分ける

読んだ直後に手を動かすなら、形の違う金属を3つ並べて描くのがいちばん早いです。
剣は細い面とエッジ、球は曲面、箱は平面の切り替えをまとめて確認できます。
ここでは同じ4〜6色パレットを3課題で共通使用し、色を増やさずに配置だけで素材感が立つ流れにします。
実際、このやり方で並べると「金属っぽさ」は色数よりも、1pxの置き場所で決まることがはっきり見えてきます。

課題1:32x32剣で刀身と金具を分けて描く

最初の課題は32x32pxの剣です。
刀身は平面とエッジの両方が入るので、金属表現の基本を一枚で確認できます。
光源は左上に固定し、刀身中央には縦1pxのハイライトを通します。
この線は刀身の中心をそのままなぞるというより、面のいちばん光を拾う帯として少し長めに見せる意識で置くと、板ではなく研がれた鋼に寄ります。

刃の外周ではなく、刃先のエッジに白寄り1pxの連続線を入れるのがこの課題の核です。
ここが途切れると刃先の鋭さより模様感が立つので、まずは連続で引き切ってください。
対して暗部は、光の当たらない影側の背の面にまとめます。
背の外縁を暗くするだけでなく、そのすぐ内側に影色を置いて、金属の厚みが後ろへ回り込む読みを作るのが判断材料になります。
そのうえで、背の影側には反射1pxを一本だけ残します。
暗いまま終わらせず、影の端でわずかに周囲を拾わせると、鉄板ではなく磨かれた金属としてつながります。

柄金具は小さいので、面で塗るより配置で見せます。
金具の丸みに沿って円弧状ハイライトを1pxで分割配置してください。
連続した白い輪ではなく、1pxずつ少し間を空けながら置くと、リング状の金属パーツに見えます。
ここをベタっと明るくすると、メッキではなく発光体の読みになります。

私はこの剣課題をやるとき、刀身、金具、球、箱まで全部同じ5色で通します。
色を足さずに、中央の1px線と刃先の1px線、背の反射1pxだけで鋼の感じが立つと、素材感はパレットの豪華さではなく構造で決まると実感できます。
AAP-64 Paletteのように64色あるパレットは中間を増やす余地がありますが、この練習ではあえて4〜6色に絞った方が、置く理由が明確に見えます。

課題2:24x24球で金属球と非金属球を見比べる

次は24x24pxの球です。
光源は左上なので、ハイライトは左上に寄せます。
金属球では、中心に丸く広げるのではなく、左上に2x2pxの角丸クラスターを置き、その周囲に1pxの点を2〜3粒散らしてください。
この散り方があると、強い反射が一点で終わらず、磨かれた表面のきらつきとして読まれます。
4pxの正方形をそのまま置くと硬すぎる塊になるので、角を欠いた小さな塊として扱うのがちょうどいいです。

暗部は右下の広い面に作ります。
球の下半分を一様に暗くするのではなく、右下へ向かうにつれて影色から最暗部へ落とし、輪郭の一部にだけ締まりを作ります。
そのうえで、右下のリムに反射1pxの弧線を入れます。
この1px弧があるだけで、影の中にも光が回り、金属特有の「暗いのに拾っている」感じが出ます。

同じ24x24球をもう一つ複製して、非金属球も並べると差がよく見えます。
非金属球は2x2pxの鋭いハイライトを避け、明るい面を少し広く取って、右下のリム反射は入れないか、ごく弱く留めます。
すると、同じ配色でも金属球は点と弧で硬さが立ち、非金属球は面のグラデーションが先に読まれます。
ここでも色の違いより配置の違いが効きます。
共通パレットで比較すると、素材差を生んでいるのが色数ではなく、明暗の切り替え位置だとはっきり分かります。

課題3:32x32箱で面ごとの反射方向を変える

三つ目は32x32pxの金属箱です。
箱は平面の向きがそのまま見えるので、反射帯の方向を面ごとに変える練習に向いています。
まず上面には、光を受ける帯として斜め45度の1px帯を通します。
面の中央に太く塗るのではなく、角から角へ流れる細い帯として入れると、平らな面が一気に金属板へ変わります。

手前面は段階をきっちり分けます。
構成はベース→影→最暗部で、最暗部は右端1〜2pxに置きます。
右端に向かって順に落とすことで、正面の面が右へ折れているように見えます。
ここを全部なだらかにすると、金属箱ではなく樹脂の直方体になります。
金属らしさは、面の途中で明暗が急に切り替わることから生まれます。

右面は光が外れやすいので、全体を暗めに保ちつつ、下端に反射1pxを入れます。
上端に光を置くより、下端の細い反射で床や周囲の環境を拾わせた方が、箱の側面に厚みが出ます。
さらに意識したいのが、面の向きで帯方向を変えることです。
上面は斜め45度、手前面は横寄り、右面は縦寄りか下辺沿いといった具合に、同じ白でも走る向きが違えば、三面が別々の角度を持っていると伝わります。

3課題を並べて見ると分かること

剣、球、箱を並べると、金属の見え方は形に応じて変わっても、使っている部品は共通だと分かります。
どれもハイライトは細く、暗部は面の終わりに寄せ、影側には1pxだけ反射を残します。
私はこの3課題を一つのキャンバスに横並びで置き、同じ5色のまま位置だけを入れ替えて確認することが多いです。
剣は線、球は点と弧、箱は帯と辺で成立するのに、素材感の芯は同じです。
この確認を一度通ると、次に鎧や盾を描くときも迷いが減ります。

保存形式は通常の制作ならPNGで十分です。
もしアニメ表示で点滅や見え方を比べたり、減色後の崩れを確かめたりするなら、GIFの256色内で確認すると、1pxの線が潰れず残っているか見やすくなります。

💡 Tip

図のaltは、「3つの完成見本(32x32剣/24x24球/32x32箱)。ハイライト/反射の1px線が読み取れる拡大図つき」としておくと、読者が見るべき場所がずれません。

まとめと次のアクション

金属感を決めるのは色数の多さではなく、明暗の切り替えをどこに置くかです。
高コントラスト、1pxの強いハイライト、影側の反射1px、面ごとの方向管理、そしてディザは2色だけに絞る。
この芯が揃うと、少ない色でも灰色が鋼へ変わります。
私自身、最初の30分を円柱だけに絞るとコントラストの置き方が安定し、その後に剣や箱へ移ったときの迷いが一気に減りました。

次は、32x32で銀の円柱を4〜6色で1本描き、同じパレットのまま平面の箱に置き換えて帯の向きを見比べてください。
そこまで掴めたら、剣や銃身に広げて、エッジの1pxハイライトがどこで効くかを試すと手応えが出ます。
保存はPNGかGIFにして、光源は左上で固定し、32x32か64x64の反復で続けると判断がぶれません。
図のaltは「円柱/箱/剣の3連サムネ。
1pxの差が質感を決めるのテキスト付き」がそのまま伝わる形です。
関連記事が増え次第、当サイト内のアンチエイリアス基礎ディザリング応用などへの内部リンクを本文に追加します。

シェア

高橋 ドット

ゲーム会社でドット絵グラフィッカーとして10年以上の経験を持つ。ファミコン・スーファミ時代のレトロゲームに影響を受け、現在はインディーゲームのアート制作を手がける。制作テクニックの体系化に情熱を持つ。

関連記事

テクニック

ドット絵 影の付け方|光源と陰影3パターン

ドット絵の影付けは、色数より先に光をどこから当てるかを固定すると一気に整います。この記事は、16x16〜32x32の小さなキャラや顔アイコンで立体感を出したい初心者に向けて、左上・右上・逆光の3方向を最短で描き分ける考え方を、フラット、ディザリング、リムライトの3パターンに整理して解説します。

テクニック

ドット絵 輪郭線の色と太さの選び方|16x16・32x32

16x16のキャラ頭部で、最初は黒の1px外周にしていたものを影側だけ2pxへ切り替えたことがあります。白背景のSNSでは輪郭が拾われやすくなり、黒背景では外周の重さだけが前に出る感じも薄れて、同じ絵なのに見え方が一段整いました。

テクニック

ドット絵 アンチエイリアスのコツ|ジャギ消しの基本と応用

ドット絵のアンチエイリアスは、斜線や曲線の境界に中間色を置いて、ピクセルの段差を「ぼかす」のではなく「整えて見せる」作業です。とくにAsepriteで32x32前後のアイコンやスプライトを描き始めた人ほど、まずはピクセル配置そのものを直し、

テクニック

ディザリングとは|ドット絵の色数を増やす基本と使い方

ドット絵で色数が足りないとき、境界の段差をそのまま受け入れる必要はありません。ディザリングを覚えると、2色しかない場面でも中間色や階調を擬似的に作れますし、16x16や32x32の小さなキャンバスでも陰影の説得力が一段上がります。