Lançar4 min de leitura

O que é pixel art? Um guia para criadores na KURV

Pixel art coloca cada quadrado de propósito. Por que combina com coleções em camadas, como exportar traços para a KURV e os erros de escala que borram.

Equipe da KURVTambém em English, Español

Um grande cartão emoldurado do Max Cat desenhado em pixel art nítida, cada quadrado visível, com a mesma peça desenhada à mão menor ao lado.
Nesta página12 seções

Pixel art é um dos estilos mais comuns em coleções de NFT, e um dos mais fáceis de errar na hora de exportar. Aqui vai o que define o estilo, por que funciona tão bem em coleções em camadas na KURV e como preparar o arquivo para cada peça continuar nítida.

O estilo

Pixel art é arte digital em que cada quadradinho (pixel) aparece e foi colocado de propósito. Três coisas definem o estilo:

  • Bordas duras. Sem pincel suave, sem desfoque, sem degradê liso.
  • Uma paleta pequena. Em geral, poucas cores, escolhidas com cuidado.
  • Uma tela pequena. A arte nasce num tamanho minúsculo, como 32 por 32 ou 64 por 64, e depois é mostrada maior.

O estilo começou no hardware antigo dos jogos, que só mostrava algumas cores numa grade pequena. Ficou porque se lê com clareza quando está pequeno, e tem um charme próprio.

O próprio Max Cat é feito à mão, não é pixel art. A versão em pixels acima serve só de comparação.

Por que combina com coleções

  • Formas simples se dividem em camadas sem esforço. Um chapéu em pixels senta numa cabeça em pixels sem complicação.
  • Os traços se leem bem no tamanho de miniatura, que é como as pessoas veem as peças pela primeira vez no Explore.
  • Uma tela fixa deixa o alinhamento exato. Numa grade de 32 pixels, o olho está no quadrado certo ou não está.

Desenhar traços em pixel, passo a passo

  1. Escolha o tamanho da tela e não mude nunca. Toda camada usa esse tamanho.
  2. Escolha a paleta antes de começar, e mantenha ela pequena.
  3. Desenhe o personagem base primeiro, na pose que toda peça vai compartilhar.
  4. Desenhe cada traço na própria camada, no lugar, na tela inteira.
  5. Mantenha a transparência limpa: sem pixels semitransparentes soltos nas bordas.
  6. Confira cada traço contra a base, no tamanho real e com zoom.

Exportar para a KURV, passo a passo

  1. Exporte em PNG com transparência.
  2. Aumente com nearest-neighbor, que copia cada pixel para um quadrado maior.
  3. Aumente em passos inteiros, por exemplo 32x, nunca 7,5x, e chegue na tela recomendada da KURV, de 1000 × 1000, ou acima (uma peça de 32 pixels a 32x fica com 1.024 pixels).
  4. Aumente todas as camadas na mesma medida. Escalas misturadas quebram o alinhamento.
  5. Monte no Studio e olhe as peças em tamanho cheio.

Por que a escala importa tanto

A maioria dos programas de imagem aumenta com suavização por padrão, e isso mistura pixels vizinhos em bordas moles e borradas. Funciona bem em foto e é péssimo para pixel art. Se a escala não for um número inteiro, alguns pixels viram dois quadrados de largura e outros três, e as linhas ficam irregulares. Os dois problemas aparecem na hora numa tela grande.

Um exemplo na prática

O Leo desenha uma coleção de sapos em pixel art numa tela de 32 pixels, com uma paleta de oito cores. Ele exporta o primeiro lote com 1000 pixels de largura, o que dá 31,25x, com a suavização padrão. No Studio, todo sapo fica mole e as linhas tremem. Ele exporta de novo com 1.024 pixels (exatos 32x, e acima do mínimo recomendado da KURV, 1000 × 1000) com nearest-neighbor. Cada borda fica nítida e cada linha fica uniforme.

Dicas de paleta

  • Limite as cores de cada traço, para os traços parecerem da mesma família.
  • Repita as cores de sombra entre os traços.
  • Confira o contraste entre o personagem e cada fundo.
  • Evite cores quase iguais, que parecem erro quando ficam lado a lado.

Animação em pixel art

Pixel art anima bem porque cada quadro é pequeno. Um olho piscando pode ter dois ou três quadros; uma cabeça balançando, quatro. Se você for compartilhar prévias animadas da coleção, mantenha a mesma paleta e a mesma tela em cada quadro, e exporte as animações com o mesmo aumento nearest-neighbor das peças paradas. Um loop curto, com traços trocando num personagem só, vira um post fácil e chamativo antes do lançamento.

Dithering e textura

Quem desenha pixel art usa padrões de duas cores alternadas (dithering) para sugerir sombra sem acrescentar cores. Com leveza, dá textura. Em tudo, fica ruidoso no tamanho de miniatura. Em coleções em camadas, mantenha o dithering parecido entre os traços, para um chapéu com dithering não brigar com uma cabeça de sombra chapada.

Erros comuns

  • Escala suave, que borra as bordas.
  • Escalas fracionárias, que deixam as linhas irregulares.
  • Tamanhos de tela diferentes entre as camadas.
  • Pixels semitransparentes soltos, que deixam halo.
  • Cores demais, o que perde a cara de pixel.

Perguntas frequentes

Qual tamanho de tela eu uso? Escolha o que cabe no seu detalhe. Telas pequenas, como 32 ou 64 pixels, são comuns. Use a mesma em todo lugar.

Eu envio a versão minúscula ou a grande? Exporte uma versão maior, aumentada em passos inteiros com nearest-neighbor.

O Max Cat é pixel art? Não. Ele é feito à mão e montado em sete camadas.

Pixel art pode ser arte finalizada, em vez de camadas? Sim. Traga uma pasta de arte e o metadata.json.

Para onde ir depois

Continue lendo