Sprite Maker

A sprite canvas is not a picture that gets scaled down later: the size you pick is the resolution the player sees. At 16×16 a character is a silhouette with two pixels for eyes, which is why that size suits items, icons and small heroes. At 32×32 there is room for a face, a readable hand and a shading ramp. At 64×64 you are closer to illustration, and each frame of animation costs four times the pixels of a 32×32 one.

Decide the size from the other sprites in your game, not from the detail you would like. A tile set on a 16-pixel grid wants characters that are 16 or 32 pixels tall. If a sprite has to grow, the size panel keeps the drawing attached to the edge or corner you choose, and every frame is resized the same way, so the animation stays in register.

Most good sprites use between four and sixteen colours. A small palette forces each colour to do a job: an outline, a base, one or two shades, a highlight. Pick a base colour and use the darker and lighter buttons beside it to build a ramp; shifting the hue slightly toward blue in the shadows and toward yellow in the highlights reads as light rather than as grey.

Outlines separate the sprite from any background it lands on. A full dark outline is the safest choice for small sprites; on larger ones, an outline that takes the colour of the shape it wraps (a selective outline) looks softer. Avoid shading every shape from its edges inward, which flattens the form. Light comes from one side, and the shadow falls on the other.

Short loops carry most game animation. An idle breath or bob works in two to four frames at four to six frames per second. A walk cycle usually takes four to eight frames at eight to twelve: the two contact poses where a foot meets the ground, and the passing poses between them. A hit or an attack reads best with a slow anticipation frame, one or two very fast action frames and a held pose after.

Draw the key poses first, then fill in between them. Duplicate is the tool for this: copy the frame you are on and change only the pixels that move, so the body does not wobble from frame to frame. With onion skin on, the previous frame shows faintly under the empty pixels, which makes it easy to move an arm one or two pixels rather than redraw it. To hold a pose for longer, duplicate it; every frame in a GIF plays for the same time.

Watch the preview at the speed the game will use. An animation that looks smooth in slow motion often turns out jittery at full speed, and the fix is almost always fewer pixels changing between frames rather than more frames.

A sprite sheet is every frame of the animation laid out on one image. The sheet this tool exports has no padding or gap between frames, so any engine can slice it by the frame size alone: a 32×32 sprite with eight frames exports as a 256×32 strip, or as a 3×3 grid with the last cell empty.

Export at 1× for an engine and let the engine scale it up. In Godot, set the texture filter to Nearest so the pixels stay sharp. In Unity, set the Filter Mode to Point (no filter), turn compression off, and make Pixels Per Unit match the sprite size. In GameMaker, import the strip and give it the frame count. Transparent pixels come through as transparent, so the sprite can stand on any background.

A 32×32 GIF at its true size is smaller than a thumbnail, and most sites blur small images when they enlarge them. Export at 4× or 8× instead: each pixel becomes a block of 4×4 or 8×8 identical pixels, and the file stays small because GIF compresses those runs very well.

Transparency in a GIF is one colour switched off, so some chat apps and social sites draw it as black or white. If the animation will be posted where you cannot control the background, export it on white.