How to Draw a 16×16 Steel-Capped Golden Quarterstaff in Pixel Art
This weapon uses the same top-left to bottom-right direction as a thin staff, but the construction is different. Its shaft is four pixels wide: two black outline rails contain two leather rails and a bright centre stripe. Small two-tone steel blocks close both ends and make the object feel reinforced.
The exact CC0 reference contains 72 visible pixels and 6 visible
colours. We will build it in five stages. Coordinates use (x, y) from the
top-left.
Explore the complete drawing history
Step through the saved frames before drawing. Show changes separates the outer shell, the mirrored steel caps, the paired leather rails, and the narrow gold stripe.
Step 1: outline the broad diagonal staff shell
Close the upper end with black at x1–2 on row 0. Close the lower end with black at x13–14 on row 15.
Between those caps, draw two rails four cells apart:
- Rows 1–2 use left outline x0; their right outlines are x3 and x4.
- From row 3 through row 14, the left outline advances one cell per row, from x1 to x12.
- The matching right outline also advances one cell per row, from x5 to x15.
The shell contains 32 black pixels. Most interior rows now have two black boundaries with three empty cells between them. Those three cells are the leather-gold-leather shaft core.
Step 2: block both end caps in base steel
Use base steel #A5C9C9 at (1,1) and (2,2) in the upper cap. Mirror the
pair at (13,13) and (14,14) in the lower cap.
These four cells form a descending diagonal. Keeping the same diagonal at both ends makes the weapon read as one rigid object rather than a shaft with two unrelated decorations.
Step 3: cut dark facets into both steel caps
Add charcoal steel #2F4049 at (2,1) and (1,2). This crossing pair sits on
the opposite diagonal from the base-steel pair, creating a tiny two-by-two
checker of light and shadow.
Repeat the checker at the far end with charcoal at (14,13) and (13,14).
Both metal caps now contain two base cells and two dark cells, but their values
swap across the main diagonal.
Step 4: run twin leather rails through the shaft
Use dark leather #7E4E26 to connect the caps:
- Start with one cell at
(3,2). - From rows 3 through 12, place leather at x(y−1) and x(y+1). Leave xy empty for the centre stripe.
- End with one leather cell at
(12,13)before the lower steel cap.
This adds 22 leather pixels. The pair widens out immediately after the upper cap, stays parallel for ten rows, then narrows into the lower cap.
Step 5: finish the gold-and-amber centre stripe
Place gold #FBBD5D at xy for rows 3 through 11. That produces nine bright
cells along the main diagonal. At (12,12), switch to amber #E0993C.
The single amber cell is intentional. It warms the stripe before it enters the lower steel cap, while the upper end moves directly from steel and leather into gold. That small asymmetry prevents the staff from looking mechanically copied.
Exact row blueprint
| Rows | Final non-transparent pixels |
|---|---|
| 0 | x1–2 outline |
| 1 | x0 outline, x1 base steel, x2 dark steel, x3 outline |
| 2 | x0 outline, x1 dark steel, x2 base steel, x3 leather, x4 outline |
| 3–11 | x(y−2) outline, x(y−1) leather, xy gold, x(y+1) leather, x(y+2) outline |
| 12 | x10 outline, x11 leather, x12 amber, x13 leather, x14 outline |
| 13 | x11 outline, x12 leather, x13 base steel, x14 dark steel, x15 outline |
| 14 | x12 outline, x13 dark steel, x14 base steel, x15 outline |
| 15 | x13–14 outline |
Watch the three-wide core fill the shell
The automatic player draws the outer shell first, constructs both steel caps in two passes, then fills the leather rails and centre stripe. This order keeps the four-pixel thickness stable before any surface detail is added.
Automatic drawing
Start with an empty 16×16 canvas
Draw the quarterstaff yourself
Complete the black shell and both cap checkers before filling the shaft. In Diff view, a misplaced core cell appears as a break in one of the long parallel diagonals.
Draw the steel-capped golden quarterstaff yourself
Rebuild all 72 visible pixels. Use Diff view to check the mirrored steel caps, leather rails, and one-cell centre stripe.
What this sprite teaches
- Thickness comes from consistent boundaries. Two rails four cells apart establish a broad shaft.
- A two-by-two checker can imply faceted metal. Four cells are enough for a light and shadow plane.
- Narrowing connects different materials. The leather rails reduce from two cells to one beside each cap.
- A bright centre line gives direction. Nine gold cells pull the eye along the weapon.
- Controlled asymmetry adds character. One amber cell marks the lower transition without distorting the form.
The source sprite is by Shade and is released under CC0 on OpenGameArt. The finished tutorial frame matches every source cell exactly.