Community

Did you know that... episode 3.

Shadowforge · published

Shadowforge Tutorial: Adding Shadows and Depth to a Sprite

This tutorial demonstrates a simple workflow for creating shadows and depth on pixel art creatures in Shadowforge.

1. Start with the Base Colors

The artist begins with a fully colored creature sprite. At this stage the character has flat colors, but very little depth.

2. Create a Shadow Layer

A new layer is added specifically for shadows. Keeping shadows on their own layer allows you to:

  • Adjust opacity later

  • Erase mistakes easily

  • Experiment without damaging the base colors

3. Choose a Darker Version of the Base Color

Instead of painting with pure black, the tutorial uses darker shades of the existing colors.

For example:

  • Dark green for green feathers

  • Dark olive for wing details

  • Darker tones around the neck and body

This produces more natural-looking shading.

4. Decide on a Light Source

The shadows are painted consistently as if the light is coming from one direction.

Areas facing away from the light receive darker values:

  • Under wings

  • Beneath overlapping feathers

  • Around the lower body

  • Under the head and neck

  • Near joints and folds

Consistency is more important than complexity.

5. Paint Large Shadow Shapes First

The tutorial blocks in broad shadow regions before worrying about details.

This helps establish:

  • Volume

  • Form

  • Readability

Think of the sprite as a 3D object rather than a collection of outlines.

6. Add Secondary Shadows

After the major shadows are placed, smaller shadows are added where parts overlap:

  • Wing feathers casting shadows on each other

  • Body casting shadows onto the legs

  • Neck casting shadows onto the chest

These contact shadows greatly increase depth.

7. Adjust Opacity

The tutorial uses Shadowforge's Alpha controls to fine-tune the darkness.

If shadows feel too strong:

  • Lower the layer opacity

  • Use a softer brush

  • Blend with surrounding colors

8. Check the Sprite at Normal Zoom

A common mistake is shading while zoomed in and forgetting how it looks at actual game size.

The tutorial regularly previews the sprite at a smaller scale to ensure:

  • Good readability

  • Clear silhouette

  • Balanced contrast

9. Refine and Clean Up

Final passes are used to:

  • Smooth awkward shadow shapes

  • Remove stray pixels

  • Strengthen important forms

The result is a sprite that feels much more three-dimensional without needing additional detail.


Key Takeaways

  • Use separate layers for shadows.

  • Shade with darker versions of existing colors, not pure black.

  • Keep a consistent light source.

  • Block in large shadow areas first.

  • Add contact shadows where forms overlap.

  • Adjust opacity instead of repainting everything.

  • Frequently check the sprite at game resolution.

The main lesson of this tutorial is that good shadow placement creates depth far more effectively than simply adding more detail or colors.

More from Shadowforge

Other announcements

All events