NormalGen Pro

Normal Map Generator & 3D Real-time Visualizer

Real-time Processing

1. Input Texture

Drag & drop your image

PNG, JPG, WEBP, BMP

Or test with procedural presets:

2. Settings

2.5
Subtle Intense
0px
Sharp Blur
1.0
Low Exaggerated
Axis Coordinate Space

3. Export

Working Resolution: 512 x 512
Input Height/Color Map Source
Generated Normal Map RGB Normal

Interactive 3D Material Preview

Drag with Left Mouse to rotate object. Scroll to zoom.

Understanding Normal Maps & Best Practices

What is a Normal Map?

Normal maps are texture channels used in modern renderers (Unreal Engine, Unity, Blender, etc.) to project sophisticated depth and lighting onto low-polygon meshes. Instead of using complex polygon structures, colors indicate normal vector directions ($R=X$, $G=Y$, $B=Z$).

The Coordinate Systems:

Different 3D platforms require inverted channels. If shadows in your game engine appear inside-out, try toggling Invert Green (Y). Unreal Engine generally expects -Y (inverted), while Unity and WebGL expect +Y.

Generating Smooth Normals:

Highly detailed color textures can look incredibly noisy. Try using the Blur / Noise filter slider to smooth out high-frequency texture noise (like concrete pores) to get cleaner primary depth curves.

Quick Guide:

  1. Upload/drag any color or height picture.
  2. Configure the parameters in real-time on the left.
  3. Spin the 3D model in the viewport to inspect high-fidelity shadows.
  4. Click "Download Normal Map" to export the finalized PNG!

NormalGen Pro runs entirely in-browser. Your images are processed locally and are never uploaded to any remote servers.