unity logo
cocos2d logo
cocos2d-x logo
spritekit logo
corona logo

SpriteIlluminator in Action: Generate your normal maps

Generating and painting normal maps for 2d game objects and art.

What is a normal map?

Rendering dynamic lighting & other effects requires information in which direction a pixel is facing. The direction information — encoded into a color value — is called a normal map.

Normal Map
Dynamic Lighting

Effect tools

Effect tools create stunning effects in no time.


adds volume to a sprite's shape by extruding it's opaque parts.

Sprite with transparency
Bevel Effect on Normal Map
Lit Texture


adds height differences based on the luminosity of the sprite's colors.

Emboss Effect on Normal Map
Lit Texture
“Lighting controls in the live preview are fantastic, and make it really easy to test and see the effects of different lighting situations.” Anonymous answer from the SpriteIlluminator Survey

Paint tools

Use the paint tools to directly draw on the normal map and fine tune the effects.

Angle Brush

adjusts angles in the normal map. The colors represent the angles you are painting.

Pick an angle
Paint on the normal map

Height Brush

raise or lower parts of the sprite

Flat surface
Normal map painted with Height Brush

Smoothen Brush

smoothen hard edges on the surface.

Structure / Noise

add noise and structure on the surface

Selection tools

Use the selections to restrict effects and brush strokes.

Polygon Lasso

Select using a polygon

Magic Wand

Select parts with similar color