Skip to content
UpdateWatermark 2.1 for Mac: Updated App Store text now makes it clearer how to apply one text or imported-logo watermark to a batch of photos. Existing recipes and exports are unchanged.Watermark 2.1 for Mac.What changed
BraveCL

How to make a GIF sprite sheet on Mac

Turn an animated GIF into a four-column sprite atlas, previewing the prepared 4×2 sheet in Gif Separate before saving.

5 stepsUpdated 12 Nov 2026Get Gif Separate - Sprite Sheets
What you'll achieve
You will have a prepared 1,024 × 512 sprite atlas showing eight selected frames in four columns and two rows, ready to inspect before you choose where to save it.
What you need
  • Gif Separate - Sprite Sheets 3.0 installed on your Mac.
  • The included example GIF, used here to show all eight frames.
A prepared eight-frame rocket GIF sprite atlas in a four-column, two-row grid in Gif Separate on Mac.

A sprite sheet puts animation frames in one grid for game assets. In Gif Separate - Sprite Sheets, start with the included rocket GIF, choose the motion-pack route and prepare an eight-frame atlas without saving anything yet.

  1. 1.Open the example GIF

    Launch Gif Separate and choose Open Example to load the built-in rocket animation. The starting screen shows the button below the import area.

    Gif Separate startup screen with the Open Example button below the import area.
    Gif Separate startup screen with the Open Example button below the import area.

  2. 2.Include every animation frame

    Choose All above the working-frame thumbnails. The strip should show 8/8, with all eight rocket frames selected.

    Rocket GIF opened in Gif Separate with eight of eight frames selected along the bottom.
    Rocket GIF opened in Gif Separate with eight of eight frames selected along the bottom.

  3. 3.Switch to Motion Pack

    In the right inspector, open Route and choose Motion Pack. The Layout section now offers grid settings, including Columns.

    Motion Pack chosen in the Route selector, showing the Columns control in the right inspector.
    Motion Pack chosen in the Route selector, showing the Columns control in the right inspector.

  4. 4.Set the atlas to four columns

    Under Layout, change Columns to 4. With eight selected frames, the resulting atlas will have two rows.

    Motion Pack layout with the Columns field set to four and all eight frames selected.
    Motion Pack layout with the Columns field set to four and all eight frames selected.

  5. 5.Prepare and inspect the atlas

    Select Atlas above the canvas and activate Prepare Output. Check the prepared 1,024 × 512 sprite sheet with four frames across and two rows. The result is ready to inspect; no file has been saved.

    Prepared 1,024 by 512 rocket sprite atlas with four frames across and two rows, displayed in the Atlas view.
    Prepared 1,024 by 512 rocket sprite atlas with four frames across and two rows, displayed in the Atlas view.

Tips

  • Use All to keep the full eight-frame motion sequence in the atlas.

  • The Columns value determines how many frames fit across each row.

  • Watch outPreparing the atlas does not save a PNG. Save or export the prepared output separately when you are ready.

Guides for Gif Separate - Sprite Sheets