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.

+
=
Texture
Normal Map
Dynamic Lighting

Effect tools

Effect tools create stunning effects in no time.

Bevel

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

+
=
Sprite with transparency
Bevel Effect on Normal Map
Lit Texture

Emboss

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

+
=
Texture
Emboss Effect on Normal Map
Lit Texture
“I hadn't considered normal maps at all before. I'm very excited to be adding 3D effects to my 2D games!” 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
Surface

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