You have a blank canvas and a half-formed character, and you want to know how to make pixel art that stays crisp instead of blurring at the edges.
Quick answer: pick a pixel-focused editor, open a small canvas where individual pixels are easy to tell apart, keep the palette tight, and draw a flat silhouette before adding outline, shading and dithering. Aseprite is built around these tasks. Other painting software works once its smoothing options are switched off.
Pixel art is one of the friendliest ways into the medium. If you want the wider context first, read what is digital art in the Digital Art Basics hub, then come back to build your first sprite.
Software for pixel art
The simplest intervention is to choose one editor and stay with it for your first sprite. The best software for pixel art is the one that handles hard edges, a limited palette and sprite export without fighting you. Aseprite’s official page lists exactly those jobs: Pixel Perfect Stroke for clean pixel lines, palette controls with copy and paste, drag and drop and resizing, custom brushes for dithering, a shading ink, onion skin for animation, and export to sprite sheets in .png and .json files or animations as .gif files.
General painting software can also work. A Clip Studio pixel art guide tells you to set the interpolation method to Hard edges when you bring artwork in, and to switch off the Anti-aliasing and Area scaling options before colouring. Both settings stop the program from softening the edges between pixels.
| Tool | Pixel-art features | Planning use |
|---|---|---|
| Aseprite | Pixel Perfect Stroke, palette control, dithering brushes, shading ink, onion skin, .png/.json sprite sheets, .gif animation | Choose it if you want one program that covers drawing, palette, animation and export for sprites. |
| Clip Studio | Hard edges interpolation on import; anti-aliasing and area scaling can be switched off for colouring | Use it if you already own it and are willing to change those settings before every session. |
Features are taken from the Aseprite site and the Clip Studio tips article.
For a true beginner with no software yet, the dedicated pixel editor removes the most setup. If you already paint in another program, adjust its smoothing settings and begin there rather than learning a second interface at the same time.
Canvas size for sprites
A good canvas for a first sprite is small enough that you can see every pixel. A Clip Studio guide to pixel art says any sufficiently small canvas, where you can tell individual pixels apart, will work.
Start inside the common range
The same guide notes that many pixel artworks are around 32-64 pixels tall. That range is a sensible target for a first character, prop or icon. On a canvas this small, every pixel you place changes the shape noticeably, which is the skill you are learning.
When to go larger
The guide’s own worked example uses a 128 by 256 pixels canvas for a tall, detailed character sprite. Treat that as a later project. A larger canvas gives you room for more detail, but it also gives you more pixels to keep consistent. Finish a sprite in the common range before you attempt one that size.
Palette and colour choices
A palette is the fixed set of colours you draw from, and a short one makes a sprite look deliberate. Aseprite’s palette controls let you copy and paste colours, drag and drop them, and resize the palette, so you can build and reorder it as the sprite develops.
Plan the colours before you start shading. The Clip Studio guide recommends limiting the number of colours per shadow, which keeps shaded areas readable instead of muddy. If you are unsure how to pick hues that work together, a Lospec pixel art tutorial includes a basic introduction to colour theory for pixel art, alongside the basic techniques.
Drawing your first sprite
Work in this order and stop at the first step that gives you a readable result. Each step adds one layer of complexity to the one before it.
- Set up the canvas. Open a new canvas inside the common height range. In Clip Studio, check that Anti-aliasing and Area scaling are switched off for the fill tool.
- Block the silhouette. Fill the overall shape in one flat colour. If the shape is not recognisable now, shading will not rescue it.
- Draw the outline. In Aseprite, use Pixel Perfect Stroke so lines come out clean. Otherwise, redraw any stray corners by hand, because the Clip Studio guide advises avoiding unintended jaggies in pixel line art.
- Fill with palette colours. Replace the flat colour with the swatches you chose, keeping to the palette you set up earlier.
- Save the palette. Keep the colour set with the file so you can reuse it on the next sprite.
Shading and dithering
Shading comes after the flat colours work. The Clip Studio guide advises shading according to light direction and the form of the object, rather than simply drawing darker areas alongside borders. Decide where the light comes from, then place shadow colours on the sides that face away from it. In Aseprite, Shading Mode creates light and shadow with the shading ink.
Dithering is the next step up. It uses a pattern of pixels in alternating colours to blend them or suggest texture, and the commonly used patterns are lines and checkers. Aseprite lets you create custom brushes for dithering, so a pattern can be stamped instead of placed pixel by pixel. Use it sparingly on a first sprite: with a short palette, one dithered transition is usually enough to learn the effect.
Once the sprite reads well, how to find your art style is a useful next read for deciding what to change in the second sprite.
Animation and export
Add animation only when the still sprite is finished. Aseprite’s onion skin shows other frames as reference while you animate, which helps you keep each frame close to the last. Animations can be saved as .gif files, and for game use you can export sprite sheets in .png and .json files, as listed on the Aseprite site.
Checkpoints and stopping conditions
Use this table to decide whether to move on or fix a problem. Stop adding detail when edges are clean, shading follows one light direction and the palette is saved. Further detail belongs on a bigger canvas or in a new sprite.
| Checkpoint | What good looks like | Planning use |
|---|---|---|
| Edges | No unintended jaggies; hard edges between pixels | If edges look soft, set interpolation to Hard edges or use Pixel Perfect Stroke. |
| Fills | Flat, unblended colour inside the outline | If you see halos, switch off Anti-aliasing and Area scaling. |
| Shadows | 1-3 colours per shadow, placed by light direction | If shadows only darken the borders, redo them by form. |
| Export | .png/.json sprite sheet or .gif animation | Export only after the still frame passes the checks above. |
Figures and settings come from the Clip Studio tips article and the Aseprite site.
When a flat grid starts to feel limiting, how to make vector art offers a different way to begin drawing.
Frequently asked questions
Can I turn artwork I already drew into a sprite?
Yes. Sprites use small canvases, so the artwork has to be downsized to fit, and the Clip Studio guide says to set the interpolation method to Hard edges so the result stays crisp.
Can palette colours be transparent?
In Aseprite, yes: palette entries carry an alpha value, so each colour can have its own transparency.
Can Clip Studio build a palette from an image?
Not automatically. A Clip Studio support answer says there is no function to create a colour set from an image, so pick the colours one at a time with the eyedropper.
