All creative notesImage import

Split a combined image into frames and preview it as a GIF

Game samples and pixel-art assets often pack many poses into one grid. BARIM’s “Combined image → GIF” tool reads cells from left to right, then continues on the next row to create animation frames.

6 min readWritten & reviewed by BARIM Studio
01

Find one frame boundary first

The image width must divide evenly by the number of columns, and the height by the number of rows. For a 1024×256 image containing four equal poses in one row, choose 4 columns and 1 row; each frame becomes 256×256.

Padding or borders between cells become part of each frame. Remove them in the source editor or keep identical padding in every cell to prevent the artwork from shifting during playback.

02

Check order and alignment in preview

After entering the grid, the preview loops at the chosen frame time. If poses appear scrambled, check the source order before changing random values. BARIM completes the top row before moving down; it does not automatically reorder column-first sheets.

If the feet or object center shifts between frames, the cell size may be correct while the original alignment is not. Import the cells into studio frames for inspection before final export.

03

Set speed with frame duration, not frame count

A 100 ms frame is roughly ten images per second. Start readable walk cycles around 100–160 ms, try shorter values for flashes or impacts, and longer values for expressions. The best value is the one that remains comfortable after several loops.

04

Direct GIF export vs. studio import

Use “Save GIF now” when the sheet is already final. Choose “Import into studio frames” when you need to reorder poses or give frames different durations. Once imported, frames can be duplicated, deleted, moved, and timed individually.

Final check