Como Dividir uma Sprite Sheet em Frames (e Montar uma a partir de Frames)

Arte de jogo costuma chegar como sprite sheet — vários frames numa imagem só — enquanto sua engine ou editor quer arquivos separados, ou o contrário. As duas conversões levam um minuto se a folha for uma grade regular.

Dividindo uma sheet

1. Arraste a sheet para a ferramenta de sprite sheet.
2. Escolha como cortar: por tamanho da célula (por exemplo, 32×32) ou por linhas × colunas.
3. Se a folha tem borda, ajuste o Offset X/Y; se há espaço entre os frames, o espaçamento.
4. Confira a grade laranja — cada frame deve caber certinho numa célula.
5. Baixe os frames num ZIP de PNGs numerados.

Células totalmente transparentes (comuns no fim de uma linha) são puladas por padrão.

Montando uma sheet

Arraste os frames em ordem — nomes como correr_01.png, correr_02.png … correr_10.png são ordenados naturalmente —, escolha colunas e espaçamento e baixe a sheet com um JSON com x, y, largura e altura de cada frame. O formato é um hash simples, parecido com o do TexturePacker, fácil de ler em Godot, Unity, Phaser ou no seu código.

Pixel art continua pixel perfect

Os frames são copiados pixel a pixel, sem suavização, então bordas duras continuam duras. Na hora de ampliar o jogo, use fatores inteiros — a calculadora de resolução pixel perfect mostra quais resoluções base fazem isso sem sobras.

Limites

• A ferramenta espera uma grade regular. Sheets compactadas com frames de tamanhos diferentes precisam do atlas original.
• GIFs animados carregam só o primeiro frame.

Quer uma paleta que combine para novos frames? Extraia com a Paleta de Cores da Imagem.