logo hsb.horse

Normal-Map-Generator (Height → Normal)

Erzeugt Normal-Maps aus Height-Maps oder Fotos mit Intensitätsregler und DirectX/OpenGL-Y-Flip. Läuft komplett im Browser – ideal für PBR-Texturen, Games und WebGL.

Laden Sie eine Graustufen-Height-Map oder ein Foto. Der Sobel-Filter berechnet die Gradienten und liefert eine saubere violette Normal-Map für Unreal, Unity, Blender oder eigene Shader.

Datensicher: Verarbeitung bleibt im Browser. Intensitätsregler und Y-Flip für DirectX/OpenGL. Sobel-Gradienten bewahren Kanten und glätten Rauschen. Ein-Klick-PNG mit Namenssuffix des Originals.

1. Height-Map oder Foto hochladen

Hoher Kontrast in Graustufen liefert die besten Ergebnisse. Farbbilder werden per Luminanz umgerechnet.

2. Normal-Map-Einstellungen

Reliefstärke: Reliefstärke: 50

0–100 wird auf 0,0–10,0 Stärke gemappt. Höher = stärkerer Relief-Effekt, niedriger = dezenter.

3. Export

Vorschau

Noch keine Quelltextur

Laden Sie eine Height-Map hoch, um die erzeugte Normal-Map zu sehen.

PBR für Games & VFX

Height-/Albedo-Texturen in Normal-Maps für Unity/Unreal-Materialslots umwandeln.

3D-Modelling / Fertigung

Relief für Gravur, CNC oder 3D-Druck vorab prüfen.

KI- / WebGL-Assets

KI-generierte Texturen normalisieren und Kanal-Konventionen beibehalten.

So geht's

  1. 1

    Quelle laden

    Graustufen-Height-Map oder Foto auswählen. Transparente Pixel gelten als flach.

  2. 2

    Intensität & Y-Achse anpassen

    Schieben, bis das Relief passt; Y-Flip für DirectX-Pipelines aktivieren.

  3. 3

    Download

    Als PNG exportieren; der Name erhält den Zusatz „_normal“.

FAQ

Werden Dateien hochgeladen?
Nein. Alles läuft lokal im Browser, keine Bilder verlassen Ihr Gerät.
Welche Eingaben funktionieren am besten?
Kontrastreiche Graustufen-Height-Maps erzeugen die saubersten Ergebnisse. Farbfotos werden vorab per Luminanz umgerechnet.
Für OpenGL oder DirectX?
Standard ist OpenGL/Metal (Y+ nach oben). Für DirectX den Schalter „Y invertieren“ aktivieren.
Kann ich später weiterbearbeiten?
Ja. Laden Sie das PNG erneut hoch, um die Stärke anzupassen, oder feintunen Sie in Ihrem 3D-Tool.