
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.
Free in-browser map generator with no login; Google sign-in required for cloud AI.
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.
Exportable map types
Live 3D statue bust preview
Materials · lighting / shape · auto-spin
Top: materials · Bottom: lighting / shape
FEATURES
NormalMapAI combines a normal map generator, a live 3D normal map generator preview, and companion prep tools in one free browser normal map generator toolkit.

The NormalMapAI normal map generator converts photos into OpenGL or DirectX normal maps with live lighting on a shader ball so you see relief before export — then expand into height, roughness and AO when needed.
Blend photo edges in our companion tool before or after using the normal map generator, flatten uneven lighting, and preview 2×2 to 4×4 tiling until seams disappear. Export a tileable PNG up to 4K or send it straight into the PBR generator.
Albedo, normal (OpenGL or DirectX), 16-bit height and displacement, roughness, ambient occlusion, metallic, bump, curvature and specular — named and packed for real engines.
Presets in this normal map generator pack ORM and MetallicSmoothness the way Unity, Unreal, Godot and Blender expect, so you skip hand-packing normal map generator channels in Photoshop.
Remove black or white backgrounds with threshold and feather controls, preview on a checkerboard, then download a clean PNG or hand the cutout to the normal map generator.
WebGL2 shaders inside the normal map generator drive maps up to 2048 px in milliseconds. Browsers without WebGL2 still run the normal map generator and export on the CPU.
WHAT
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.
Classical statue bust preview
4 materials above · lighting & shape below
Top: materials · Bottom: lighting / shape
WHY

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.

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.

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

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 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.

Choose 512, 1024, 2048 or 4096. Height and displacement leave as 16-bit PNG so displacement survives compression better than 8-bit gray maps.
15-second product demo
Watch a purple cobblestone normal map preview in the local workbench, then tile 4 by 4 without a visible seam.
HOW IT WORKS
Four steps from a surface photo to a normal map — and an optional full material — on this homepage.

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.

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.

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.

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.
The same pipeline covers indie game props, archviz floors, Blender look-dev and quick photo-to-material experiments.

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.

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.

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

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

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

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

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

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

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

Learn how normal, roughness and AO relate by scrubbing sliders and watching the normal map generator 3D preview respond.
COMPARISON
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.
| Capability | NormalMapAI | Typical free normal tools |
|---|---|---|
| Normal map generator + live 3D preview | Yes | sometimes |
| Seamless / tileable repair with live preview | Yes | sometimes |
| Live 3D material preview | Yes | rare |
| Unity / Unreal / Godot / Blender ZIP presets | Yes | No |
| 16-bit height & displacement export | Yes | No |
| Runs locally — no account required | Yes | varies |
TOOLS
PBR Texture Generator
Full PBR map-set landing with engine ZIP export.
Normal map generator
Homepage live 3D normal map generator.
Seamless Texture Maker
Blend edges and preview tiling up to 4K.
Transparent PNG Tool
Remove black or white backgrounds.
Image to Normal Map Converter
Convert any image or PNG to a normal map in your browser. Adjust strength, switch DirectX / OpenGL and preview…
Bump Map Generator
Create a bump map from any photo online. Control contrast, preview in 3D and export — free and private.
Ambient Occlusion (AO) Map Generator
Generate an ambient occlusion map from a photo. Adjust radius and strength and pack it into ORM for Unreal or …
Roughness Map Generator
Make a roughness map from any image, or flip it to a Unity smoothness map. Free, in-browser, with 3D preview.
Displacement Map Generator
Free displacement map generator: create a 16-bit displacement map from any photo for Blender, Unreal, parallax…
LEARN
Short how-tos for the normal map generator, seamless textures and engine imports.
How to Use a Free Normal Map Generator (Step by Step)
A normal map stores surface direction so flat photos catch light in 3D. This guide walks through NormalMapAI’s free generator — from upload to engine ZIP — without installing software.
How to Make Seamless / Tileable Textures From Photos
Hard seams show up the moment a photo is tiled. Use edge blending, multi-scale fade and a 2×2–4×4 preview so the pattern repeats cleanly before you build normal and roughness maps.
Import PBR Maps into Unity, Unreal Engine and Blender
Export presets pack maps the way each engine expects. This guide covers import settings so albedo stays colored, normals stay linear, and ORM / MetallicSmoothness land in the right channels.
PBR Maps Explained: Albedo, Normal, Roughness, AO, Metallic and More
Physically based rendering needs a small set of textures that describe color, shape and light response. Here is what each map does and which ones NormalMapAI generates from one photo.
Height Map vs Displacement Map: What Changes in a Renderer
Both textures store height as brightness. Height often drives parallax or bump-style effects; displacement moves vertices. NormalMapAI exports both as 16-bit PNG to avoid banding.
Normal Maps: DirectX vs OpenGL (Y Flip) Explained
The only practical difference is the green channel: OpenGL stores +Y, DirectX stores −Y. Pick the right format — or an engine export preset — so bumps do not turn into dents.
Use our in-browser normal map generator, 16-bit height baker, seamless tile studio, and alpha cutout tools free. Sign in with Google to get 10 credits, enough for one image.
Local normal map generator and PBR utilities stay free, with no watermark. New users get 10 credits, enough for one image. Further Cloud AI needs a paid plan or credit pack.
New users get 10 credits, enough for one image. 10 credits = 1 standard image.
Normal Map Generator & Cloud AI Subscription Plans
Pair our free normal map generator with Cloud AI credits: 1K AI normal map generator texture = 10 credits · 2K HD = 20 credits.
For indie game devs, Blender normal map generator artists & daily AI PBR creation
Renews automatically each month. Cancel anytime in your account menu.
2,000
≈ 200 standard AI textures ($0.049 / generation)
For 3D studios, normal map generator teams & high-volume asset pipelines
Renews automatically each month. Cancel anytime in your account menu.
6,000
≈ 600 standard AI textures ($0.041 / generation)
The higher monthly plan. Same Studio tools, with more credits each month.
Renews automatically each month. Cancel anytime in your account menu.
8,000
≈ 800 standard AI textures ($0.054 / generation)
Secure payments processed by Waffo
Free in-browser map generator with no login; Google sign-in required for cloud AI.
FAQ
Our in-browser conversion and preview tools are 100% free with unlimited exports and require no account, while our cloud AI texture generator requires a Google Sign-In and includes 1 free trial generation.
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.
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.
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.
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.
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.
Images processed in the local in-browser tools never leave your device, whereas cloud AI generation uploads your text prompts and selected reference images to our AI generation services to create textures.
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.
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.
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.
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.
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.