ドット絵で金属の質感を出す描き方
ドット絵で金属の質感を出す描き方
金属の剣や鎧を塗っても、色は銀色なのにプラスチックのおもちゃみたいにのっぺり見えることがあります。金属らしさは銀や金という固有色よりも、明度差と鋭いハイライト、広い影の配置で決まり、32x32 のコインや刀身でもそのルールを外すとすぐに平板になります。
金属の剣や鎧を塗っても、色は銀色なのにプラスチックのおもちゃみたいにのっぺり見えることがあります。
金属らしさは銀や金という固有色よりも、明度差と鋭いハイライト、広い影の配置で決まり、32x32 のコインや刀身でもそのルールを外すとすぐに平板になります。
中間調を塗りすぎず、最暗部と最明部を大きく離して、反射光や映り込みを面で整理すれば、同じ色数でも素材は驚くほど変わるでしょう。
この記事では、銀・鋼・金・銅の5色ランプを組みながら、のっぺりした金属を鏡面らしく立て直す手順を、前半の素材比較から後半のディザリングまで順にたどっていきます。
金属感の正体はコントラスト:他素材との違い
金属感の差は、色そのものより明度コントラストと配置の硬さで決まります。
中間調を塗りすぎると、銀色を選んでもプラスチックや布に寄ってしまう。
逆に、最暗部と最明部の差を大きく取り、境界を鋭く切るだけで、同じ色数でも一気に金属らしさが立ち上がります。
なぜ金属はのっぺり見えるのか
金属がのっぺり見える最大の原因は、明るい部分と暗い部分の差が足りず、中間調で面を均してしまうことです。
銀色の無彩色グレーでベタっと塗ったナイフは、形の輪郭があっても素材の冷たさが出ません。
ところがハイライトを2pxまで削り、影を一段暗く広げるだけで、刃先の硬さが急に戻る。
金属は最暗部と最明部の明度差を50%以上取るつもりで組むと見違えます。
ここで効くのが、光と影の境目をはっきりさせる見方です。
金属の鉄則は「ハイライトは鋭く狭く、影は広く暗く、中間調は薄く」。
面の切り替わりに中間色を挟まず、稜線で色を飛ばすほど、反射面としての強さが出るからです。
塗りながら「今、中間を入れすぎていないか」と確認するだけでも、金属の輪郭はかなり締まります。
金属・布・肌を同じ色数で塗り分ける配置の違い
同じグレーを使っても、配置を変えるだけで素材は変わります。
金属は硬い遷移で、明暗の切り替えが急です。
布は逆に中間調を多くし、シワを曲線的な影でつなぐ。
肌も柔らかい移行で、反射光は弱めに置くほうが自然です。
色数ではなく、ピクセルの並べ方が素材を決めるわけです。
実感しやすいのは、同じグレーのランプを布のマントに塗り替える場面でしょう。
金属としては成立していた明暗の帯を少しぼかし、境界を滑らかにするだけで、金属感は消えて布の重みが出ます。
配置が素材を作る、という感覚をここでつかんでおくと、その後の修正が速くなります。
おすすめです。
| 素材 | 明暗の切り替え | 中間調の量 | 反射の見え方 |
|---|---|---|---|
| 金属 | 急で硬い | 少ない | 鋭く強い |
| 布 | 緩やか | 多い | ぼんやり広い |
| 肌 | とても滑らか | 多い | 弱くなじむ |
ハイライトと影の『面積比』が素材を決める
金属はハイライトも最暗影も面積が小さく、中間の明るさが画面を埋めすぎない構成になります。
広い面に均一な明るさを置くと、どうしてもプラスチックや塗装面に寄るため、まずハイライトを小さく絞り、影を一段暗く広げる調整から入るのが有効です。
これだけで金属の重さと硬さが戻ることは珍しくありません。
読者が絵を直すときは、面積比を先に見るのがおすすめです。
明るい帯が広すぎないか、影が細く散りすぎていないかを確認し、必要ならハイライトを1〜2pxの鋭い点に縮めてみてください。
影は広く暗く、反射光はその内側に薄く差す。
そうすると同じ色数でも、金属だけが持つ強いコントラストが立ち上がってきます。
金属用カラーランプの作り方
金属のカラーランプは、最暗・暗・中・明・最明の5段で組むと扱いやすいです。
最暗で影の芯を決め、中で面の固有色を支え、最明で鋭いハイライトを置くと、後から光の方向を変えても破綻しにくくなります。
色を先に増やすより、まず明度の骨組みを固めるほうが、銀にも鋼にも展開しやすいでしょう。
5色ランプの組み方と各色の役割
5色ランプは、金属を「暗い・中間・明るい」の三分割で捉えるのではなく、暗部の奥行きと反射の切れ味まで含めて設計するための土台です。
最暗は影の芯、暗は影の広がり、中は面の固有色、明は光を受けた面、最明はほぼ白の鋭い反射という役割に分けると、どの色をどこへ置くべきかが見えやすくなります。
特に最明は面積を絞るほど金属らしい緊張感が出るので、広いベタ塗りにしないのがコツです。
実作業では、まずグレースケールで5段を並べ、影の中でも最暗を一段手前で止めて反射光の余地を残します。
黒に落とし切ると奥の情報が消え、平たい塊に見えやすいからです。
逆に最明は純白に近づけて構いませんが、置く場所はエッジや稜線のごく狭い部分に限ると、刃のような硬さが出ます。
無彩色のままでも骨組みは組めますが、ここで明度差を確定しておくと、後で金・銀・銅へ流用しやすくなります。
青みグレーが金属らしく見える理由
ニュートラルグレーは便利ですが、金属の下地として見ると紙やプラスチック寄りの印象に寄りやすいです。
わずかに青を混ぜた寒色グレーにすると、表面の温度が下がったように感じられ、鋼鉄や研磨された金属にある冷たさが立ち上がります。
実際、無彩色グレーのランプで塗った歯車はどうしても工作用の紙細工のように見えましたが、各色をほんの少し青へ寄せただけで、硬い素材の密度が急に出ました。
手順としては、グレーの彩度を少し上げ、色相を青から青緑側へ寄せるとよいです。
やりすぎると塗装された鉄板のように見えるので、変化は小さくて十分です。
ここでの狙いは「色を付ける」ことではなく、金属に特有の冷気を乗せることにあります。
青みグレーは陰影の情報を壊さず、後段の光の色変化にも耐えるので、ランプの基準色としてかなり扱いやすいでしょう。
影を寒色・ハイライトを暖色にずらすヒュー・シフト
金属では、影側を青〜紫の寒色へ、ハイライト側を黄〜白の暖色へずらすヒュー・シフトがよく効きます。
単に明度だけを上下させるより、光源と反射の関係が感じられ、面の向きが自然に読めるからです。
影を黒く潰したランプと、影を青紫へ寄せたランプを並べると、後者のほうが暗部の奥行きが残り、金属面が空間の中で回転して見えます。
これは現実の光が、温かい光源と冷えた影の対比として知覚されやすいこととも合っています。
影の中に少しだけ寒色を残し、ハイライト側に黄〜白の温かさを置くと、面の反射が「ただ明るい」ではなく「どの方向から跳ね返ったか」として読めるようになります。
特に鏡面性の高い金属では、ヒュー・シフトを明度差の補助として使うと、少ない色数でも立体感を保ちやすいです。
ハイライトと影の置き方:陰・影・反射光・環境光
金属の明暗は、光をどこに置くかで決まります。
陰(形の陰)と影(落ち影)を分け、さらにハイライト、反射光、環境光まで整理すると、どこを黒くし、どこを残すべきかが見えてきます。
まず光源を左上など1方向に固定し、面の向きが変わる稜線で明度を一段飛ばすことから始めましょう。
形の陰と落ち影を分けて置く
形の陰は、面そのものが光源から逸れて暗くなる部分で、落ち影は別の物に遮られて生まれる影です。
この2つを分けるだけで、暗くする理由が明確になり、金属面の説得力が上がります。
稜線を境に明度を切り替えると、平面の集合として見えていた形が、急に硬い立体へ変わるはずです。
光源は左上など1方向に固定し、全体で同じ向きに暗部をそろえてください。
鋭く狭いハイライトで光沢を作る
ハイライトは最明色、つまりほぼ白を1〜2pxの点や細い線で鋭く置くのが基本です。
広く塗るとただの明るい面になってしまい、金属特有の硬さが消えます。
剣の刀身に最明色を太く塗って蛍光灯のように見えたことがありましたが、1pxの点まで削ってからは、反射の切れ味が一気に出ました。
まず点で置き、必要な箇所だけ線に伸ばしてみてください。
曲面なら、光を拾う位置を少しずつずらした複数の点が、立体の丸みを支えてくれます。
反射光・環境光で暗部に情報を足す
反射光はハイライトより色が弱く、面積が広いのが特徴です。
影の中の暗部に1段明るい寒色を入れると、床や周囲からの照り返しが見えて、真っ黒に潰れた部分が急に空間へ戻ってきます。
鎧の内側を黒で塗りつぶしていたときも、寒色の反射光を1段だけ足した瞬間に、暗部の奥行きが立ち上がりました。
最暗色を黒に落としきらないのは、その奥に情報を残すためです。
ハイライト、陰、落ち影、反射光が同じ光源から生まれていると揃えられます。
映り込み(鏡面反射)の簡易表現
鏡面反射を簡単に見せるコツは、細部を描き込むことではなく、面そのものを「周囲を映す鏡」として扱うことです。
クロームや磨かれた刀身のような金属は固有色が薄く、見えているのは金属色というより空や床、周囲の物の映り込みだと考えるほうが早いでしょう。
灰色の板に見えていた鎧の胸当ても、反射の発想に切り替えた瞬間に金属へ変わります。
上=空・下=地面の二分割で鏡面を作る
もっとも手早いのは、面の上半分を明るく、下半分を暗く分ける方法です。
上は空の反射、下は地面の反射として扱い、その境目に水平の明暗帯を一本入れるだけで、平板な面がぐっと鏡面らしく見えてきます。
難しい観察をしなくても成立するので、まず試すならこの方法がおすすめです。
実際、鎧の胸当てにこの二分割を入れただけで、ただの灰色の板が磨いた金属に見えたことがあります。
大げさなハイライトを足さなくても、明るい領域と暗い領域の対比が立てば反射体として読めるのです。
金属を「塗る」のではなく、空と地面を割り当てる感覚に切り替えてみてください。
曲面(円柱・球)への映り込みの巻き方
円柱や球では、映り込みの帯をそのまま真っすぐ置かず、外形に沿って曲げます。
コインの縁を思い浮かべると分かりやすく、平面なら直線だった明暗が、曲面ではふくらみに合わせてわずかにカーブするはずです。
球体なら光の帯が頂点を回り込み、円柱なら側面に沿ってなめらかに巻き付くので、複数の反射点を散らすと3D感が出ます。
ここで効くのは、形に合わせて光を走らせる意識です。
コインや球体のように小さくても、外形に沿った反射が入るだけで表面の向きが伝わります。
平面と同じ感覚で帯を置くと硬く見えるので、輪郭そのものが反射を曲げると考えると描きやすいでしょう。
映り込みを描き込みすぎない簡易化のコツ
映り込みは、細かく描くほど良くなるわけではありません。
周囲の景色を全部入れようとすると、その部分だけ浮いて見えたり、かえって立体感が弱くなったりします。
刀身に景色を細かく映そうとして失敗し、明暗2本の帯に簡略化したら、むしろ鋭い金属らしさが出たことがありました。
破綻しないコツは、映り込みを2〜3本の明暗帯に絞ることです。
情報を足すより、明るさの差をはっきりさせたほうが金属は読めます。
細部の描写に寄りすぎず、必要な帯だけを残す。
そこが鏡面表現のいちばんの近道です。
ディザリングで滑らかな反射を作る
ディザリングは、異なる色のピクセルを交互に置いて、実際には混ぜていない中間色を目に補わせる技法です。
限られた色数でも金属の連続した反射やゆるやかなグラデーションを作れるため、ドット絵の硬い輪郭に柔らかさを足したい場面で役立ちます。
ただし、使い方を誤るとただのノイズになります。
金属表現では、滑らかにしたい境目だけを狙って置くことが肝心です。
ディザリングを遷移帯だけに限定する
金属でディザを使うときは、隣接する2色の境界にある2〜4px幅の遷移帯だけへ絞るのが基本です。
ベタ面まで細かい交互配置で埋めると、反射ではなく砂粒の集合に見え、金属特有の艶が消えてしまいます。
実際、金属球の全面にディザをかけたときはザラついた砂の玉になったのですが、遷移帯だけに戻した瞬間、鏡面の柔らかい反射が立ち直りました。
ベタ面はソリッドのまま残す、この切り分けが効きます。
市松模様化を防ぐパターンの混ぜ方
チェッカー一辺倒のディザは、規則性が強すぎて市松模様そのものに見えます。
そこで、2x1や1x2の短いラインを混ぜ、ところどころに疎密のあるクラスタを入れると、反射の揺らぎに近い見え方へ寄せられます。
隣接する2色の間だけで使い、色数を増やしすぎないことも忘れないでください。
チェッカーだけで作った金属面を2x1ラインで崩したら、人工的な格子感が抜けて自然なグラデーションに変わりました。
市松を避ける工夫は、見た目の静けさを守るための工夫でもあります。
金属でディザを使う場面・使わない場面
ディザの向きは光源と面の向きに沿わせます。
側光の面なら縦方向の遷移にする、という具合に方向を合わせないと、そこだけ偶然の雑音に見えやすいからです。
鏡面の柔らかい反射の境目や、金属の面がゆっくり回り込む部分では相性がよいでしょう。
逆に、くっきり分けたいハイライトの芯には向きません。
芯までディザで曖昧にすると、金属の締まりが失われます。
遷移をなめらかにする場所と、輪郭を立てる場所を分けて考えると、金属はぐっと描きやすくなります。
金・銀・銅・鋼の塗り分けとよくある失敗
グレースケールで陰影を先に固めてから色を置換すると、同じ立体感を使い回したまま金・銀・銅・鋼を量産できます。
歯車を鋼で作ったあと、色相だけ差し替えて金、さらに銅へ展開できたとき、陰影は素材そのものではなく設計図だと実感しやすいでしょう。
金属塗りは色選びの作業に見えて、実際は明度差と面積比を守る工程です。
だからこそ、先に白黒で勝てる形を作っておくのが。
グレースケール1本から金属色を量産する
最初にグレースケールで面の向き、反射の位置、暗部の広さを決めておくと、そのまま色を差し替えるだけで別の金属に見せられます。
鋼で成立した陰影を金に移しても、ハイライトの位置と暗部の階段が崩れていなければ成立するからです。
1枚描く労力で複数のバリエーションを出せるので、装備差分やアイテム量産ではとても扱いやすい手順になります。
色を先に考えるより、まず明度で「反射する硬い面」を作るほうが再利用しやすいのです。
金・銀・銅・鋼の色相の違い
金は暖色寄りで、影を茶系、中間を黄金、ハイライトを黄から白へつなぐと落ち着きます。
ここで影まで黄色のまま暗くすると、金ではなくマスタードのように見えやすい。
実際、そこを茶系に寄せ直しただけで金属感が戻った経験があるはずです。
銀と鋼は青みグレーの寒色でまとめると硬さが出ますし、銅は橙から茶のランプのように色の温度を上げると重さが出ます。
真鍮は金より少し黄緑寄りに振ると見分けがつきやすく、固有色が違っても明度設計とコントラストのルールは共通だと覚えておくと迷いません。
| 金属 | 色相の傾向 | 影の扱い | 中間調 | ハイライト |
|---|---|---|---|---|
| 金 | 暖色 | 茶系 | 黄金 | 黄〜白 |
| 銀 | 青みグレー | 冷たい暗部 | 無彩色寄り | 白寄り |
| 鋼 | 青みグレー | 冷たい暗部 | 無彩色寄り | 白寄り |
| 銅 | 橙〜茶 | 赤みのある暗部 | 濃い橙 | 黄みの明部 |
| 真鍮 | 金より黄緑寄り | 茶〜黄緑の暗部 | 黄み強め | 黄白 |
のっぺり・映り込み浮きの直し方
のっぺりして見える主因は、中間調を塗りすぎて面の差が消えることと、ハイライトを広げすぎて光の芯がぼけることです。
直すときは、最明色を数pxまで削り、影を一段暗く広げ、コントラストを上げ直しましょう。
前半で決めた「面積比」と「明度差50%目安」に戻すと、どこが主面でどこが反射なのかが再び読めるようになります。
暗部を思い切って広げるのが怖い場面ほど、結果は締まります。
映り込みが浮く失敗は、細かく描き込みすぎて金属面だけ別の絵になってしまうときに起きます。
対策は、映り込みを明暗の帯2〜3本に簡略化し、光源方向を全パーツでそろえることです。
刀身なら二分割の映り込み、コインなら大きな面の帯、布や肌に塗り替える比較まで並べると、どこまで省略しても成立するかが見えます。
次はコインで金へ置換し、刀身で分割反射を試し、同じ陰影が別素材にどう転ぶか手を動かして確かめてみてください。
ゲーム会社でドット絵グラフィッカーとして10年以上の経験を持つ。ファミコン・スーファミ時代のレトロゲームに影響を受け、現在はインディーゲームのアート制作を手がける。制作テクニックの体系化に情熱を持つ。
関連記事
ドット絵の透明・ガラス表現テクニック
ドット絵の透明表現は、「ガラスを何色で塗るか」ではなく、透過・反射・屈折の3要素をどう組み立てるかで決まります。32x32 のガラスのコップを灰色一色で塗ってしまうと、どうしても重たい塊に見えてしまいますが、背景の色が透け、光が小さく映り込み、縁や底で背景がわずかにずれるだけで、
ピクセルパーフェクトで線を1pxに整える技法
ピクセルパーフェクトは、ドット絵の現場では描画側の自動補正と表示側の整数倍レンダリングという、役割の異なる2つの意味で使われます。32x32のキャラを描いたときにフリーハンドの曲線へダブルが連なって輪郭が濁る場面では、まず何が汚さの原因なのかを見極めることが出発点です。
ドット絵のライティングと陰影|色温度と多光源
ドット絵のライティングでは、影をベース色の明度だけ落として作ると、画面全体がのっぺりして濁りやすい。そこで必要になるのが、影を暗くする操作ではなく、光と影それぞれの色を設計する発想への切り替えです。
ドット絵のパレット選び方を5ステップで習得
ドット絵のパレット選びは、描きながら色を足すのではなく、描く前に色数と配色を固める「パレット・ファースト」で考えると、濁りやすい色面がすっと整理されます。1スプライトの実用色数は4〜16色が目安で、まずは3色で全体を塗り、足りなければ4色目を光か影として足す進め方が扱いやすいでしょう。