Para fazer uma paleta de pixel art, comece com uma cor principal para cada material, do jeito que ele aparece na luz normal. Depois crie uma sombra e uma luz a partir dela mudando o matiz e o valor, não só o brilho. De três a cinco cores por material bastam para a maioria dos sprites.
Como eu escolho as cores? Essa é a pergunta que eu mais recebo dos meus alunos, mais do que qualquer coisa sobre contorno ou sombreamento. E eu entendo, um seletor de cores tem milhões de cores e nenhuma instrução. Então aqui está como eu faço, passo a passo, com as paletas reais das minhas aulas.
Primeiro, do que uma cor é feita
Toda cor tem três partes. Matiz é o espectro: vermelho, amarelo, azul. Saturação é a intensidade desse espectro. Valor é o quanto ela é clara ou escura. O seletor de cores do seu editor tem um controle deslizante para cada uma, normalmente chamado HSV. Quando eu digo "mude o matiz" ou "valor mais escuro" aqui embaixo, são esses controles que eu quero dizer.
E por que uma maçã é vermelha? A luz carrega todos os espectros. A maçã absorve todos, menos o vermelho, e reflete o vermelho de volta para o seu olho. É também por isso que sombras e luzes mudam de cor, não só de brilho: a própria luz tem uma cor.
Passo 1: Escolha o tom principal
O tom principal, ou tom médio, é a cor do material na luz normal: o marrom da madeira, o azul da água. Não a sombra e não o brilho. Escolha ele primeiro e coloque na maior área do seu sprite. Todo o resto é construído a partir dessa cor.
Passo 2: Crie a sombra
Pegue o tom principal com o conta-gotas e deixe ele mais escuro. Depois mude um pouco o matiz também, na direção do vermelho ou de uma cor mais fria, e acrescente um toque de saturação. Uma sombra que só fica mais escura muitas vezes parece suja e cinzenta. Uma sombra com uma pequena mudança de matiz parece o mesmo material na sombra.
Passo 3: Crie a luz
A mesma coisa, ao contrário. Deixe mais clara, mude o matiz na direção do amarelo e tire um pouco de saturação. Luzes que só ficam mais claras podem parecer desbotadas ou neon. Com a mudança de matiz elas ficam quentes e naturais.
Passo 4: Acrescente tons intermediários só onde precisar
Agora você tem três cores. Desenhe com elas primeiro. Se o salto entre duas cores parecer brusco demais, crie um tom no meio do caminho: pegue uma e leve ela na direção da outra em matiz e valor até ficar no meio. Essa também é a sua cor de anti-aliasing. Eu normalmente termino com quatro ou cinco cores por material.
Paletas reais das minhas aulas
Aqui estão três paletas das minhas aulas interativas, da cor mais escura à esquerda até a mais clara à direita.
Olhe o fogo e a madeira lado a lado. As cores do fogo vão do vermelho até o amarelo. A madeira continua marrom o caminho todo. Os dois estão certos: o quanto o matiz muda depende do material. O fogo muda de cor com o calor, a madeira só fica mais escura na sombra.
Regras que mantêm uma paleta limpa
- Comece pequeno. Três cores, e acrescente só quando precisar de mais uma. Uma paleta pequena é muito mais fácil de manter consistente.
- Nunca use opacidade nem a ferramenta de desfoque. Pixels semitransparentes se misturam em cores novas que você nunca escolheu, e a paleta fica suja.
- Mantenha a saturação parecida na cena toda. Uma cor muito saturada ao lado de cores suaves rouba toda a atenção.
- Um tom principal por parte. Se uma parte tem tons demais, volte para uma cor chapada e construa a sombra e a luz de novo.
- Limites são uma escolha. Os famosos limites de 16 ou 32 cores vieram dos consoles antigos. São um bom exercício, não uma regra da arte.
Quando você travar
Use uma paleta que alguém já equilibrou. O Lospec tem milhares de paletas de pixel art grátis, e eu uso bastante. Para escolher cores que combinam, uma ferramenta de círculo cromático como o Paletton ajuda: cores análogas para cenas calmas, uma tríade para mais contraste. Depois leve as cores para o seu editor e construa as sombras e luzes a partir delas do mesmo jeito que acima.
