Logo de Danthree Studio - Agence de CGI
Expertises
Direction créativeVisualisation 3DCréation de contenu hybride par IAAnimation 3DRéalité augmentée (RA)Réalité virtuelle
Secteurs
Salle de bains - FabricantsMatériaux / Finitions - FabricantsProduits pour la maison et l'habitatMobilier - FabricantsCuisines - FabricantsMobilier rembourrés - FabricantsMaison connectée et technologie - Marques
Projets
Blog
Le Studio
Contact
de
arrow down
enfrit
Accueil
Expertises
Projets
Blog
Offres d'emploi
Le Studio
Contact
Secteurs
Salle de bains - Fabricants
Matériaux / Finitions - Fabricants
Produits Home & Home & Living
Mobilier - fabricants
Cuisines - Fabricants
Mobilier rembourrés - Fabricants
Appareils électroménagers - Fabricants
Ou suivez-nous sur :
Icône InstagramIcône FacebookIcône LinkedInIcône PinterestIcône YouTube
Logo de Danthree Studio - Agence de CGI

CGI STUDIO POUR L'ameublement, la home & home & living

Ou suivez-nous sur :
Icône InstagramIcône FacebookIcône LinkedInIcône PinterestIcône YouTube
Secteurs
Salle de bains - Fabricants
Matériaux / Finitions - Fabricants
Produits Home & Home & Living
Mobilier - fabricants
Cuisines - Fabricants
Mobilier rembourrés - Fabricants
Appareils électroménagers - Fabricants
GlossaireQu'est-ce qu'une carte de normales ?

Qu'est-ce qu'une carte de normales ?

Laura Weidner
•
Dernière mise à jour :
11 mai 2026
Dans cet article du glossaire :
Lien textuel
Lien textuel
Lien textuel
Lien textuel

L'excellence en visualisation CGI

Danthree Studio transforme la 3D complexe en atouts marketing performants. Offrez une qualité haut de gamme à votre marque.

Lancer le projet
GlossaireQu'est-ce qu'une carte de normales ?

Qu'est-ce qu'une carte de normales ?

Laura Weidner
•
Dernière mise à jour :
11 mai 2026

Définition de la carte de normales

Une « normal map » est une texture qui stocke l'orientation des normales de surface. Elle permet ainsi de simuler de petites irrégularités, des plis ou des pores, sans ajouter de polygones supplémentaires. Résultat : un niveau de détail élevé, un temps de rendu réduit et des matériaux cohérents dans le workflow PBR.

‍

Comment fonctionne exactement une carte de normal ?

Au lieu de modéliser la géométrie réelle, les normales de chaque pixel sont codées sous forme de valeurs RVB (généralement dans l'espace tangent). Le moteur de rendu interprète cette couleur comme l'« orientation » de la surface : la lumière réagit à celle-ci comme s'il s'agissait d'une véritable structure. Important : ce n'est pas la carte de normales qui fournit les valeurs de couleur correspondant à la couleur de l'objet, mais la carte d’albédo / de couleur de base.

En bref :

  • RGB = direction normale XYZ
  • Espace tangent = l'objet peut se déplacer/se déformer
  • Objet « Space » = pour les éléments statiques (par exemple, l'architecture)
Explication de la carte normale

‍

Exemples de cartes normales

Normal Map d'un tissu tissé - fibres fines pour une représentation réaliste du tissu en temps réel & rendus hors ligne.
Tissu: les microstructures du textile sont générées par la « normal map » ; la lumière se réfracte au niveau des fibres, ce qui confère au tissu un aspect incroyablement réaliste au toucher.

‍

Carte normale d'une surface en béton présentant une structure de coffrage à planches, pour un rendu correct de la réfraction de la lumière et des ombres dans les rendus.
Béton/coffrage en planches: les rainures verticales et les pores sont simulés par Normal Map - idéal pour des textures de béton crédibles dans l'Intérieur & l'Extérieur.

‍

Normal Map d'un mur de briques sombres - Joints & reliefs pour des matériaux PBR réalistes en CGI.
Brique: la carte normale met en valeur les joints, les éclats et les reliefs, ce qui confère aux surfaces en brique un aspect plastique sans alourdir le maillage.
Rendu 3D d'un salon lumineux avec un canapé en cuir marron et une vue sur la nature environnante à travers de grandes fenêtres

Du terme technique à l'expérience visuelle

Nous ne faisons pas qu'utiliser ces technologies, nous les maîtrisons. Découvrez comment nous créons des univers photoréalistes pour de grandes marques de mobilier.

Consulter le portfolio

‍

Mini-comparaison : carte normale vs carte de relief

critère Carte normale (espace tangent) Carte de relief (niveaux de gris)
Réaction à la lumière / Précision Élevé (directions correctes) Faible (valeurs d'altitude uniquement)
Animation / Déformation Bien adapté Limité
Informations sur les couleurs RGB Niveaux de gris
charge de calcul Un peu plus cher, mais plus efficace Très faible

‍

Voici comment sont créées les cartes de normal chez Danthree Studio

1. Conversion High-poly → Low-poly

Nous commençons par créer un modèle high-poly détaillé (par exemple, les fibres d'un tissu, les pores du bois, les rainures). À partir de celui-ci, nous générons des cartes normales, AO et de courbure sur le modèle low-poly optimisé. Un atlas UV soigné, un padding UV suffisant et une sortie en 16/32 bits permettent d'éviter les bandes et les coutures. Pour que tes cartes s'harmonisent également sur de grandes surfaces, il est recommandé d'effectuer un test avec le « Checker » pour les textures tilables.

2. Structure des shaders dans le workflow PBR

La normal map cuite est combinée, dans le shader de matériau, avec les paramètres Roughness/Metalness (PBR) et, le cas échéant, Height/Displacement. Ainsi, les matériaux se comportent de manière cohérente dans n'importe quelle configuration d'éclairage, qu'il s'agisse d'un rendu, d'une visionneuse WebGL ou de la réalité augmentée.

3 Optimisation pour le temps réel & glTF

Pour les visionneuses Web (glTF, USDZ), nous réduisons la résolution et la profondeur de bits sans perte visible de détails. Si nécessaire, nous fusionnons plusieurs cartes de normales (détail/tuile) en une seule texture afin de limiter les temps de chargement.

4. contrôle de la qualité & CI de la marque

Avant la mise en ligne, nous vérifions les points suivants : la microstructure correspond-elle réellement au message du produit (par exemple, lin fin ou tweed grossier) ? Les reflets sont-ils correctement restitués sous un éclairage conforme à l'identité visuelle? Ce n'est qu'alors que nous validons le rendu dans notre studio de rendu 3D.

‍

Quelques astuces pour utiliser les cartes normales

Quelques astuces pour utiliser les cartes normales

  • UV propres & padding suffisant - sinon artefacts sur les bords.
  • Utiliser la cage lors de la conversion de modèles haute résolution (high-poly) en modèles basse résolution (low-poly).
  • 16 bits/32 bits lors du « baking » (par exemple dans Substance 3D Painter) → moins d'effets de bandes.
  • Pas de « normal maps » sur les surfaces en verre réfléchissantes: il faut utiliser d'autres textures (rugosité, indice de réfraction).
  • Vérifier le swizzle (OpenGL vs DirectX) – axe incorrect = détails inversés.

‍

Les normal maps en pratique : deux exemples de projets

1. Les normal maps en action – Canapé

Lors de la Visualisation 3D du produit pour Natuzzi , nous avons fait cuire le grain fin du cuir, les plis et les points de pression en tant que Normal Map à partir du Highpoly. De cette manière, les rehauts et les ombres sur le matériau ont un effet plastique - sans un nombre de polygones inutilement élevé.

Visualisation 3D d'un canapé en cuir Natuzzi dans une pièce – la « normal map » permet d'obtenir une surface réaliste et des reflets lumineux
Une vue d'ensemble : grâce à la « normal map » et à la « metalness map », le canapé en cuir présente une grande richesse de détails, même dans la vue d'ensemble – des contours adoucis aux reflets brillants.

‍

Visualisation 3D d'un canapé en cuir Natuzzi dans une pièce – la « normal map » permet d'obtenir une surface réaliste et des reflets lumineux
Gros plan : la « normal map » intégrée rend visible la texture du cuir – les petits plis et les pores réagissent de manière réaliste à la lumière.

‍

2. pot de plantes & banc - rendre visible la structure de l'argile

Dans le projet Visualisations 3D pour pots de plantes & bancs (Watcon) nous avons introduit la structure argileuse irrégulière et les petites rainures par Normal Map. La lumière joue ainsi de manière crédible sur la surface - idéal pour les rendus en extérieur dans différents environnements.

Scène en extérieur avec trois pots de fleurs – la « Normal Map » confère un aspect réaliste à la surface minérale, malgré un nombre réduit de polygones
Une scène impressionnante : malgré un faible nombre de polygones, les cartes normales confèrent une profondeur de texture réaliste – idéal pour les visionneuses Web, la réalité augmentée ou les grandes bannières publicitaires.

‍

Visualisation 3D d'un bac à plantes présentant une surface finement structurée – la carte normale met en valeur les rainures et les arêtes de manière photoréaliste
Gros plan : la carte de normal met en valeur les stries rugueuses du bac à plantes et ses formes aux arêtes vives – idéal pour les gros plans et les impressions.

‍

FAQ – Carte de relief

‍

Ai-je toujours besoin de l'espace tangent pour les cartes normales ?

Ce n'est pas obligatoire. Les cartes normales en espace tangent sont la norme pour les maillages animés ou déformables. Pour les éléments rigides, tu peux également utiliser des cartes normales en espace objet ou en espace monde : elles sont plus précises, mais plus difficiles à combiner.

‍

Comment fonctionne le principe du « normal mapping » ?

Une carte de normales modifie les normales de surface d'un pixel sans ajouter de géométrie. Cela permet d'obtenir des ombres et des lumières plus détaillées, tout en conservant le même nombre de polygones.

‍

Quels emplacements de texture dois-je attribuer dans le matériau WebGL/Three.js ?

Dans Three.js, tu dois attribuer la normalMap au MeshStandardMaterial. Veille à ce que l'intensité (normalScale) et l'espace colorimétrique (Linéaire, pas sRGB) soient corrects.

‍

Quels paramètres dois-je configurer dans Blender lors de l'importation d'une carte de normales ?

Dans l'éditeur de shaders, utilisez le nœud « Normal Map », réglez « Color Space = Non-Color », puis reliez le résultat à l'entrée « Normal » du shader BSDF.

‍

Pourquoi mes plis/détails semblent-ils adoucis ou incorrects ?

Causes fréquentes : espace colorimétrique incorrect, base tangentielle inadaptée ou canaux inversés. Consultez les bonnes pratiques relatives aux normal maps et vérifiez si vous devez corriger l'inversion des canaux vert/bleu.

‍

Comment importer correctement des normal maps dans Cinema 4D/Redshift ?

Dans le moteur de rendu Redshift ou standard, utilisez le shader de carte normale, réglez la texture sur « Linéaire/Non-couleur » et connectez-la au port « Normal » du matériau.

‍

Comment générer une carte normale propre à partir d'un modèle haute résolution vers un modèle basse résolution ?

Assurez-vous que les UV sont propres, utilisez une cage et vérifiez l'absence d'artefacts. Le wiki Polycount consacré au baking décrit les étapes de base. L'anti-aliasing, un padding suffisant et une triangulation correcte sont indispensables.

Logo de Danthree Studio - Agence de CGI

CGI STUDIO pour les mobilier, la maison et l'habitat

Notre Expertise

Conseil stratégique en CGI et conception visuelle
Modélisation 3D
Visualisation 3D
Réalité augmentée (RA)
Photos de produits / Images détourées
Numérisation des surfaces
Animation 3D
Réalité virtuelle

Secteurs

Salle de bains - Fabricants
Matériaux / Finitions - Fabricants
Produits Home & Home & Living
Mobilier - fabricants
Cuisines - Fabricants
Mobilier rembourrés - Fabricants
Fabricant de revêtements de sol
Appareils électroménagers - Fabricants
Rendu de la chambre à coucher
Visualisation d'intérieur / d'espaces
Rendu du salon
Mobilier de jardin d'extérieur
Bureau de Visualisation 3D
Rendu 3D cheminée & poêle
Fabricant de revêtements muraux

Le Studio

Projets
Blog
Glossaire
Offres d'emploi
Contact
Le Studio

Outils de studio

Outils de studio
SKU CGI - Planificateur
Visionneuse 3D
Calculateur de retour sur investissement : CGI vs. séance photo
Calculateur d'économies de CO₂ et de développement durable
Comparaison des photos « avant » et « après »
Textures modulables de type « Checker »
Format du motif & Safe-Area-Checker
Calculateur de prix CGI
Générateur de codes QR en réalité augmentée
Mentions légales
Politique de Confidentialité
Cookies
Paramètres des cookies
Offres d'emploi