How to Draw a 16×16 Steel-Tipped Golden Staff in Pixel Art

Published on July 17, 2026 · 8 min read

This staff is an exercise in precision rather than volume. Its core is exactly one pixel wide and follows the main diagonal. Two black rails run beside that core, keeping the thin object readable. Material changes—not width changes—tell us where the steel tip, copper collar, gold shaft, and foot begin.

The exact CC0 reference contains 46 visible pixels and 6 visible colours. We will draw it in five stages. Coordinates use (x, y) from the top-left.

Explore the complete drawing history

Step through the saved states before drawing. Show changes reveals that the shape is completed first and each material section is filled afterward.

Step 1: draw the paired diagonal outline rails

The coloured core will occupy (1,1), (2,2), and every matching (n,n) cell through (14,14). Build black rails on both sides of that path.

Start with black at (0,0) and (1,0). Row 1 uses black x0 and x2. Row 2 uses black x1 and x3. Continue shifting both rail cells one column right per row:

• Row 3: black x2 and x4.
• Row 4: black x3 and x5.
• Row 5: black x4 and x6.
• Continue the same rhythm through row 14, which uses black x13 and x15.
• Finish with black at x14–15 on row 15.

You now have 32 outline pixels. Each interior row has a one-cell gap between the rails. If any row has no gap or a two-cell gap, correct the outline before adding colour.

Step 2: fill the three-cell steel tip

Place light steel #CEECEC at (1,1) and (2,2). Put base steel #A5C9C9 at (3,3).

The two pale cells make the upper end look sharp and reflective. The darker third cell separates the steel from the warm collar without widening the tip.

Step 3: add the two-cell copper collar

Use copper #C07F3A at (4,4) and (5,5).

These two cells are the entire collar. Because the surrounding outline is unchanged, the material shift must do all the structural work. Keep both cells adjacent along the diagonal; a gap would split the staff visually.

Step 4: run amber and gold down the shaft

Place amber #E0993C at (6,6). Then use gold #FBBD5D at (7,7), (8,8), (9,9), (10,10), and (11,11).

Return to amber at (12,12) and (13,13). The sequence is therefore one amber cell, five gold cells, then two amber cells. Amber acts as a transition at both ends of the bright centre.

Step 5: finish the copper foot

Place copper at (14,14). It sits inside the black cap formed by row 14’s rail cells and row 15’s two black pixels.

The foot reuses the collar material, visually enclosing the long gold section between two copper boundaries.

Exact row blueprint

Watch the materials fill one continuous core

The automatic player draws both black rails first. It then fills the steel tip, copper collar, amber-and-gold shaft, and copper foot without changing the silhouette.

Draw the staff yourself

Complete all 32 black pixels first. Switch to Diff and verify the one-cell gap through every interior row. Fill the core only after both rails are perfectly parallel.

What this sprite teaches

• Thin objects need consistent rails. A one-cell error visibly bends the entire staff.
• Material can replace geometry. Colour transitions define parts without changing width.
• Cap both ends explicitly. Two-pixel black caps keep the diagonal core contained.
• Use transition colours around a bright centre. Amber softens the move into and out of gold.
• Simple sprites reward exact counting. Every core pixel has a unique role.

The source sprite is by Shade and is released under CC0 on OpenGameArt. The finished tutorial frame matches every source cell exactly.