Che cos’è una mappa normale?
Visualizzazione CGI alla perfezione
Danthree Studio trasforma la tecnologia 3D complessa in asset di marketing efficaci. Assicura qualità high-end al tuo brand.
Avvia progettoChe cos’è una mappa normale?
Definizione di mappa normale
Una mappa normale è una texture che memorizza la direzione delle normali della superficie. Simula piccole irregolarità, rughe o pori, senza poligoni aggiuntivi. Il risultato: molti dettagli, tempi di rendering ridotti e materiali coerenti nel Workflow PBR.
Come funziona esattamente una mappa normale?
Anziché modellare la geometria reale, le normali di ciascun pixel vengono codificate in valori RGB (di solito nello spazio tangente). Il renderer interpreta questo colore come “orientamento” della superficie: la luce reagisce come se vi fosse una struttura reale. Importante: i valori cromatici relativi al colore dell’oggetto non sono forniti dalla mappa delle normali, bensì dalla mappa albedo / colore di base.
In breve:
- RGB = direzione normale XYZ
- Spazio tangente = l'oggetto può muoversi/deformarsi
- Oggetto Space = per risorse statiche (ad es. architettura)
Esempi di mappe normali
Dal termine tecnico all'esperienza visiva
Non ci limitiamo a usare queste tecnologie, le padroneggiamo. Scopri come creiamo mondi fotorealistici per i migliori brand di arredamento.
Vedi portfolio
Piccolo confronto: Normal Map vs. Bump Map
Ecco come vengono realizzate le mappe normali presso Danthree Studio
1. Conversione da high-poly a low-poly
Per prima cosa realizziamo un modello high-poly dettagliato (ad es. fibre del tessuto, pori del legno, fresature). Da questo ricaviamo mappe normali, AO e di curvatura sul modello low-poly ottimizzato. Un atlante UV pulito, un padding UV sufficiente e un’uscita a 16/32 bit prevengono la formazione di bande e cuciture. Affinché le tue mappe risultino coerenti anche su superfici più ampie, si consiglia di effettuare un test con il Checker per le texture piastrellabili.
2. Struttura dello shader nel Workflow PBR
La normal map "baked" viene combinata nello shader del materiale con i parametri Roughness/Metalness (PBR) ed eventualmente Height/Displacement. In questo modo i materiali si comportano in modo coerente in qualsiasi configurazione di illuminazione, che si tratti di rendering, visualizzatore WebGL o realtà aumentata.
3 Ottimizzazione per il tempo reale e glTF
Per i visualizzatori web (glTF, USDZ) riduciamo la risoluzione e la profondità di bit senza alcuna perdita visibile di dettagli. Ove necessario, uniamo più mappe normali (di dettaglio/a riquadri) in un’unica texture per ridurre al minimo i tempi di caricamento.
4. Controllo qualità e identità visiva del marchio
Prima del lancio verifichiamo: la microstruttura è davvero in linea con il messaggio del prodotto (ad esempio, lino pregiato vs. tweed grezzo)? I punti salienti vengono riprodotti correttamente in condizioni di illuminazione conformi alla CI? Solo allora approviamo il rendering nel nostro studio di rendering 3D.
Consigli rapidi sull'uso delle mappe normali
Le mappe normali in azione: due esempi di progetti
1. Le mappe normali in azione – Sofa
Nella visualizzazione di prodotto in 3D per Natuzzi , abbiamo realizzato il bake della grana fine della pelle, delle pieghe e dei segni di pressione come mappa normale dell'high poly. In questo modo le luci e le ombre sul materiale hanno un effetto tridimensionale, senza un numero inutilmente elevato di poligoni.
2. Vaso per piante e panchina – Mettere in risalto la struttura dell’argilla
Nel progetto Visualizzazioni 3D per vasi da fiori e panchine (Watcon) abbiamo riprodotto la struttura irregolare dell'argilla e le piccole scanalature tramite una mappa normale. In questo modo la luce si riflette in modo realistico sulla superficie, il che è ideale per i rendering in esterni in diversi ambienti.
Domande frequenti – Mappa normale
Devo usare sempre lo spazio tangente per le mappe normali?
Non necessariamente. Le mappe normali nello spazio tangente sono lo standard per le mesh animate/deformabili. Per gli asset rigidi puoi anche utilizzare mappe normali nello spazio oggetto o nello spazio mondo: sono più precise, ma più difficili da combinare.
Come funziona il principio alla base del normal mapping?
Una mappa normale modifica le normali della superficie di un pixel senza aggiungere geometria. In questo modo, luci e ombre appaiono più dettagliate, a parità di numero di poligoni.
Quali slot della mappa devo assegnare nel materiale WebGL/Three.js?
In Three.js, assegna la normalMap al MeshStandardMaterial. Assicurati che l'intensità (normalScale) e lo spazio colore (Lineare, non sRGB) siano corretti.
Quali impostazioni devo configurare in Blender quando importo una mappa delle normali?
Nello Shader Editor, utilizza il nodo Normal Map, imposta “Color Space = Non-Color” e collega il risultato all’ingresso Normal dello shader BSDF.
Perché le mie rughe/i miei dettagli appaiono sfocati o distorti?
Cause comuni: spazio colore errato, base tangente non corretta o canali invertiti. Consulta le best practice relative alle mappe normali e verifica se è necessario correggere lo swizzle dei canali verde/blu.
Come si importano correttamente le mappe normali in Cinema 4D/Redshift?
Nel renderer Redshift o in quello standard, utilizza lo shader Normal Map, imposta la texture su “Lineare/Non-Colore” e collegala alla porta Normal del materiale.
Come si genera una mappa normale pulita passando da un modello high-poly a uno low-poly?
Assicurarsi che gli UV siano puliti, utilizzare il cage e verificare la presenza di artefatti. Le fasi fondamentali sono descritte nella guida al baking del Polycount Wiki. L'anti-aliasing, un padding sufficiente e una triangolazione corretta sono indispensabili.