From GIF or video to a usable sprite animation
Extract frames, remove duplicates and backgrounds, check loops and anchors, then choose the appropriate export.
1. Extract the necessary range
Open a video or GIF in Sprite. Begin with the relevant motion segment instead of processing a whole long file. If playback fails, check browser codec support: identical extensions can contain different encodings.
2. Retain important poses
Extraction intervals and duplicate removal reduce frame count. They can also remove a deliberately held impact or pause, changing the motion’s feel. Review the selected range and play it back after cleanup to confirm the timing still works.
3. Remove backgrounds gradually
For a solid backdrop, choose the chroma-key color and increase tolerance gradually. Compare corner-connected removal when you want to remove only the background connected to the edges. Inspect clothing and eyes that resemble the chosen color. Despill can help with residual color along the outline.
4. Check the loop and ground reference
Inspect the transition between first and last frames. Reverse and ping-pong can suit oscillating actions but introduce unwanted backward movement in a walk or attack. Use anchor alignment when feet wobble, while deciding whether vertical changes such as jumps should remain.
5. Add pixel-style conversion when needed
Organizing frames is different from creating a pixel-art style. Export the cleaned animation as GIF and open it in Pixelizer to adjust long side, color count and outlines. Avoid unnecessary repeated resizing when the source already uses a small, consistent pixel grid.
6. Choose an export for the next step
Sprite saves selected frames as a PNG sheet or GIF and lets you choose sheet columns. In Pixelizer, Sprite exports all final frames, GIF is for playback and ZIP contains individual PNGs. Editor distinguishes its current-frame PNG from animation-range exports.
7. Reopen and inspect the file
Verify frame count, cell size, transparency, order and FPS. A PNG sheet is expected to contain multiple pictures in one file, with timing supplied separately. The sprite sheet guide includes layout and handoff examples.
Try the settings from this article on your own source.
Sprite tools