# How to create a normal map texture? or show normal map texture? **URL:** \ **Category:** Questions\ **Tags:** material\ **Created:** [February 14, 2023, 9:06pm UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229 "2023-02-14T21:06:24Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![imarabinda](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/imarabinda/32/27201_2.png) [@imarabinda](https://forum.babylonjs.com/u/imarabinda)\ **Post date:** [February 14, 2023, 9:06pm UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/1 "2023-02-14T21:06:24Z")
Can any one please guide me how to show normal maps, [Sofa - Download Free 3D model by Urpo [80edec2] - Sketchfab](https://sketchfab.com/3d-models/sofa-80edec2de8c04a4fb335a48b550a2336) how they are doing normal map, wireframe in double layer, how can i set wireframe background white and wireframes in dark? how to show the UV map? I’m new in this field. please guide me ---
**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\ **Post date:** [February 14, 2023, 11:05pm UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/2 "2023-02-14T23:05:36Z")
Hey @imarabinda Sure thing I can show you how to show normal maps, etc using the Inspector. Before we dive-in, in the future, please provide a playground with your question. That is the easiest way for people to help you learn. It’s also an expectation around here. 😉 Let’s start with this one: > **[Babylon.js Playground](https://playground.babylonjs.com/#SYQW69%23448)** > > Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes With the scene loaded, find this button at the top: ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/f/4/f474b646a44cec9382368a9998f6536152b2591d.png) That opens up the Inspector. Next, in the inspector, expand Materials and select “YetiMat.” This selects the Yeti’s Material. ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/1/6/16523d83b6d9ba190f0fcb035def00f59f74e0f6.png) Next, if you scroll down in the general properties: ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/7/278781bf1753241b97a65e6819857df269ca95ca.png) You’ll come to the “Channels” section. ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/3/6/3618c3e57f22dd1a54ff7afc0547a0ef7f370a14.png) If you select the little wrench icon on the far left of Bump, it will show you the Normal Map. ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/9/d/9d8fa1d556a6ff18031900539ae8e0e6e8c9d1c0.png) ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/a/2a5a6b86efc5e64bd9a153a3f7b6fa7936e06402.png) You can toggle “isolation” for any of the texture channels through the wrench icons next to each item. The inspector is definitely your friend! I hope this helps! ---
**Author:** ![imarabinda](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/imarabinda/32/27201_2.png) [@imarabinda](https://forum.babylonjs.com/u/imarabinda)\ **Post date:** [February 15, 2023, 3:53am UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/3 "2023-02-15T03:53:19Z")
[https://playground.babylonjs.com/#S0KJUA#39](https://playground.babylonjs.com/#S0KJUA#39) , this is my play ground, but i see there is no bump texture available as you’ve shown in the yeti image ---
**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\ **Post date:** [February 15, 2023, 4:22am UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/4 "2023-02-15T04:22:32Z")
Correct, it looks like you have the model, but no textures for it: ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/3/4326ab46e46f42c17555b408e0ffb86b0bcdfb6f.png) You would need to get the source textures and then apply them either in a DCC tool like Blender, or directly in Babylon. If you go the Babylon route, there are 2 options, applying them directly via code, or using the Node Material Editor. If you’re new to 3D, then I’d suggest taking a look at the Node Material Editor. It’s a code-free way to set up materials for your scene. > **[Node Material | Babylon.js Documentation](https://doc.babylonjs.com/features/featuresDeepDive/materials/node_material/nodeMaterial#using-the-node-material-editor)** > > The Node Material is a simple, highly customizable material that you can build yourself piece by piece. Combined with the powerful node-based editor, ---
**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\ **Post date:** [February 15, 2023, 10:14am UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/5 "2023-02-15T10:14:29Z")
> [@PirateJC](#): > > If you’re new to 3D, then I’d suggest taking a look at the Node Material Editor. Honestly, I wouldn’t start there (sry 🤭). NME might be code free but it requires knowledge on how to create materials at a very minimum. I think the easiest way would be to first learn how to do it with code, using standard, metallic and PBR materials. All nicely explained in the doc and I would [start from here](https://doc.babylonjs.com/features/featuresDeepDive/materials/using/materials_introduction). Of course, my opinion only…and meanwhile, have a great day 🕶 ---
**Author:** ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)\ **Post date:** [February 15, 2023, 11:54am UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/6 "2023-02-15T11:54:41Z")
Honestly I would go even further and suggest anyone who is completely new to 3D to start here: [Introduction to Babylon.js Features | Babylon.js Documentation (babylonjs.com)](https://doc.babylonjs.com/features/introductionToFeatures), as I think jumping directly into materials without having knowledge of things like camera, vectors, etc, can cause a lot of confusion 🙂 ---
**Author:** ![imarabinda](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/imarabinda/32/27201_2.png) [@imarabinda](https://forum.babylonjs.com/u/imarabinda)\ **Post date:** [February 15, 2023, 3:49pm UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/7 "2023-02-15T15:49:36Z")
@PirateJC could you please tweak this material to normal map type [https://nme.babylonjs.com/#AZM7DN#2](https://nme.babylonjs.com/#AZM7DN#2) ---
**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\ **Post date:** [February 15, 2023, 6:11pm UTC](https://forum.babylonjs.com/t/how-to-create-a-normal-map-texture-or-show-normal-map-texture/38229/8 "2023-02-15T18:11:20Z")
Hey @imarabinda, I’m not sure I understand what you’re asking for. There is no “normal map” type for the node material editor. The normal map is usually a texture file generated in a DCC tool like Blender. Displaying that texture in the Node Material editor is incredibly easy. You really only need 2 additional nodes beyond what the default NME template has: A MeshUV node and a texture node. Then you simply load your normal map into the texture node and hook everything up like this: Node Material Example: [Babylon.js Node Material Editor](https://nme.babylonjs.com/#U6T360)