How to Draw a 16×16 Swept-Hilt Rapier in Pixel Art
This 16×16 rapier changes width as it approaches the hand. The point begins as a narrow three-pixel diagonal, the forte expands into a wider steel cluster, and a swept gold guard curls into a long leather grip. That width transition is the main challenge: if it happens too early, the weapon looks like a club; if it happens too late, the guard feels detached.
The exact CC0 reference contains 83 visible pixels and eight visible
colours. We will construct it in five stages. Coordinates are written as (x, y) from the top-left corner.
Step through the drawing history
Inspect the construction before placing pixels. The step viewer uses the same PixelAsset as the automatic drawing and practice editor, so every history frame leads to the exact final reference.
Step 1: plot the narrow blade core
Place six light-steel pixels at (1,1), (2,2), (3,3), (4,4), (5,5),
and (6,6). This short 45-degree run defines the point and upper half of the
blade.
Stop at (6,6). The next section becomes wider, so extending the same narrow
gesture farther would hide the planned transition.
Step 2: outline and shadow the narrow section
Wrap the blade in a one-pixel black border. Cap the point at (0,0), (1,0), (0,1), and continue the upper-right outline through (7,6). Along the
lower-left edge, insert a deep-steel spine:
(1,2), (2,3), (3,4), (4,5), (5,6).
That spine makes the blade two-tone without breaking its straight direction. The pale pixels describe the lit face; the dark pixels describe the opposite plane.
Step 3: widen the forte
The forte is the stronger blade section closest to the hilt. Build it across rows 7–9:
- Row 7: black at x5 and x9, deep steel at x6 and x8, mid steel at x7.
- Row 8: black at x6 and x12, deep steel at x7, mid steel at x8 and x11, light steel at x9–10.
- Row 9: black at x7, deep steel at x8 and x10, mid steel at x9.
The shape expands from three diagonal cells to a six-cell-wide cluster, but its
values still point along the same top-left to bottom-right axis. The two pale
pixels at (9,8) and (10,8) are the broad reflection that explains the
change in width.
Step 4: curl the swept hand guard
Begin the upper sweep with black at (8,6), (10,7), and (11,7). These
detached-looking pixels become connected once the gold and leather cells are
added below them.
At the blade joint, place leather at (11,9) and amber at (12,9). Continue
with deep steel at (9,10), leather at (10,10), and gold at (11,10) and (12,10). The lower curl uses amber at (10,11), gold at (11,11), leather
at (10,12), and copper at (12,12).
Keep a black separator between the warm clusters. Without it, the guard and grip merge into a single brown patch.
Step 5: extend the grip and cap the pommel
Draw the leather grip down row 14 at x10–12. Surround it with black, then place
amber at (13,14) and the brightest gold at (14,14). The bottom outline runs
from (10,15) through (15,15) and gives the handle a decisive end.
The copper pixels at (12,12) and (13,13) bridge the guard into the pommel.
That two-pixel diagonal keeps the hilt aligned with the blade even though the
guard itself sweeps sideways.
Exact row blueprint
| Row | Final non-transparent pixels |
|---|---|
| 0 | x0–1 outline |
| 1 | x0 outline, x1 light steel, x2 outline |
| 2 | x0 outline, x1 deep steel, x2 light steel, x3 outline |
| 3 | x1 outline, x2 deep steel, x3 light steel, x4 outline |
| 4 | x2 outline, x3 deep steel, x4 light steel, x5 outline |
| 5 | x3 outline, x4 deep steel, x5 light steel, x6 outline |
| 6 | x4 outline, x5 deep steel, x6 light steel, x7–8 outline |
| 7 | x5 outline, x6 deep steel, x7 mid steel, x8 deep steel, x9–11 outline |
| 8 | x6 outline, x7 deep steel, x8 mid steel, x9–10 light steel, x11 mid steel, x12–13 outline |
| 9 | x7 outline, x8 deep steel, x9 mid steel, x10 deep steel, x11 leather, x12 amber, x13 outline |
| 10 | x8 outline, x9 deep steel, x10 leather, x11–12 gold, x13 outline |
| 11 | x9 outline, x10 amber, x11 gold, x12 outline |
| 12 | x9 outline, x10 leather, x11 outline, x12 copper, x13 outline |
| 13 | x9 outline, x10 leather, x11–12 outline, x13 copper, x14–15 outline |
| 14 | x9 outline, x10–12 leather, x13 amber, x14 gold, x15 outline |
| 15 | x10–15 outline |
Watch every changed pixel appear
The shared automatic drawing component replays the five stages and paints each difference individually. Pause at the widened forte to study the steel planes, or at the guard to copy the warm material clusters.
Automatic drawing
Start with an empty 16×16 canvas
Rebuild it in the editor
Use the target as a coordinate reference, or switch to Diff to mark every incorrect cell. The score includes the transparent background, so keep the silhouette as disciplined as the weapon itself.
Draw the swept-hilt rapier yourself
Rebuild all 83 visible pixels. Use Diff view to check the narrow point, widened forte, guard, and grip.
What to reuse in other weapon icons
- Change width in a dedicated stage. A clear forte reads better than a blade that gradually becomes lumpy.
- Use a dark spine to describe a second plane. One diagonal shadow line gives the narrow blade volume.
- Connect detached guard pixels through later layers. Plan the full sweep before judging isolated early marks.
- Separate adjacent warm materials with black. Gold, leather, amber, and copper need boundaries at 16×16.
- Align the pommel with the blade axis. The guard may curve, but the weapon still needs one structural direction.
The source sprite is by Shade and is released under CC0 on OpenGameArt. The final tutorial frame matches all 256 source cells exactly.