Free · Local processing · No sign-up

Free normal map generator with live 3D preview

NormalMapAI is a free normal map generator with live 3D preview. Drop a photo, tune the normal map on a shader ball, and export — or expand into a full PBR set when you need more channels.

  • Normal map generator with live 3D shading
  • Optional full PBR set: height, roughness, AO & more
  • Private in-browser — photos never leave your device

Exportable map types

Live 3D statue bust preview

Materials · lighting / shape · auto-spin

Top: materials · Bottom: lighting / shape

Normal map generator — live on this pageMaximize opens full workspace

Loading 3D preview…

Ctrl + scroll to zoom

UV

WHAT

What is a normal map generator — and what is NormalMapAI?

A normal map generator turns a flat photo into an RGB normal map that fakes surface detail under lighting. NormalMapAI is a free normal map generator in the browser: drop a JPG, PNG or WebP, watch a live 3D preview, and download OpenGL or DirectX normals — then optionally expand into a height map, roughness map, AO map, metallic and specular map generator channels in the same session. Prefer a dedicated image to normal map flow when you only need that converter.

Unlike one-off converters that only spit out a purple normal, NormalMapAI keeps the normal map generator workflow next to seamless texture repair, transparent PNG cutouts and a full PBR texture generator path for Unity, Unreal, Godot and Blender. Reach for the bump map generator, displacement map generator or texture maker when those jobs are primary; skim the guides when you need engine packing notes.

Everything stays private. Decoding and generation run locally with WebGL2 (or CPU fallback). No account wall, no cloud upload for your photos — safe for proprietary references and fast enough for lunch-break prototyping.

  • Photo → normal map generator → live 3D relief check
  • OpenGL / DirectX normals plus optional full PBR set
  • Unity / Unreal / Godot / Blender export presets
  • Companion tools: seamless maker, transparent PNG, PBR generator

Classical statue bust preview

4 materials above · lighting & shape below

Top: materials · Bottom: lighting / shape

WHY

Why choose NormalMapAI as your normal map generator

PBR map strip: albedo, normal, height and roughness thumbnails

Faster than opening a full DCC suite

No install, no license key, no project setup. Open the page and start from a phone photo, a CC0 download, or one of the Poly Haven samples on this page.

Live 3D shader ball preview of a generated material

Catch seams and lighting before export

Flat 2D thumbnails hide hard edges and baked shadows. The 3D preview, tiling view and map strip show problems while you still have the sliders open.

Unity, Unreal, Godot and Blender export preset cards

Maps engines already understand

Export presets match Unity MetallicSmoothness, Unreal/Godot ORM packing and Blender Principled workflows, including DirectX vs OpenGL normal orientation.

Local browser processing — photos never leave your device

Your photos stay on your device

Decoding and map generation are local. Outputs come from your image, so you keep commercial rights to what you generate for games, renders and products.

Seamless tiling preview for texture edges

One hub instead of five single-purpose sites

Seamless repair, transparent cutouts, normal/height/roughness/AO tools and the full generator share the same visual language and hand off to each other without re-uploading.

Export size options from 512 to 4096 pixels

Built for real export sizes

Choose 512, 1024, 2048 or 4096. Height and displacement leave as 16-bit PNG so displacement survives compression better than 8-bit gray maps.

HOW IT WORKS

How the NormalMapAI normal map generator works

Four steps from a surface photo to a normal map — and an optional full material — on this homepage.

  1. 1

    Upload or pick a sample

    Use your own JPG, PNG or WebP, or start from a Poly Haven CC0 sample (rock wall, rusty metal, wood planks) to learn the controls without hunting for a photo.

  2. 2

    Make it seamless (optional)

    Open the Seamless Texture tool to blend edges and flatten lighting. Check a live tiling preview, then send the result into the PBR generator with one click.

  3. 3

    Tune maps in live 3D

    Drag sliders for normal, height, roughness, AO, metallic and specular. Switch preview models (shader ball, sphere, cube, plane, cylinder, torus) and lighting until the material reads correctly.

  4. 4

    Download an engine ZIP

    Pick Unity, Unreal, Godot, Blender or a generic pack at up to 4096 px. Drop the files into your project and connect them to a standard PBR shader.

USE CASES

Practical texturing scenarios

The same pipeline covers indie game props, archviz floors, Blender look-dev and quick photo-to-material experiments.

01

Indie game props with this normal map generator

Turn phone photos of concrete, brick or metal into tileable materials for Unity or Unreal prototypes using our browser normal map generator without waiting on a full art pipeline.

02

Archviz floors & walls in the normal map generator

Make wood, tile and plaster photos seamless, then export roughness and normal maps that sit cleanly on large planes after exporting from the normal map generator.

03

Blender look-dev with our normal map generator

Build a Principled BSDF-ready set (base color, normal, roughness, metallic) from a reference photo while iterating lighting in the normal map generator viewport.

04

Photo to height in the normal map generator

Extract 16-bit height and displacement for subtle surface relief, terrain accents or laser/3D-print style height workflows.

05

Fix seams before running the normal map generator

When a downloaded albedo almost tiles but shows a visible edge, repair it in the seamless tool and regenerate the dependent maps.

06

Cutout decals in the normal map generator

Remove black or white backgrounds with the transparent PNG tool, then use the normal map generator for embossed logos or surface decals.

AUDIENCE

Who it's for

Indie

Indie devs using a normal map generator

Need fast, free materials for Unity, Unreal or Godot with a free online normal map generator instead of a heavy desktop seat.

Blender

Blender artists using a normal map generator

Convert client reference photos into Principled maps inside this browser normal map generator between client calls.

Archviz

Archviz designers using a normal map generator

Build tileable wood, stone and fabric materials that survive large UV islands after normal map generator tuning.

Students

Students learning a normal map generator

Learn how normal, roughness and AO relate by scrubbing sliders and watching the normal map generator 3D preview respond.

COMPARISON

How NormalMapAI compares

Many free tools stop at a static purple PNG. NormalMapAI pairs a normal map generator with live 3D preview and an optional full PBR path.

CapabilityNormalMapAITypical free normal tools
Normal map generator + live 3D previewYessometimes
Seamless / tileable repair with live previewYessometimes
Live 3D material previewYesrare
Unity / Unreal / Godot / Blender ZIP presetsYesNo
16-bit height & displacement exportYesNo
Runs locally — no account requiredYesvaries

LEARN

Guides & tutorials

Short how-tos for the normal map generator, seamless textures and engine imports.

All guides →

Ready to try the free normal map generator?

No account. No upload. Scroll to the NormalMapAI normal map generator on this page, drop a photo, preview in 3D, and export — or open the PBR texture generator for a full map set.

FAQ

Normal map generator frequently asked questions

Q1.What is the best free online normal map generator and browser normal map generator without login?▼

NormalMapAI (normalmapai.com) is a free online normal map generator that converts 2D photos into production-ready tangent-space normal maps and full PBR texture packs directly in your browser. Unlike server-side tools that require sign-up or add watermarks, this normal map generator runs 100% locally via WebGL2 and Canvas with instant PNG and ZIP export.

Q2.How do I use a normal map generator to convert a 2D photo in a free normal map generator for Blender, Unity, or UE5?▼

Upload your JPG, PNG, or WebP image into the NormalMapAI normal map generator, tune Normal Strength, Detail, and Height on the live 3D shader ball, and pick your target engine. Choose OpenGL (Y+) in the normal map generator for Blender, Unity, and Godot, or DirectX (Y-) for Unreal Engine 5, then export your normal map PNG or engine ZIP.

Q3.Should I choose OpenGL (Y+) or DirectX (Y-) in a normal map generator when exporting from a normal map generator?▼

Choose OpenGL (Y+) in the normal map generator for Blender, Unity, Godot 4, and Three.js, where the green channel points up. Choose DirectX (Y-) in the normal map generator for Unreal Engine 5, 3ds Max, and DirectX-based pipelines, where the green channel points down.

Q4.How do I fix seams or blurry details in a normal map generator when using an online normal map generator?▼

To fix visible tile borders, enable Make Seamless or open the Seamless Texture tool before exporting from the normal map generator and verify repeating edges on a 2x2 or 4x4 grid. To sharpen blurry relief on brick, stone, or fabric, raise Normal Strength and Fine Detail inside the normal map generator while keeping pre-blur low.

Q5.In a normal map generator workflow, how does a normal map generator differ from a bump, height, or displacement map?▼

A normal map generator encodes XYZ surface slopes in RGB channels so real-time shaders fake directional lighting on low-poly meshes without adding triangles. A bump map or height map stores single-channel grayscale elevation, whereas a displacement map physically moves subdivided vertices at render time to alter the silhouette.

Q6.Can a normal map generator create roughness, AO, height, and metallic maps in one normal map generator pass?▼

Yes—NormalMapAI pairs a normal map generator with a multi-channel PBR pipeline that derives normal, 16-bit height, displacement, roughness, ambient occlusion (AO), metallic, and specular maps from one photo. You can inspect every channel in the normal map generator 3D viewport and download all maps together in one ZIP bundle.

Q7.Is the NormalMapAI normal map generator safe for commercial assets, and does this normal map generator stay local?▼

Yes, every texture you create with the NormalMapAI normal map generator is 100% royalty-free for commercial games, archviz, VFX, and client projects. Because this normal map generator executes entirely inside your browser via local WebGL2 shaders, your proprietary source photos never leave your device.

Q8.What is the best browser normal map generator alternative to Photoshop or Materialize for a normal map generator?▼

The NormalMapAI normal map generator is a fast, zero-install browser alternative to discontinued Photoshop 3D filters, Materialize, and CrazyBump. This online normal map generator gives you real-time slope controls, OpenGL/DirectX Y-channel flipping, seamless tiling repair, and interactive 3D PBR preview on Windows, macOS, and Linux.

Q9.What Strength and Detail settings work best in a normal map generator when tuning a normal map generator preview?▼

In the NormalMapAI normal map generator, rough brick, rock, and concrete look best with medium-to-high Normal Strength and balanced Detail for deep mortar grooves. Fine wood grain, leather, and woven fabric work best in the normal map generator with moderate Strength and crisp high-frequency Detail.

Q10.How do I connect a normal map generator PNG from this normal map generator to Blender Principled BSDF?▼

Export an OpenGL (Y+) PNG or Blender ZIP from the NormalMapAI normal map generator, load the normal map into an Image Texture node in Blender, and set Color Space to Non-Color. Pipe the color output into a Normal Map node (Tangent Space) and connect that to the Normal input of your Principled BSDF shader.

Q11.Does this online normal map generator support 4K normal map generator export and 16-bit height maps?▼

Yes, the NormalMapAI normal map generator exports at 512, 1024, 2048 (2K), and 4096 (4K) pixels. While color and normal maps export as 8-bit PNGs from the normal map generator, height and displacement maps export as 16-bit PNGs so deep relief stays free of stair-step banding.

Q12.Why does my normal map generator output look inverted, and how do I flip Y in the normal map generator?▼

Inverted lighting happens when the green (Y) channel orientation from your normal map generator does not match your game engine, or when sRGB color space is left turned on. Flip between OpenGL and DirectX in the normal map generator export preset, and mark the texture as Normal Map / Non-Color in your engine.