No Image Loaded
Upload a pixel art PNG with transparency to start generating maps.
100%
Upload a pixel art PNG with transparency to start generating maps.
Normal maps are textures that store surface direction information (normals) to simulate detailed 3D geometry on flat surfaces. Each pixel's RGB values represent the X, Y, and Z components of the surface normal at that point, creating the illusion of depth and detail when lit.
1. Load an Image: Upload a pixel art PNG with transparency. The editor analyzes the image's alpha channel and luminance to generate height information.
2. Adjust Parameters: Use the sliders to control the bevel shape, height intensity, smoothness, and detail from the original colors.
3. Preview Lighting: Switch to "Lit 3D" mode to see how your normal map responds to dynamic lighting. Click or drag to position the light source.
4. Export: Download the generated normal map for use in your game engine or 3D application.
Bevel Width: Controls the width of the edge slope (bevel). Higher values create a wider, more gradual slope from the edge inward, resulting in a smaller flat center (or no flat area at all for high values).
Height Strength: Adjusts the intensity of the normal map slopes. Higher values create more dramatic lighting effects.
Smoothness: Applies blur to the height map before generating normals, creating softer, more gradual transitions.
Detail Weight: Blends the original image's luminance into the height map, preserving color-based details.
Flip Horizontal/Vertical: Inverts the normal map direction. Use these if lighting appears from the wrong direction in your engine.