Logo di Danthree Studio - Agenzia di CGI
Servizi
Creative DirectionVisualizzazione 3DCreazione di contenuti con IA ibridaAnimazione 3DRealtà aumentata (AR)Realtà virtuale
Settori
Bagno - ProduttoriMateriali / Finiture - ProduttoriProdotti per la casa e l'arredamentoMobili - ProduttoriCucine - ProduttoriMobili imbottiti - ProduttoriSmart Home & Tech - Marchi
Progetti
Blog
Lo Studio
Contatti
de
arrow down
enfrit
Home
Servizi
Progetti
Blog
Offerte di lavoro
Lo Studio
Contatti
Settori
Bagni - Produttori
Materiali / Finiture - Produttori
Prodotti per la casa e l'arredamento
Mobili - Produttori
Cucine - Produttori
Mobili imbottiti - Produttori
Elettrodomestici - Produttori
Oppure seguici su:
Icona di InstagramIcona di FacebookIcona LinkedInIcona PinterestIcona di YouTube
Logo di Danthree Studio - Agenzia di CGI

CGI STUDIO per mobili, casa e arredamento

Oppure seguici su:
Icona di InstagramIcona di FacebookIcona LinkedInIcona PinterestIcona di YouTube
Settori
Bagni - Produttori
Materiali / Finiture - Produttori
Prodotti per la casa e l'arredamento
Mobili - Produttori
Cucine - Produttori
Mobili imbottiti - Produttori
Elettrodomestici - Produttori
GlossarioChe cos’è una mappa di spostamento?

Che cos’è una mappa di spostamento?

Daniel Schuster
•
Ultimo aggiornamento:
11 maggio 2026
In questo articolo del glossario:
Link testuale
Link testuale
Link testuale
Link testuale

Visualizzazione CGI alla perfezione

Danthree Studio trasforma la tecnologia 3D complessa in asset di marketing efficaci. Assicura qualità high-end al tuo brand.

Avvia progetto
GlossarioChe cos’è una mappa di spostamento?

Che cos’è una mappa di spostamento?

Daniel Schuster
•
Ultimo aggiornamento:
11 maggio 2026

Che cos’è una mappa di spostamento?

Per ogni pixel (o micropoligono), il renderer legge un valore di altezza dalla texture e sposta la superficie della mesh lungo la normale o, nel caso dello spostamento vettoriale, lungo un campo vettoriale RGB. Questo avviene al momento del rendering (micropoligono/dislocazione adattiva) o in anticipo tramite tassellatura/suddivisione. Per ottenere risultati coerenti, un Workflow Workflow PBR; il modo in cui viene creata l'immagine finale è spiegato da Motore di rendering. In dettaglio: Manuale di Blender - Modificatore di spostamento - Khronos OpenGL - Contesto pipeline/spostamento.

‍

Infografica: Base Mesh → Albedo/Base Color → Mappa di altezza/spostamento (scala di grigi) → rendering 3D finale con geometria reale e sagoma modificata.
1) Base Mesh 2) Albedo/Colore di base 3) Mappa di altezza/spostamento (scala di grigi; bianco = più alto, nero = più basso) 4) Rendering 3D finale - Infografica Danthree Studio

‍

Esempi pratici: mappe di spostamento per legno, pietra e tessuto

Texture Albedo legno (acero) – Colore di base senza luce né rilievo; livello di colore in una pipeline di displacement PBR.
Albedo (acero): fornisce solo le informazioni relative al colore; il rilievo verrà creato in seguito tramite la mappa di spostamento.
Mappa di spostamento "Pietra" – struttura a rilievo grossolana in pietra naturale come mappa altimetrica in scala di grigi per uno spostamento superficiale marcato.
Pietra di spostamento: ampiezza maggiore (circa 5–10 mm) per fratture e spigoli; per i microdettagli, inoltre Mappa normale.
Mappa di spostamento del legno (parquet) – Mappa altimetrica in scala di grigi per giunti e venature; bianco in rilievo, nero in depressione.
Displacement su legno: altezza circa 1–3 mm e attivazione della suddivisione – genera fessure e pori fisicamente corretti.
Mappa di spostamento del tessuto – struttura del tessuto a trama fine come mappa di altezza per i primi piani; ideale in combinazione con una mappa normale.
Tessuto “Displacement”: sottili rilievi di circa 0,2–0,5 mm conferiscono alla trama del tessuto realistiche riflessioni di luce.

‍

Displacement vs. Normal vs. Bump

Tipo di mappa Cosa succede Plus Meno Uso tipico
Bump I valori di grigio modificano la tonalità molto velocemente nessuna sagoma Micro-rumore, pori sottili
Normale I "RGB-Normals" simulano la reazione alla luce più profondità rispetto a Bump non è una vera e propria geometria Microdettagli su tessuto/vernice
Corsa (altezza) Geometria spostata lungo le normali silhouette e contorni reali più costoso (suddivisione/tessellatura) Giunti, pietra, profilo in legno, goffratura
Spostamento vettoriale (RGB) Spostamento in qualsiasi direzione Sporgenze/Sottosquadri creazione di contenuti complessa Oggetti organici, rilievi, sculture
Visualizzazione 3D di un soggiorno luminoso con divano in pelle marrone e vista sulla natura circostante attraverso ampie finestre

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

Perché il concetto di “displacement” nella comunicazione di marca?

  • Effetti materici fotorealistici: profili in legno, bordi scheggiati della ceramica, goffrature in pelle: proprio quei dettagli che influenzano le decisioni di acquisto.
  • Coerenza dei canali: lo stesso materiale viene riprodotto nel visualizzatore 3D e nella realtà aumentata con lo stesso aspetto.
  • Risorse riutilizzabili: rendering in serie realizzati dallo studio di rendering 3D alimentano l'e-commerce, la stampa e i social.

‍

Formati, profondità di bit e ridimensionamento

  • Profondità di bit: almeno 16 bit (TIFF/EXR); in caso di sfumature delicate, 32 bit EXR – 8 bit causano la comparsa di bande.
  • Spazio colore: lo spostamento è lineare (non sRGB).
  • Unità di misura e livello intermedio: calibrare accuratamente l'unità di misura della scena (ad es. cm) e il livello intermedio/la scala di altezza – in questo modo i materiali PBR rimarranno coerenti.
  • Pulizia UV: Mappatura UV impedisce le deformazioni; piastrelle tramite UDIM/set di piastrelle.
  • Fonti dei materiali: le scansioni e le acquisizioni accelerano la configurazione – vedi Digitalizzazione delle superfici e Baking delle texture.

‍

Pipeline: rendering offline vs. rendering in tempo reale

Rendering offline (V-Ray, Arnold, Redshift): Geometria reale tramite micropoligoni/dislocazione adattiva - di solito combinata con superfici di suddivisione; base, tra le altre cose Pixar OpenSubdiv - Panoramica. Impostazioni concrete: Chaos V-Ray - Spostamento.

Tempo reale (Web/Engine): per ottimizzare le prestazioni del browser si ricorre spesso al Parallax Occlusion Mapping – un’illusione di profondità al posto della geometria reale; Documentazione: Unity Shader Graph – Nodo POM. Unreal ridimensiona i rilievi di ampia superficie (ad es. il terreno) tramite Virtual Heightfield Mesh. Per i visualizzatori di e-commerce, un approccio ibrido è pratico: normale/parallasse per le grandi superfici – spostamento reale solo quando le sagome sono importanti.

Spostamento vettoriale: quando conviene?

  • Sporgenze e sottosquadri: ornamenti intagliati nel legno, cuciture profonde, pieghe organiche.
  • Creazione: esportare file EXR a 32 bit (RGB) dagli strumenti di modellazione; selezionare correttamente Tangent/Object-Space.
  • Supporto del renderizzatore: Variare i Workflow/limiti - Guida introduttiva: Guida all'utilizzo di Arnold - Spostamento e suddivisioni.

‍

Workflow della pratica (compatto)

  1. Creazione della mesh di base e delle UV – vedi Modellazione 3D.
  2. Creazione di mappe di altitudine: tramite scansione, modellazione o baking delle texture.
  3. Esportare in formato 16/32 bit Height/EXR lineare.
  4. Attiva suddivisione/tessellatura; calibra livello intermedio/scala.
  5. Test A/B contro "solo versione standard": vale la pena pagare il costo aggiuntivo per il rendering?
  6. Controlli del rendering: sagoma, smussatura dei bordi, auto-ombra; artefatti nel ray tracing . Soprattutto nel caso di texture di displacement su grandi superfici, è consigliabile eseguire un test con il Checker per le texture tilabili, al fine di garantire transizioni pulite.

‍

Risoluzione dei problemi relativi alla cilindrata (Sintomo → Causa → Soluzione)

Sintomo Causa probabile Soluzione rapida Soluzione duratura
Classifiche/Podio Altezza a 8 bit, sRGB anziché lineare EXR a 16/32 bit, lettura lineare Impostare la pipeline di altezza in generale su 16/32 bit e lineare
Aree “gonfie” Livello intermedio errato, scala troppo alta Ricalibrare il livello medio (0/0,5), dimezzare la scala Verificare le unità delle scene, definire lo spostamento in cm/mm
Cuciture sui bordi UV Bleed insufficiente, transizioni brusche Seam-Bleed + Blur (solo altezza) Livellare gli UV, impaginare correttamente l’UDIM
Ombre tremolanti Micropoligono troppo grossolano, numero di campioni insufficiente Livello di suddivisione +, Campioni + Ziel-Mikropolygon ≈ < 1–2 px; Denoiser erst nach sauberem Sampling
"Nuoto" all'Anim Mipmap/filtraggio non adeguati Regolare il bias MIP Impostare una densità dei texel uniforme e correggere le impostazioni trilineari/anisotropiche
Tempo di rendering alle stelle Troppo spostamento globale Spostare solo le zone Hero Introdurre il mix Normal+Low-Disp, l'instancing e i LOD
Nessun effetto silhouette Normale/Bump invece di un vero Disp Attiva la geometria reale Utilizzare Adaptive/Micropoly-Disp + Subdivision
Diagonali a gradini Bassa risoluzione della mappa Risoluzione della mappa ↑ Disporre le piastrelle UDIM, definire la densità di Texel in fase di progettazione

‍

Quando si parla di “displacement” – e quando no?

Sì al “displacement” quando le sagome e le interruzioni dei contorni sono rilevanti ai fini della vendita (giunti, incisioni, rilievi) o quando sono previsti primi piani macro (pagine con i dettagli dei prodotti, stampa).

Caro Normal/Parallax, quando i microdettagli sono predominanti o le prestazioni in tempo reale nel browser/AR sono più importanti delle silhouette perfette.

‍

Casi d'uso rilevanti (tratti dalla pratica)

  • Ceramica e sanitari: loghi in rilievo, bordi smussati – abbinabili a visualizzazione di materiali e finiture.
  • Legno e pannelli: profilature, bordi fresati – Esportazione come glTF/GLB per visualizzatori web veloci.
  • Tessuti e pelle: trapuntature profonde tramite Vector Displacement – Integrazione nei rendering di prodotto.

Domande frequenti – Mappa di spostamento

‍

Il Displacement sostituisce la mia mappa normale?

No – la combinazione offre solitamente il risultato migliore: “Displacement” per la forma/silhouette, “Normal” per i microdettagli di luce.

Qual è la profondità di inserimento ideale?

Almeno 16 bit; in caso di gradienti delicati o spostamento vettoriale, 32 bit EXR (lineare).

Quanta suddivisione è sufficiente?

Atteniti alla dimensione minima dei dettagli presenti nel materiale. Regola empirica: la lunghezza del bordo dei micropoligoni deve essere leggermente inferiore alla dimensione in pixel dell'output di destinazione.

Il "displacement" ha senso sul web?

Per gli Hero-Assets e gli utenti miopi sì (ibrido con Normal/Parallax). Per le visualizzazioni a elenco spesso è sufficiente solo Normal.

Qual è la differenza tra spostamento in altezza e spostamento vettoriale?

Height si sposta lungo la normale (valori di grigio). Vector utilizza vettori RGB: consente le sporgenze, ma è più complesso.

Come posso evitare le infiltrazioni di luce nelle fughe?

Verificare i livelli medi e il bias/clamp, assicurarsi che la suddivisione sia adeguata, che le giunture UV siano pulite e che la scala sia coerente.

Logo di Danthree Studio - Agenzia di CGI

CGI STUDIO per arredamento, casa e stile di vita

Le Nostre Competenze

Consulenza strategica CGI e
Progettazione visiva
Modellazione 3D
Visualizzazione 3D
Realtà aumentata (AR)
Foto di prodotto / Immagini ritagliate
Digitalizzazione delle superfici
Animazione 3D
Realtà virtuale

Settori

Bagni - Produttori
Materiali / Finiture - Produttori
Prodotti per la casa e l'arredamento
Mobili - Produttori
Cucine - Produttori
Mobili imbottiti - Produttori
Produttori di pavimenti
Elettrodomestici - Produttori
Rendering della camera da letto
Visualizzazione di interni / spazi
Rendering del soggiorno
Mobili da giardino per esterni
Ufficio di visualizzazione 3D
Rendering di caminetti e stufe in 3D
Produttori di rivestimenti murali

Lo Studio

Progetti
Blog
Glossario
Offerte di lavoro
Contatti
Lo Studio

Strumenti da studio

Strumenti da studio
SKU CGI - Progettista
Visualizzatore 3D
Calcolatore del ROI: CGI vs. servizio fotografico
Calcolatore del risparmio di CO₂ e della sostenibilità
Confronto tra immagini "prima" e "dopo"
Verifica delle texture affiancabili
Formato del motivo e strumento di verifica dell'area sicura
Calcolatore dei prezzi CGI
Generatore di codici QR AR
Note legali
Informativa sulla Privacy
Cookie
Impostazioni dei cookie
Offerte di lavoro