Course 03 · Intermediate · A complete project
Create Game-Ready Sprite Sheets
Turn one finished character into a strip of frames a game engine can read without guessing. Four 16 by 16 cells, one rule about spacing.
You finish with
A 64 by 16 sprite sheet with four evenly spaced frames, exported as a transparent PNG an engine can slice without offsets.
One project, 6 small steps.
0/6 complete- 01
Decide the Cell Size
6 minPick a frame size and a frame count before drawing anything.
A 64 by 16 canvas divided into four 16 by 16 cells, with the arithmetic written down.
- 02
Draw One Frame Well
9 minMake the first cell a complete, finished sprite on its own.
A finished 16 by 16 character in cell one, with cells two to four still empty.
- 03
Repeat With Variation
8 minCopy the character into every cell, then change only what should move.
Four cells of the same character at different heights and leg positions.
- 04
Check Every Cell
6 minFind the off-by-one that quietly breaks an animation in the engine.
Four cells whose boundaries, baselines and margins all line up.
- 05
Plan a Grid That Scales
6 minMove between sheet layouts: rows, columns, and when each one wins.
A sheet laid out as a row or a grid, chosen deliberately, with the arithmetic checked.
- 06
Export the Sheet
5 minVerify transparency across every cell, then export at 1x.
A transparent 64 by 16 PNG, plus a project backup you can reopen.
A few things before you start
- Use the same saved project as you move through the lessons.
- Joining halfway through? Every lesson has an editable starting file.
- Complete the result checklist after practicing. Your progress stays in this browser.