How to Draw a 16×16 Ornate Rapier with a Pixel Art Basket Guard
This rapier fits a long blade and an ornamental basket guard into only 16×16 pixels. That makes it a stronger construction exercise than a plain sword: the blade must stay perfectly straight while the lower-right cluster has to read as metalwork, leather, and a pommel instead of a random knot.
The finished icon contains 72 visible pixels and eight visible colours.
We will draw it in five stages. Coordinates use (x, y), starting at (0, 0) in the top-left corner.
Read the saved drawing history
Move through the five stages below before you start drawing. Show changes reveals the exact cells introduced or recoloured by each stage, which is useful when the guard begins to overlap the end of the blade.
Step 1: reserve the blade diagonal
Plot ten light-steel pixels from (1,1) through (10,10). Each next pixel
moves one cell right and one cell down. This guarantees a true 45-degree blade
and leaves the lower-right six-by-eight-cell area available for the basket
guard.
Do not thicken the guide. A rapier should feel narrow; the black outline added next will already make the blade three pixels wide along its diagonal cross section.
Step 2: add the black outline
For every guide pixel, place black immediately above-right and below-left. Cap
the point with black at (0,0), (1,0), and (0,1). Near the guard, finish
the lower blade border at (9,10) and (10,11).
At this stage the rapier should read clearly in only two colours. If the edge has a stair that skips or repeats a row, fix it now; shading cannot hide a bent silhouette.
Step 3: turn the flat line into steel
Keep the first five blade cells at (1,1) through (5,5) in light steel #CEECEC. Then darken toward the hand:
| Blade cells | Colour | Role |
|---|---|---|
(1,1)–(5,5) | #CEECEC | broad pale reflection |
(6,6), (7,7) | #A5C9C9 | middle transition |
(8,8), (9,9) | #83A3A3 | shadow near the guard |
(10,10) | #476367 | deepest steel contact shadow |
This is a value ramp, not a gradient that needs smoothing. Four deliberate steps are easier to read at icon scale than many near-identical greys.
Step 4: sculpt the asymmetric basket guard
Start the top of the guard with black at (11,8), (12,8), and (13,8).
Under it, place gold at (12,9), dark leather at (13,9), and copper at (13,10). Surround those warm pixels with black so they remain separate from
the cool blade.
The widest guard row is y11:
(8,11)is black.(9,11)is dark leather.(10,11),(11,11), and(12,11)are gold.(13,11)is dark leather.(14,11)is black.
Continue the lower loop with copper at (9,12), leather at (10,12) and (12,12), then black at (8,12), (11,12), and (13,12). The alternating
warm colours describe overlapping metal without requiring anti-aliasing.
Step 5: close the grip and pommel
At y13, place leather at (9,13), gold at (10,13), and copper at (13,13).
Use black at (8,13), (11,13), (12,13), (14,13), and (15,13) to close
the guard and begin the grip.
Finish with one gold pommel pixel at (14,14). Its black neighbours at (13,14), (15,14), (13,15), (14,15), and (15,15) create a small,
heavy cap at the bottom-right corner.
Exact 16-row blueprint
Use this table when you want to reproduce the final frame without guessing.
| Row | Final non-transparent pixels |
|---|---|
| 0 | x0–1 outline |
| 1 | x0 outline, x1 light steel, x2 outline |
| 2 | x1 outline, x2 light steel, x3 outline |
| 3 | x2 outline, x3 light steel, x4 outline |
| 4 | x3 outline, x4 light steel, x5 outline |
| 5 | x4 outline, x5 light steel, x6 outline |
| 6 | x5 outline, x6 mid steel, x7 outline |
| 7 | x6 outline, x7 mid steel, x8 outline |
| 8 | x7 outline, x8 shadow steel, x9 outline; x11–13 outline |
| 9 | x8 outline, x9 shadow steel, x10–11 outline, x12 gold, x13 leather, x14 outline |
| 10 | x9 outline, x10 deep steel, x11 outline, x12 leather, x13 copper, x14 outline |
| 11 | x8 outline, x9 leather, x10–12 gold, x13 leather, x14 outline |
| 12 | x8 outline, x9 copper, x10 leather, x11 outline, x12 leather, x13 outline |
| 13 | x8 outline, x9 leather, x10 gold, x11–12 outline, x13 copper, x14–15 outline |
| 14 | x9–11 outline, x13 outline, x14 gold, x15 outline |
| 15 | x13–15 outline |
Let the shared component draw it automatically
The automatic drawing component compares consecutive history frames and applies one changed pixel at a time. The blade recolouring pass counts as real drawing work, so you can see the value ramp replace the initial guide before the guard appears.
Automatic drawing
Start with an empty 16×16 canvas
Practise on the interactive grid
Rebuild the complete icon below. The target uses the exact CC0 source pixels. Switch to Diff when you want the editor to mark every cell that still disagrees with the reference.
Draw the ornate rapier yourself
Rebuild all 72 visible pixels. Use Diff view to inspect the blade, basket guard, and pommel separately.
Design lessons to reuse
- Separate geometry from decoration. Lock the blade before spending pixels on the guard.
- Use temperature to separate materials. Cool blue-grey steel and warm gold-brown fittings stay readable even when they touch.
- Make ornament asymmetric but bounded. The guard can curl, provided its black envelope remains clear.
- Use one darkest steel pixel at the joint. That small contact shadow makes the guard feel attached to the blade.
- Save the brightest warm pixel for the pommel. It gives the handle a visible endpoint.
The source sprite is by Shade and is released under CC0 on OpenGameArt. The final tutorial frame matches the source image pixel for pixel.