Para fazer pixel art, abra uma tela pequena, de 16 ou 32 pixels, e escolha de quatro a seis cores. Depois desenhe em cinco passos: contorno, cores chapadas, sombreamento, luz e detalhes. Coloque cada pixel de propósito. Abaixo está o processo todo na minha maçã, e você pode desenhá-la no seu navegador.
Esta é a versão curta de como eu começo com os meus alunos. É a mesma ordem que eu uso em todo sprite, de uma maçã a um personagem. Faça uma vez em algo pequeno, e o resto do pixel art fica bem menos assustador.
Do que você precisa
- Um editor raster. No meu curso eu uso o Aseprite. Se quiser começar agora mesmo, o meu editor de pixel art grátis roda no seu navegador.
- Uma tela pequena. 16 por 16 ou 32 por 32 pixels para o primeiro sprite. Pequeno é mais fácil: cada pixel conta, e você termina antes de cansar.
- O lápis, com um pixel de largura. Nada de pincéis suaves, nada de suavização.
- De quatro a seis cores. Uma cor base, uma mais escura para a sombra, uma mais clara para a luz e um contorno escuro. Mais sobre como escolhê-las em paletas de cores para pixel art.
Antes do primeiro pixel
O pixel art segue três regras simples. Faça num software raster. Mantenha pequeno o bastante para ver os pixels sem dar zoom. Dê atenção a cada pixel. É a terceira que faz ficar certo.
Depois tire um minuto para planejar. Eu uso o SPECC: tamanho, perspectiva, cor e luz, composição. Para o primeiro sprite é simples: 32 pixels, visto de frente, luz do canto superior esquerdo.
Seu primeiro sprite em cinco passos
Desenhe esta maçã você mesmo, passo a passo →
1. Contorno
Eu começo com uma forma aproximada que define o tamanho e depois desenho o contorno por cima, com um pixel de largura. Cuidado com os pixels duplos, dois pixels lado a lado onde a linha só deveria se tocar pelos cantos. Cuidado com os serrilhados, um pixel que quebra a linha. E mantenha as curvas em ordem: mude o trecho um pixel de cada vez, como 3, 3, 2, 1, e depois volte a subir. Mais em contornos e linhas internas.
2. Cores chapadas
Preencha cada área com uma cor chapada. Depois troque a cor do contorno: depois de definir a forma, ele não precisa continuar preto. Vermelho escuro em volta da maçã, verde escuro em volta das folhas. Já fica melhor, mesmo sem sombra.
3. Sombreamento
Decida de onde vem a luz antes de sombrear. Aqui ela vem do canto superior esquerdo, então a sombra vai embaixo à direita. Um ou dois tons mais escuros bastam. A sombra segue a forma, ela não só contorna a borda. Mais em sombreamento e luz, com uma esfera que você pode sombrear no navegador.
4. Luz
Uma pequena luz onde a luz bate primeiro. Na minha maçã são 7 pixels. Cuidado aqui: uma luz grande parece plástico.
5. Detalhes
No fim eu confiro cada passo de novo: a forma, o contorno, as cores. Depois vêm os toques finais. Um pouco de luz refletida embaixo, onde a luz volta do chão. Um pixel de anti-aliasing onde duas cores contrastantes se encontram, só em poucos lugares.
Os erros de iniciante que eu mais vejo
E mais um: uma tela grande demais. Com 1000 pixels você deixa de ver os pixels, e deixa de parecer pixel art. Todos os termos e erros estão em termos de pixel art.
O que desenhar depois
- Um objeto pequeno seu, nos mesmos cinco passos: uma cereja, uma moeda, uma poção.
- Formas e sombreamento, para a luz fazer sentido em qualquer forma.
- Natureza, o jeito mais fácil de praticar: fogo, água, pedras.
- Níveis de jogo: um tileset de pixel art, os tiles que constroem uma rua ou um piso inteiro.
- Depois o caminho inteiro, do simples ao complexo, no meu roteiro.
Meia hora por dia basta para continuar avançando. As coisas começam a ficar mais fáceis depois das primeiras 150 horas de prática. Mais em quanto tempo leva para aprender pixel art.