無料のノーマルマップ生成 — どんな画像からでも、オンライン

ノーマルマップ(normal map)はRGBチャンネルに表面の向きを保存するため、平らなテクスチャでも実際のジオメトリのように光を受けます。写真、ハイトマップ(height map)、バンプマップ(bump map)を入れるだけで、数秒で画像からゲーム向けのノーマルマップを作成—無料で、ブラウザ内だけで完結します。

画像が手元にありませんか?サンプルを試してください:
世界中の3Dアーティストとゲームスタジオに信頼されています

画像からノーマルマップを作る方法

3ステップ、アカウント不要、インストール不要。

画像をアップロード

ノーマルマップ vs バンプマップ vs ハイトマップ

3つとも、平面ジオメトリに“偽の”表面ディテールを与えますが、保存するデータは別物で、モダンなマテリアルの法線スロットに入るのはそのうち1つだけです。

ノーマルマップ3(RGB)ラベンダーブルー。各ピクセルのRGB値は、X・Y・Zの表面方向をエンコードします。いいえ。シェーディングのみ。
バンプマップ1(グレースケール)グレースケール。高さだけが保存されるため、レンダラーは周囲のピクセルから方向を推測します。いいえ。シェーディングのみ。
高さマップ1(グレースケール)通常、バンプマップと同じグレースケールのファイルを使い、代わりに高さとして読み取ります。はい。移動(ディスプレイスメント)に使用する場合。

バンプマップと高さマップは、しばしば同じファイルです。変わるのは、レンダラーがそれをどう使うかという点です。どちらでも入力として使えます。グレースケールの 高さマップ か、バンプマップ をアップロードすると、このツールがそれをノーマルマップに変換します。

素材の作成を続けてください

よくある質問

ノーマルマップは、赤・緑・青の各チャンネルにピクセルごとの「完全な」面の方向ベクトルを保存するため、光をどんな方向にも傾けられます。バンプマップは、相対的な高さだけをエンコードするグレースケールの単一チャンネルです。ノーマルマップはリアルタイムエンジンが期待するもの。バンプマップは、より古くて安価な近似です。

単一の2D画像から作るわけではありません。ラフネスとメタリックは、ピクセルの明るさから確実に推定できない物理的なマテリアル特性を表すため、このツールはnormal mapのみを出力します。albedo、roughness、metallic、normal mapを含む完全なPBRセットを得るには、3DモデルにMeshyのAIテクスチャジェネレーターを適用してください。

Blender、Godot、Unity、そして任意の glTF アセットには、ここでのデフォルトである OpenGL(+Y)を使います。Unreal Engine と 3ds Max では DirectX(-Y)に切り替えてください。同じ光の下で凹凸が“へこみ”のように見えるなど、表面が反転しているように見える場合は、間違ったコンベンションを選んでいます。スイッチを切り替えて、もう一度ダウンロードしてください。

Unityでは、PNGをマテリアルのNormal Mapスロットに割り当て、texture typeをNormal mapに設定します。Unreal Engineでは、テクスチャの圧縮をNormalmapに設定し、sRGBをオフにして、Normal入力に接続します。Blenderでは、Non-Colorに設定したImage Textureノードを追加し、Normal Mapノードを通してから、Principled BSDFのNormal入力に接続します。

いいえ。変換は Canvas API を使って、ブラウザ内で完全に行われます。画像は一度も端末の外へ出ず、作成するアカウントもなく、保存もされません。

はい。高さマップ、ディスプレイスメントマップ、バンプマップ、通常の写真はいずれも使えます。ツールは画像の明るさを高さとして読み取り、各ピクセルの傾きを測るためにSobelフィルターを実行し、その傾きを方向としてエンコードします。仕組みの理論はノーマルマップ グロッサリー項目をご覧ください。

最終更新日 2026年8月