Selout: contornos seletivos

O que é

Selout é a abreviação de selective outlining (contorno seletivo). Em vez de desenhar o mesmo traço escuro em volta do sprite inteiro, cada pixel do contorno pega uma cor da forma ao lado, normalmente um tom mais escuro da própria rampa dessa forma. Onde a luz bate, o contorno fica mais claro ou desaparece. Onde a forma vira para a sombra, o contorno fica mais escuro.

Uma capa vermelha ganha um contorno vermelho escuro. Um elmo cinza ganha um cinza escuro. O topo da cabeça, voltado para a luz, pode não ter contorno nenhum.

Por que os artistas fazem isso

Um contorno preto puro é forte e claro, mas achata um sprite. Cada forma fica cercada pela mesma linha pesada, e a linha disputa a atenção com o sombreamento. O selout mantém a borda definida enquanto deixa a luz parecer envolver a forma. Também ajuda os sprites a se integrarem à cena em vez de parecerem adesivos colados.

É uma escolha de estilo, não uma regra. Muitos jogos queridos usam contornos pretos do começo ao fim.

Erros comuns

• Usar uma só cor para todo o contorno. Isso é apenas um contorno colorido. A graça do selout é que a cor muda com a forma e com a luz.
• Deixar o contorno claro demais. Se os pixels do contorno ficam perto da cor de preenchimento, a borda some e a silhueta fica mole, principalmente contra fundos parecidos.
• Tirar o contorno do lado da sombra. Mantenha o contorno mais escuro onde o sprite está na sombra; é esse lado que faz a maior parte do trabalho de definir a forma.
• Dobrar. Um contorno com dois pixels de espessura em alguns pontos, ou com cantos em “L” de escada, fica pesado. Mantenha-o com um pixel limpo.

Como fazer à mão

1. Desenhe o sprite primeiro com um contorno escuro simples, para que a silhueta fique sólida.
2. Escolha uma direção de luz.
3. Percorra o contorno. Para cada trecho de pixels, substitua a cor escura pelo tom mais escuro da rampa da forma que ele toca.
4. No lado iluminado, clareie o contorno um ou dois tons, ou remova-o onde a forma é claramente clara.
5. Confira o sprite num fundo escuro e num claro, e com zoom de 1×.

A mesma ideia funciona para traços internos entre partes, como a aresta onde uma manga encontra uma luva.

Como o Pixor faz

O Pixor trata os tipos de contorno separadamente: a silhueta, os traços internos entre partes e os vincos onde uma superfície se dobra. Cada tipo pode ficar de fora, ser desenhado escuro ou como contorno seletivo colorido a partir da superfície ao lado. Os traços têm um pixel de largura, sem cantos em L. A predefinição selout é um visual inicial com contornos seletivos ligados; como todo estágio, os ajustes de traço são nós no grafo de Estilo, e um visual de que você gosta pode ser salvo como kit.

Relacionados

• Contornos: silhueta, traços internos e vincos
• Rampas de paleta: de onde vêm as cores do selout
• Visuais e o manual de configurações