All tutorials
Step 3 · Ship a PNG, a sprite sheet or a loopBeginner6 min

Make a sprite sheet

Combine frames into one game-ready PNG with the columns, spacing and scale your importer expects.

You finish with

A single PNG sprite sheet with your chosen columns, spacing and scale.

  1. 1

    Know which drawer your frames are in

    Frames already inside a project? Export them as a sheet straight from the editor — no upload needed. Frames sitting in separate files? Use the Sprite Sheet Maker and drop them in.

    Open the editor
  2. 2

    Match the columns your importer wants

    The maker arranges same-size frames into columns with spacing and padding you set, and can fill a solid background if your pipeline requires one. Uniform frame size is a hard requirement — mixed sizes are rejected.

    Open sheet maker
  3. 3

    Scale with nearest-neighbour only

    Export at 1× for the actual asset, 2× or 4× only when your target demands it. Nearest-neighbour keeps every edge hard; there is no smoothing option because there is no case for it in pixel art.

  4. 4

    Import it once to confirm layout

    Load the sheet in your engine before drawing frame 12. Catching a wrong column count costs minutes now, hours later.

    Open sheet maker

Next

Animate a looping sequence

Order frames, give each one its own duration, check the motion with onion skin, and export a GIF or a sheet.

Continue