Como usar: Gerador de Contorno
- Solte um sprite ou sprite sheet.
- Escolha uma cor. 'Usar a cor mais escura' pega a cor mais escura que já existe no sprite.
- Defina a espessura e escolha externo, interno ou ambos.
- Alterne os cantos: desligado dá o contorno clássico de pixel art com as diagonais vazadas; ligado preenche as diagonais.
- Em sprite sheets, deixe 'contornar cada frame' ligado, confira a grade e baixe.
O que você recebe
- PNG com o contorno e a tela expandida para nada ser cortado
- Sprite sheet com todos os frames contornados e aumentados na mesma medida
Dicas de quem faz jogos com ela
- A maior parte da pixel art feita à mão usa contornos de 1px sem cantos diagonais. Ligue os cantos para contornos de 2px ou mais, ou para ícones de UI mais robustos.
- Um contorno escuro com um toque de cor (roxo profundo ou azul-marinho) costuma ficar melhor do que preto puro em fundos variados.
- Um contorno interno num tom mais escuro das próprias cores do sprite é um jeito rápido de dar definição sem mudar o tamanho do sprite.
- Ao contornar um sprite sheet, cada frame cresce o valor da espessura em cada lado. Atualize o tamanho do frame na sua engine para bater.
Casos de uso
- Deixar sprites legíveis em fundos carregados
- Adicionar contornos de seleção ou hover em itens e unidades
- Contornar sprites gerados por IA num estilo consistente
- Criar ícones de UI com contorno
Perguntas frequentes
O que a opção de cantos faz?
Desligada, usa só os vizinhos de cima, baixo, esquerda e direita, o que deixa os cantos diagonais vazios: o visual clássico da pixel art feita à mão. Ligada, usa também os vizinhos diagonais e preenche esses cantos, para um contorno mais redondo e pesado.
Por que minha imagem ficou maior?
Um contorno externo precisa de espaço fora do sprite, então a tela cresce o valor da espessura em todos os lados. Contornos internos mantêm o tamanho original.
O contorno vaza entre os frames de um sprite sheet?
Não com 'contornar cada frame' ligado. Cada frame é recortado, contornado e recolocado com espaço extra, então os frames nunca se encostam.
Posso fazer um destaque de 'selecionado'?
Sim. Use uma cor viva como amarelo ou branco com contorno externo e guarde como imagem separada para desenhar por baixo ou por cima do sprite durante o jogo.
Ele lida com pixels semitransparentes?
Qualquer pixel com alfa acima de zero conta como parte do sprite. Se o contorno sair irregular, limpe antes as bordas suaves e semitransparentes.