Metlivi Blog

How to Carry a Hand-Drawn Character’s Personality into Pixel Art

To keep a hand-drawn character recognizable as pixel art, identify the few visual features that carry its identity, then rebuild those features for a specific pixel size. Preserve the character’s silhouette, proportions, pose, signature detail, and color relationships; simplify everything else. Work from large shapes to small ones, and judge the result at its intended display size, not only while zoomed in.

October 15, 20267 min readBy Metlivi Editorial Team
Section 1

1. Identify what makes the character recognizable

Before opening a pixel editor, compare the drawing with a simple written description. Note the character’s overall shape, head-to-body proportions, usual posture, dominant colors, and one or two distinctive features. A floppy fringe, angular hat, oversized sleeves, or a lopsided stance may contribute more to recognition than numerous decorative marks.

Make a short priority list and rank each feature by how much it matters to the character’s identity. If a detail is tiny in the original drawing but repeated or unusually distinctive, it may deserve space. If it is ordinary surface decoration, it can probably be removed. This ranking is an editorial decision aid: it helps you allocate scarce pixels rather than attempting to preserve every line equally.

Section 2

2. Choose the sprite size before redrawing

Decide how large the character will appear in its intended use. A canvas that looks spacious in an editor can leave too few pixels for the face, limbs, or signature feature once reduced. The Adafruit guide shows how different canvas sizes and palette constraints affect sprite construction; it describes 16×16 and 32×32 examples, while also showing that the right size depends on the application. Adafruit’s MakeCode Arcade pixel-art guide

Treat a suggested canvas size as a starting point, not a universal rule. A compact icon, a game character seen from a distance, and a character shown close up have different needs. Make a rough block-in at the expected size, then check whether the important shapes still have room to separate. If the defining hair tuft or prop competes with the face for just a few pixels, increase the canvas or simplify the design before adding detail.

Section 3

3. Rebuild the silhouette and pose

Fill the character’s outline with a single solid color. At this stage, the shape should communicate the broad pose and at least some of the character’s identity without relying on interior lines or color. Silhouette is the outer boundary between the sprite and its background; pixel-art tutorials identify it as a primary source of readability. Pixor’s guide to outlines and silhouettes

Pay particular attention to places where parts merge. In the drawing, a small gap between an arm and the torso may be obvious because of line weight or shading; at sprite scale, the shapes may fuse. Create a gap if the pose needs it, or adjust the arm’s angle so its contour reads clearly. Likewise, angle a prop or hair shape so it changes the outline instead of disappearing against the body.

This is where controlled exaggeration can help. Widening a distinctive collar or angling the head more strongly can preserve the original impression after reduction. The aim is not anatomical accuracy at any cost; it is a clear, intentional grouping of pixels that keeps the original pose and design cues recognizable.

Section 4

4. Translate proportion and expression into pixel groups

A hand-drawn face may use fine lines for brows, eyelids, or mouth corners. A small sprite may not have enough pixels to retain all of them separately. Decide which expression cue matters most, then represent it with the simplest readable arrangement: perhaps the brow angle, eye spacing, head tilt, or mouth shape. Avoid placing isolated detail pixels until you have checked that they read as intended at normal size.

Apply the same principle to the body. Preserve proportion differences that define the character—such as a large head, narrow shoulders, or long coat—while simplifying folds and anatomy that do not carry its identity. Check overlap between hands, sleeves, hair, and torso; use distinct value or color blocks when the silhouette alone cannot show which part is in front.

Section 5

5. Adapt colors as relationships, not exact samples

You do not need to reproduce every color from the source drawing. Start by keeping the relative relationships that define it: which area is lightest, which is darkest, and which accent attracts attention. Group colors by material or role, such as hair, clothing, skin, and accessories. A compact palette makes those groups easier to distinguish. Adafruit notes that limited palettes remain a common stylistic choice in modern pixel art and illustrates a character using twelve colors. Adafruit’s palette and canvas discussion

Give each important area enough contrast from the shapes beside it. If the hair and coat merge into one dark mass, change their values or hues before adding highlights. Likewise, a single bright accent may be more useful than several extra shades. There is no fixed color count that fits every sprite: the canvas size, chosen style, and visibility of the character all affect the choice.

Keep outline treatment consistent with the sprite’s scale and surroundings. A dark edge can separate a small sprite from a busy background, but outlining every internal crease may make the image cluttered. Pixor distinguishes the outer silhouette from inner lines and advises reserving interior lines for places where overlapping forms could be confused. Pixor on silhouette lines, interior lines, and creases

Section 6

6. Add details in order of identity

After the silhouette, pose, and main color groups work, add details in priority order: first the features named in your recognition list, then secondary accents, then surface texture if room remains. At each stage, ask whether a mark changes recognition, separates forms, or clarifies expression. If it does none of those, it may use pixels better spent elsewhere.

Use shading to describe a form or separate neighboring areas, rather than to imitate every gradient in the drawing. Pixel art can include anti-aliasing, but softer transition colors may make a tiny shape look less crisp if applied without checking it at the final scale. The Adafruit guide explains that anti-aliasing uses intermediate contrast pixels to soften stair-stepped edges; whether that treatment suits your character depends on its style and intended size. Adafruit on pixel edges and anti-aliasing

Section 7

7. Run a small-size check and revise

Inspect the sprite at its intended display size. Temporarily hide color and interior details to check the silhouette; then restore colors and ask someone unfamiliar with the design what they notice first, if feedback is available. These checks help reveal whether the character’s pose, defining shape, and focal detail still read. They cannot guarantee that every viewer will recognize the design, but they make specific problems easier to diagnose.

If the sprite feels generic, compare it with your original priority list. Restore or strengthen the feature that matters most before adding more decoration. If the face becomes unreadable, simplify expression marks or adjust the head’s pixel area. If body parts merge, open a gap, change a contour, or improve contrast. If the sprite only works when enlarged, reconsider its size or remove details that blur together at display scale.

The finished pixel version should preserve the drawing’s strongest visual signals while making deliberate tradeoffs for the grid. Keep the silhouette and pose clear, use color to separate important forms, and spend pixels on the features that make this character distinct. Some details will change or disappear; that is expected when translating a drawing into a smaller visual language.

Section 8

Sources

Related reading

Keep exploring this topic