Pular para o conteúdo

Gerador de contorno para sprites

Coloque um contorno limpo em volta de um sprite em um passo: um pixel ou mais grosso, em qualquer cor, sem nada borrado. Suas imagens nunca saem do seu dispositivo.

Criado no seu dispositivo. Suas imagens nunca são enviadas.

  • Nunca são enviados
  • Pixel-perfect
  • Várias imagens de uma vez

Como funciona

Como adicionar um contorno a um sprite

  1. Passo 1: Adicione seu sprite

    Escolha, solte ou cole um sprite com fundo transparente. Uma pasta inteira também serve.

  2. Passo 2: Escolha o contorno

    Defina a espessura e a cor, cantos arredondados ou quadrados, por fora do desenho ou por dentro.

  3. Passo 3: Baixe o PNG

    Salve um sprite, ou todos os do lote com o mesmo contorno, em um ZIP.

Contorno de sprites

O contorno que você desenharia à mão

  • Só pixels inteiros

    O contorno é feito de pixels sólidos de uma só cor, sem desfoque e sem borda suave.

  • Arredondado ou quadrado

    O contorno clássico que deixa os cantos diagonais abertos, ou o mais pesado que os fecha.

  • Espaço aberto para ele

    A tela cresce na medida da espessura do contorno, então um sprite que encosta na borda não é cortado.

  • Qualquer cor

    Preto, branco, um tom escuro da sua paleta ou qualquer cor que você escolher.

Em detalhes

Contornos na pixel art

Como o contorno é feito

Todo pixel vazio que encosta no desenho recebe a cor do contorno. Com cantos arredondados, só contam os pixels logo acima, abaixo e ao lado do desenho, o que deixa os cantos diagonais abertos: o contorno que os artistas de pixel art desenham à mão. Os cantos quadrados contam também as diagonais.

O contorno é feito de pixels inteiros e sólidos. Uma borda suave ou um brilho leve que já esteja na imagem é mantido e colocado sobre o contorno, então arte com antialiasing também recebe um contorno limpo.

Escolhendo um contorno

  • Espessura: 1 pixel para sprites de até uns 64 pixels; 2 ou mais para artes maiores ou para um visual de adesivo.
  • Cor: o preto aparece bem em qualquer fundo. Um tom escuro da própria paleta do sprite fica mais suave e mais intencional.
  • Interna: recolore os pixels externos do próprio desenho, então o sprite mantém o tamanho. Use quando o tamanho não pode mudar, como em um tileset ou em uma sprite sheet fixa.
  • Abrir espaço para o contorno: aumenta a imagem na medida da espessura em cada lado. Desligue para manter o tamanho e aceitar que um sprite encostado na borda seja cortado ali.

Onde um contorno ajuda

Um contorno separa o sprite de um fundo movimentado, o que importa mais para aquilo que o jogador não pode perder de vista: o personagem, os itens coletáveis, os inimigos.

Também é o jeito mais comum de mostrar que algo está selecionado ou pode ser usado: o sprite é desenhado com um contorno claro enquanto o ponteiro está sobre ele. Faça aqui a cópia com contorno e alterne entre as duas no jogo.

Contorno de sprites

Perguntas frequentes

Minhas imagens são enviadas para algum lugar?

Não. Tudo roda no seu navegador, no seu próprio dispositivo. Suas imagens nunca são enviadas ao Moriqa nem a ninguém, e nada é mantido depois que você fecha a página.

Como adiciono um contorno a um sprite?

Adicione o sprite, defina a espessura e a cor, e baixe o PNG. O fundo precisa ser transparente para a ferramenta enxergar a forma do sprite.

Por que minha imagem ficou maior?

O contorno precisa de espaço. Com Abrir espaço para o contorno ligado, a imagem cresce na medida da espessura do contorno em cada lado para que nada seja cortado.

Posso contornar uma sprite sheet inteira?

Sim, desde que os quadros tenham espaço vazio entre si. Desligue Abrir espaço para o contorno para que os quadros fiquem onde estão, ou use Interna.

Minha imagem não tem fundo transparente. Vai funcionar?

Do jeito que está, não: o contorno daria a volta na imagem inteira. Remova o fundo antes com Removedor de fundo e depois adicione o contorno.

Posso contornar vários sprites de uma vez?

Sim. Adicione quantos quiser; todos recebem o mesmo contorno e podem ser baixados juntos em um ZIP.

Quer desenhar o contorno você mesmo?

Abra o editor de pixel art do Moriqa para desenhar e limpar sprites pixel a pixel, grátis no seu navegador.