Criador de sprites

A tela de um sprite não é uma imagem que vai ser reduzida depois: o tamanho que você escolhe é a resolução que o jogador vê. Em 16×16 um personagem é uma silhueta com dois pixels de olhos, por isso esse tamanho combina com itens, ícones e heróis pequenos. Em 32×32 cabe um rosto, uma mão reconhecível e uma rampa de sombreamento. Em 64×64 você está mais perto da ilustração, e cada quadro de animação custa quatro vezes os pixels de um de 32×32.

Decida o tamanho pelos outros sprites do seu jogo, não pelo detalhe que você gostaria de ter. Um tileset numa grade de 16 pixels pede personagens de 16 ou 32 pixels de altura. Se um sprite precisar crescer, o painel de tamanho mantém o desenho preso à borda ou ao canto que você escolher, e todo quadro é redimensionado do mesmo jeito, então a animação continua alinhada.

A maioria dos bons sprites usa entre quatro e dezesseis cores. Uma paleta pequena obriga cada cor a ter uma função: contorno, base, uma ou duas sombras, um brilho. Escolha uma cor base e use os botões “mais escuro” e “mais claro” ao lado para montar uma rampa; puxar um pouco o matiz para o azul nas sombras e para o amarelo nos brilhos é lido como luz, e não como cinza.

O contorno separa o sprite de qualquer fundo onde ele for parar. Um contorno escuro completo é a escolha mais segura para sprites pequenos; nos maiores, um contorno que pega a cor da forma que envolve (contorno seletivo) fica mais suave. Evite sombrear cada forma das bordas para dentro (o “pillow shading”), que achata o volume. A luz vem de um lado, e a sombra cai do outro.

Loops curtos carregam a maior parte da animação de um jogo. Uma respiração ou um balanço de espera funciona com dois a quatro quadros a quatro a seis quadros por segundo. Um ciclo de caminhada costuma levar de quatro a oito quadros a oito a doze: as duas poses de contato em que um pé toca o chão e as poses de passagem entre elas. Um golpe ou ataque fica mais claro com um quadro lento de antecipação, um ou dois quadros de ação bem rápidos e uma pose segurada depois.

Desenhe primeiro as poses-chave e depois preencha entre elas. Duplicar é a ferramenta para isso: copie o quadro em que você está e mude só os pixels que se mexem, para o corpo não tremer de um quadro para o outro. Com o papel cebola ligado, o quadro anterior aparece clarinho sob os pixels vazios, o que facilita mover um braço um ou dois pixels em vez de redesenhá-lo. Para segurar uma pose por mais tempo, duplique-a; num GIF todo quadro dura o mesmo tempo.

Veja a prévia na velocidade que o jogo vai usar. Uma animação que parece suave em câmera lenta muitas vezes fica travada na velocidade real, e a solução quase sempre é mudar menos pixels entre os quadros, não colocar mais quadros.

Uma sprite sheet reúne todos os quadros da animação numa única imagem. A que esta ferramenta exporta não tem margem nem espaço entre os quadros, então qualquer engine consegue cortá-la só pelo tamanho do quadro: um sprite de 32×32 com oito quadros sai como uma faixa de 256×32, ou como uma grade de 3×3 com a última célula vazia.

Exporte em 1× para uma engine e deixe a engine ampliar. No Godot, deixe o filtro de textura em Nearest para os pixels continuarem nítidos. No Unity, coloque o Filter Mode em Point (no filter), desligue a compressão e faça o Pixels Per Unit igual ao tamanho do sprite. No GameMaker, importe a faixa e informe o número de quadros. Os pixels transparentes continuam transparentes, então o sprite pode ficar sobre qualquer fundo.

Um GIF de 32×32 no tamanho real é menor que uma miniatura, e a maioria dos sites borra imagens pequenas quando as amplia. Exporte em 4× ou 8×: cada pixel vira um bloco de 4×4 ou 8×8 pixels iguais, e o arquivo continua leve porque o GIF comprime muito bem essas sequências iguais.

A transparência de um GIF é uma cor desligada, então alguns apps de mensagem e redes sociais a mostram como preto ou branco. Se a animação vai ser postada onde você não controla o fundo, exporte sobre branco.