Como fazer pixel art: guia para iniciantes

Pixel art parece simples à primeira vista. Afinal, qual a dificuldade de colocar uns quadradinhos coloridos na tela?

Aí você tenta fazer seu primeiro personagem, árvore, espada ou casa — e de repente nada fica do jeito que você imaginou. Isso é completamente normal.

Pixel art não é desenhar com quadradinhos. É tomar decisões deliberadas com muito pouco espaço, pouca cor e pouco detalhe.

Neste guia você vai ver os princípios básicos, que tamanho de canvas usar, como escolher cores, como evitar os erros mais comuns e como criar seu primeiro sprite.

O que é pixel art?

Pixel art é um estilo de arte digital em que a imagem é criada e editada no nível do pixel individual.

Diferente da pintura digital comum, ela costuma usar canvas pequeno, paleta limitada, bordas duras, nenhum anti-aliasing (ou um anti-aliasing muito controlado) e posicionamento intencional de cada pixel.

Cada pixel importa. Um único pixel fora do lugar muda o formato de um olho, de uma espada, até a pose de um personagem inteiro.

Essa limitação é justamente o que torna pixel art interessante.

Do que você precisa

Não precisa de programa caro. Praticamente qualquer editor de imagem que permita desenhar pixel a pixel serve.

As opções mais usadas são Aseprite, LibreSprite, Piskel, GraphicsGale, Krita e Photoshop.

Para quem está começando, o Aseprite é a escolha mais comum, porque foi feito especificamente para pixel art e animação de sprite. Se você quer algo totalmente gratuito, LibreSprite e Piskel são bons pontos de partida.

Mas a ferramenta mais importante não é o programa: é o lápis. Evite pincéis suaves — você quer que cada pixel tenha uma posição clara e previsível.

1. Comece com um canvas pequeno

Um dos maiores erros de iniciante é começar com um canvas enorme, pensando que uma imagem maior dá mais espaço para desenhar.

Tecnicamente dá. Mas também dá mais pixels para controlar.

Para os primeiros sprites, tente 16×16 ou 32×32 pixels.

Um canvas de 16×16 obriga a simplificar tudo — um personagem pode ter só alguns pixels para a cabeça inteira. Parece limitante, mas ensina a habilidade mais importante da pixel art: simplificar.

Para a maioria dos iniciantes, eu recomendo começar em 32×32. É espaço suficiente para criar objetos reconhecíveis sem virar um problema.

O mesmo personagem desenhado em 16x16, 32x32 e 64x64, cada um em sua grade. — O mesmo personagem em tres tamanhos de canvas. Mais pixels compram detalhe, nao qualidade — 32x32 e onde a maioria deve comecar.

2. Desligue o anti-aliasing

O anti-aliasing cria pixels parcialmente transparentes nas bordas para suavizar as linhas. Isso é útil em arte digital comum e geralmente indesejável em pixel art.

Imagine desenhar uma linha preta sobre fundo branco. Com anti-aliasing ligado, o programa gera pixels cinza em volta da linha. Em vez disto:

■■■■■■

você acaba com algo mais parecido com isto:

░▒■■■■▒░

Esses pixels extras deixam a arte com aparência borrada.

Use um lápis duro, com 1 pixel de tamanho e anti-aliasing desligado.

Uma espada em pixel art com anti-aliasing desligado e ligado, com a borda ampliada. — A mesma espada, borda ampliada. A direita, o anti-aliasing inventou pixels cinza que o artista nunca colocou.

3. Desenhe a silhueta primeiro

Antes de olhos, roupa, sombra ou arma, concentre-se na forma geral — a silhueta.

Imagine que você está criando um pequeno guerreiro. Em vez de já desenhar o rosto e a armadura, comece com uma forma de cor única representando cabeça, tronco, braços e pernas.

Agora afaste o zoom. Dá para saber o que é?

Se o personagem só fica bom ampliado em 800%, a silhueta provavelmente precisa melhorar. Pixel art boa continua legível no tamanho em que vai ser exibida.

4. Use menos cores

Iniciante costuma usar cor demais. Mais cores não geram mais detalhe automaticamente — na verdade, podem deixar o sprite mais difícil de ler.

Para um personagem simples, talvez você precise só de: uma cor de contorno, duas de pele, duas de roupa e mais duas ou três cores. Isso já produz um sprite surpreendentemente detalhado.

Comece na faixa de 6 a 12 cores para um sprite simples. Paletas maiores ficam para depois.

Um personagem indo de forma bruta a silhueta limpa e sprite final, ao lado de uma paleta de oito cores. — Forma primeiro, cor depois. Oito cores bastam para um personagem legivel.

5. Escolha as cores pelo valor, não só pelo matiz

Uma das formas mais rápidas de melhorar sua pixel art é entender valor — o quanto uma cor é clara ou escura.

Pense em três tons de azul. Eles podem ser tecnicamente cores diferentes, mas se o brilho for quase igual, o jogador mal vai perceber a diferença.

Sua sombra precisa ser nitidamente mais escura que a cor base, e o brilho nitidamente mais claro:

Brilho
   ↓
Azul claro

Base
   ↓
Azul médio

Sombra
   ↓
Azul escuro

Você não precisa de dezenas de tons intermediários. Contraste claro costuma funcionar melhor.

6. Evite o pillow shading

Um dos erros mais comuns tem nome: pillow shading, ou sombreamento de travesseiro.

Acontece quando você deixa o centro do objeto claro e vai escurecendo em direção às bordas, de forma uniforme, em todos os lados:

Escuro
 ↓
███████
█▒▒▒▒▒█
█▒▓▓▓▒█
█▒▓▓▓▒█
█▒▒▒▒▒█
███████

O resultado costuma parecer chapado e artificial, porque nenhuma luz do mundo real se comporta assim.

Em vez disso, imagine de onde vem a luz. Com a luz vindo de cima e da esquerda, as superfícies voltadas para lá recebem brilho, e as voltadas para baixo e para a direita recebem sombra.

Só isso já dá volume ao objeto.

A mesma pocao sombreada de duas formas: mais clara no centro, e iluminada de cima a esquerda. — A mesma forma, sombreada duas vezes. A esquerda a luz vem de lugar nenhum; a direita vem de algum lugar, e o frasco ganha volume.

7. Escolha uma direção de luz

Antes de sombrear, decida de onde a luz vem. Uma escolha muito comum é de cima, à esquerda.

Imagine um pequeno sol acima e à esquerda do seu sprite. As superfícies voltadas para ele ficam mais claras; as voltadas para o lado oposto, mais escuras.

Manter a mesma direção de luz em todo o jogo é importante. Sem isso, personagem e cenário parecem vir de lugares diferentes.

8. Cuidado com os contornos

Contorno preto é comum em pixel art, mas não é obrigatório.

Um contorno preto e grosso ajuda o sprite a se destacar sobre fundos carregados. Por outro lado, preto puro em tudo pode deixar o resultado duro demais.

Uma alternativa é o contorno seletivo: em vez da mesma cor em toda a volta, você usa versões mais escuras das cores vizinhas.

VERMELHO ESCURO
VERMELHO
VERMELHO
VERMELHO ESCURO

O resultado fica mais suave e mais acabado.

9. Evite pixels soltos demais

Um único pixel pode ser poderosíssimo em pixel art. Mas muitos pixels isolados viram ruído visual.

Iniciantes às vezes espalham pixels aleatórios porque acham a imagem vazia. Quase sempre isso piora.

Agrupe os pixels em formas claras. Esses grupos são chamados de clusters, e pixel art boa depende muito de clusters limpos.

10. Cuide das linhas diagonais

Diagonais são surpreendentemente difíceis. Uma escadinha assim produz uma diagonal consistente:

■
 ■
  ■
   ■

O segredo é manter o ritmo constante. Por exemplo:

1 pixel para a direita
1 pixel para baixo

Ou:

2 pixels para a direita
1 pixel para baixo

Consistência é o que faz curva e diagonal ficarem limpas.

Pixels soltos espalhados contra clusters agrupados, e uma diagonal irregular contra uma constante. — Dois habitos que separam sprite ruidoso de sprite limpo: agrupe os pixels e mantenha o ritmo da diagonal.

11. Não fique só no zoom

Todo programa de pixel art permite aproximar muito, e isso é útil enquanto você edita. Mas confira o sprite constantemente em 100%, que é mais perto de como o jogador vai ver.

Um rosto que parece incrível em 1600% pode virar ruído no tamanho real.

O fluxo que funciona é simples: desenhe ampliado, confira em 100%, ajuste, repita.

12. Comece por objetos simples

Não faça do seu primeiro projeto um chefe de RPG com armadura, asas, efeito de fogo e doze animações.

Bons objetos para começar: espada, poção, moeda, maçã, árvore, pedra, caixote, slime, cogumelo.

Eles ensinam forma, luz, cor e sombreamento sem sobrecarregar. Quando esses princípios estiverem firmes, personagem fica muito mais fácil.

Seu primeiro exercício

Vamos fazer uma poção de vida, num canvas de 16×16, com cinco cores: contorno escuro, vermelho escuro, vermelho vivo, vermelho claro e a cor da rolha.

Primeiro desenhe a silhueta de um frasco pequeno. Depois preencha a parte de baixo com vermelho. Acrescente um tom mais escuro no canto inferior direito e um brilho mais claro no superior esquerdo. Por fim, uma rolha no topo.

Esse objeto simples já treina silhueta, paleta, iluminação, brilho, sombra e clusters de uma vez só. É por isso que objeto pequeno é excelente exercício.

Quatro passos construindo uma pocao de vida: contorno, cor base, sombra e brilho, detalhes finais. — O exercicio inteiro em quatro passos, num canvas 16x16 com cinco cores.

Como ampliar pixel art

Nunca redimensione pixel art com escala suavizada. Ampliar um sprite de 32×32 para 256×256 com interpolação bilinear devolve uma imagem borrada.

Use nearest neighbor — vizinho mais próximo — e, de preferência, escale em números inteiros:

32×32
↓ 2x
64×64

↓ 4x
128×128

↓ 8x
256×256

Assim cada pixel original continua perfeitamente quadrado.

Um sprite ampliado para 64 e 128 pixels com nearest neighbor, ao lado do mesmo sprite ampliado com suavizacao. — Nearest neighbor a esquerda, escala suavizada a direita. O sprite da direita deixou de ser pixel art.

Erros mais comuns de quem está começando

Quase todo mundo passa por estes:

Usar cores demais
Começar com canvas grande demais
Usar pincel borrado
Deixar o anti-aliasing ligado
Acrescentar detalhe aleatório
Iluminação inconsistente
Sombrear em excesso
Ignorar a silhueta
Misturar tamanhos de pixel
Só olhar a arte com zoom alto

Se seus primeiros sprites ficarem estranhos, isso não quer dizer que você é ruim nisso. Pixel art é habilidade, e ela melhora rápido assim que você começa a enxergar esses padrões.

Os pixels precisam ter sempre o mesmo tamanho?

Precisam. Dentro de um mesmo sprite, a grade de pixels tem que ser consistente.

Um erro comum é combinar arte criada em resoluções diferentes. Imagine um personagem desenhado em 32×32 e uma espada desenhada em 128×128 e depois reduzida. Mesmo os dois sendo pixel art, a densidade de pixel fica visivelmente diferente — e o olho percebe na hora.

Escolha uma resolução base e mantenha.

Que resolução usar?

Um bom ponto de partida: 16×16 para gráficos retrô bem simples, 32×32 para a maioria dos personagens e objetos de iniciante, 64×64 para personagens mais detalhados.

Não existe tamanho universalmente correto. O que importa é consistência.

Um jogo em 16×16 pode ficar lindo. Um jogo em 64×64 pode ficar horrível. Resolução não é qualidade — design é qualidade.

Fica mais fácil quando você pensa em formas

Não pense “preciso desenhar uma mão humana”. Pense “preciso de um cluster de pixels que leia como uma mão”.

Essa mudança de cabeça muda tudo.

Pixel art é mais sugestão visual do que representação precisa. Em resolução baixa, o cérebro de quem olha preenche a informação que falta — e é por isso que ela consegue comunicar tanto com tão pouco.

Praticar vale mais que acertar de primeira

Seu primeiro sprite provavelmente não vai sair como você imaginou. O décimo também não. Tudo bem.

O melhor jeito de melhorar é fazer muitos sprites pequenos, em vez de passar dez horas tentando aperfeiçoar um só.

Tente esta semana:

Dia 1: espada
Dia 2: poção
Dia 3: árvore
Dia 4: slime
Dia 5: baú
Dia 6: personagem
Dia 7: cenário pequeno

No fim, compare o primeiro com o último. A diferença costuma aparecer já aí.

Para fechar

Pixel art é fácil de começar e difícil de dominar — mas você não precisa dominar antes de fazer um jogo.

Comece pequeno. Use paleta limitada. Foque na silhueta. Mantenha a luz consistente. Evite pixel desnecessário.

E, principalmente: termine os sprites.

Uma pasta com cinquenta sprites imperfeitos e terminados ensina muito mais que uma obra-prima inacabada.

Seus pixels não precisam ser perfeitos. Precisam comunicar. É daí que sai pixel art boa.