Normal Map erklärt – Was ist das & wie funktioniert sie?

Eine Normal Map ist eine Textur, die Richtungen von Oberflächennormalen speichert. Sie verändert die Beleuchtungsberechnung und lässt feine Unebenheiten oder Poren sichtbar werden, ohne zusätzliche Polygone. Die Silhouette und die geometrisch geworfenen Schatten bleiben unverändert. Für große Falten oder ausgeprägte Kanten brauchst du Geometrie oder Displacement. Normal Maps lassen sich im PBR-Workflow mit anderen Materialtexturen kombinieren.

‍

Wie funktioniert eine Normal Map genau?

Die RGB-Kanäle kodieren Komponenten einer Normalenrichtung, meist im Tangent Space. Der Renderer nutzt diese Daten für die Lichtberechnung. Die Albedo / Base-Color Map liefert dagegen die Grundfarbe. Eine Normal Map ist keine Farbtextur und sollte nicht als sRGB interpretiert werden.

Kurz gesagt:

RGB = XYZ-Normalenrichtung
Tangent Space: Richtungen relativ zur Oberfläche, auch für deformierbare Modelle geeignet.
Object Space: Richtungen relativ zum Objekt. Das Objekt kann bewegt und gedreht werden; Verformungen erfordern eine passende Verarbeitung.

Vergleich eines detaillierten Kopfmodells mit vereinfachter Geometrie ohne und mit Normal Mapping — Normal Map Erklärung

‍

Normal Map Beispiele

Normal Map eines gewebten Stoffes mit kreuzenden Fäden — **Stoffgewebe:** Die Normal Map kodiert Richtungsänderungen entlang der Fäden. Wie deutlich sie im Rendering erscheinen, hängt auch von Licht, Maßstab und Material ab.

‍

Normal Map einer Betonoberfläche mit vertikaler Bretterschalungsstruktur — **Beton/Bretterschalung:** Vertikale Rillen und feine Unebenheiten sind als Normalenrichtungen gespeichert. Die Textur verändert die Beleuchtung, nicht die Kontur der Fläche.

‍

Normal Map einer Backsteinwand mit Fugen und Oberflächendetails — **Backstein:** Fugen und Oberflächendetails werden in der Lichtberechnung angedeutet. Für tiefes Relief und sichtbare Kanten kann zusätzliche Geometrie nötig sein.

3D Visualisierung eines hellen Wohnzimmers mit braunem Ledersofa und Blick auf die umliegende Natur durch große Fenster

Vom Fachbegriff zum visuellen Erlebnis

Wir nutzen diese Technologien nicht nur, wir beherrschen sie. Entdecke, wie wir für führende Marken fotorealistische Welten erschaffen.

Portfolio ansehen

‍

Mini-Vergleich: Normal Map vs. Bump Map

Kriterium	Normal Map (tangent space)	Bump Map (Graustufen)
Gespeicherte Information	Normalenrichtungen	Höhenwerte, aus denen Neigungen abgeleitet werden
Animation / Deformation	Mit passender Tangentenbasis geeignet	Mit passender Texturzuordnung ebenfalls geeignet
Kanäle	Meist RGB	Ein Höhenkanal
Geometrie	Verändert die Beleuchtung, nicht die Silhouette	Verändert die Beleuchtung, nicht die Silhouette

‍

So entstehen Normal Maps bei Danthree Studio

1. Highpoly → Lowpoly Bake

Normal Maps können aus vorhandenen Materialdaten entstehen oder von einem detaillierten Modell gebacken werden. Beim Highpoly-auf-Lowpoly-Baking werden Oberflächendetails auf eine weniger dichte Geometrie übertragen. Ein passendes UV-Layout, Padding und abgestimmte Normalen reduzieren Artefakte. Ambient Occlusion ist eine eigene Map mit einer anderen Aufgabe. Wiederholbare Texturen kannst du zusätzlich mit dem Checker für kachelbare Texturen prüfen.

2. Shader-Aufbau im PBR-Workflow

Eine Normal Map ergänzt im Material-Shader die Grundfarbe sowie Roughness und Metalness. Für echte Oberflächenverformungen kann Displacement hinzukommen. Das Ergebnis muss im jeweiligen Renderer und Lichtsetup geprüft werden.

3 Optimierung für Realtime & glTF

Für Echtzeitanwendungen müssen Texturauflösung, Dateiformat und Kompression zum Zielsystem passen. Prüfe nach jeder Reduktion feine Details und Nahtbereiche. Mehrere Normal Maps benötigen eine geeignete Normalen-Kombination; einfaches Überblenden ihrer RGB-Werte kann falsche Richtungen erzeugen.

4. Qualitätskontrolle & Marken-CI

Bei der Materialabstimmung zählen Maßstab, Struktur und Glanzverhalten der Vorlage. Beurteile feines Leinen oder groben Tweed auch unter den vorgesehenen Lichtstimmungen der Marke. Beispiele findest du in unserer Material- und Oberflächenvisualisierung.

‍

Quick-Tipps für den Umgang mit Normal Maps

UVs und Padding prüfen: Passende Abstände und Übergänge reduzieren Nahtartefakte.
Projektion beim Baking prüfen: Ein Cage kann helfen, die Strahlprojektion zu steuern.
Format und Präzision abstimmen: Höhere Bittiefe ist nicht pauschal erforderlich und verhindert keine UV-Fehler.
Glas gezielt strukturieren: Auch strukturierte Glasflächen können Normal Maps nutzen. Roughness und Brechungsindex steuern andere Materialeigenschaften.
OpenGL/DirectX-Konvention prüfen: Der Unterschied betrifft bei üblichen Tangent-Space-Maps die Y-Richtung im grünen Kanal.

‍

Oberflächendetails in zwei Projektbeispielen

1. Natuzzi: Leder, Form und Licht

Bei der 3D-Produktvisualisierung für Natuzzi haben wir das Sofa Colle in einem virtuellen Markenraum inszeniert. Form, Nähte, Oberflächen und Licht wurden auf die Produktreferenzen und Bildsprache abgestimmt. Die Beispiele zeigen das Zusammenspiel von Materialdetails und Raumgestaltung; aus einem fertigen Bild allein lässt sich der verwendete Normal-Map-Aufbau nicht ableiten.

3D-Visualisierung des Ledersofas Colle von Natuzzi — Natuzzi Colle: Lederoberfläche, Polsterform und Beleuchtung wirken zusammen. Leder ist kein Metall; sein Glanz wird nicht durch einen hohen Metalness-Wert beschrieben.

‍

2. Watcon: Formen und Oberflächen im Außenraum

Für Watcon haben wir Pflanzgefäße, Blumenkästen und Sitzbänke in Außenräumen visualisiert. Dabei werden Form, Maßstab und Oberflächenstruktur im Zusammenhang mit Architektur und Bepflanzung sichtbar. Die räumliche Form entsteht durch das Modell; feine Materialdetails können durch Texturen ergänzt werden.

Watcon-Pflanzgefäße in einer visualisierten Außenszene — Watcon: Die Inszenierung verbindet Produkte, Bepflanzung und Architektur. Mehr zur Visualisierung von Materialien und Oberflächen.

‍

3D-Visualisierung eines Watcon-Pflanzgefäßes mit strukturierter Oberfläche — Watcon: Oberflächenstruktur und Formgebung werden gemeinsam beurteilt. Eine Normal Map allein verändert keine geometrische Kante.

‍

FAQ – Normal Map

‍

Brauche ich für Normal Maps immer Tangent Space?

Nein. Tangent-Space-Normal-Maps beziehen sich auf die lokale Oberfläche und sind für viele animierte oder deformierbare Modelle geeignet. Object-Space-Maps speichern Richtungen relativ zum Objekt und erlauben dessen Verschiebung und Drehung. World-Space-Maps beziehen sich dagegen auf Weltkoordinaten. Die passende Wahl hängt vom Modell und vom Renderer ab.

‍

Wie funktioniert das Prinzip hinter Normal Mapping?

Eine Normal Map verändert die Oberflächennormalen für die Beleuchtungsberechnung. Dadurch erscheinen feine Details, ohne die Polygonzahl zu erhöhen. Silhouette und geometrisch geworfene Schatten ändern sich dadurch nicht.

‍

Welche Map-Steckplätze muss ich im WebGL/Three.js Material belegen?

Weise die Textur der Eigenschaft normalMap im MeshStandardMaterial zu. Normal Maps sind Nicht-Farbdaten und verwenden NoColorSpace. Prüfe außerdem normalMapType, normalScale und die Y-Konvention deiner Textur.

‍

Was muss ich in Blender beim Import einer Normal Map einstellen?

Stelle im Image-Texture-Node den Farbraum auf Non-Color. Verbinde dessen Farbausgang mit dem Normal-Map-Node und dessen Normal-Ausgang mit dem BSDF-Shader. Wähle den passenden Raum, meist Tangent Space, und bei Bedarf das richtige UV-Set.

‍

Warum sehen meine Falten/Details gesoftet oder falsch aus?

Prüfe Farbraum, Texturauflösung, Kompression, Tangentenbasis und Normalenstärke. Bei einer OpenGL-/DirectX-Verwechslung ist häufig die Y-Richtung im grünen Kanal invertiert. Vertausche nicht pauschal Grün und Blau. Vergleiche das Ergebnis unter einer klar erkennbaren Lichtrichtung.

‍

Wie importiere ich Normal Maps in Cinema 4D/Redshift korrekt?

Nutze in Redshift den Bump-Map-Node mit passendem Normal-Map-Eingangstyp und lade die Textur als Raw beziehungsweise ohne Farbkorrektur. Verbinde das Ergebnis mit dem Bump-Eingang des Materials. Redshift erwartet OpenGL-Normal-Maps; DirectX-Maps benötigen die entsprechende Y-Umkehr.

‍

Wie backe ich eine saubere Normal Map aus Highpoly auf Lowpoly?

Stimme UV-Layout, harte Normalkanten, Tangentenbasis und Triangulation zwischen Baker und Zielrenderer ab. Prüfe die Projektion mit einem passenden Cage oder Strahlabstand, plane ausreichend Padding und kontrolliere das Ergebnis in der Zielauflösung. Mehr dazu im Glossar zu Texture Baking.