Contornos

Os três tipos de traço

• Silhueta. A borda externa, onde o sprite encontra o fundo. É ela que faz mais trabalho: um sprite com silhueta clara se lê mesmo numa única cor.
• Traços internos. Bordas entre partes dentro da silhueta: um braço na frente do corpo, um cinto atravessando uma túnica, um elmo sobre um rosto.
• Vincos. Dobras e curvas acentuadas dentro de uma superfície: a crista de um nariz, uma prega num tecido, a aresta de uma caixa.

A maioria dos artistas trata esses traços de formas diferentes. A silhueta costuma ser a mais escura e a mais completa. Os traços internos são mais claros ou parciais. Os vincos muitas vezes ficam de fora, e o sombreamento faz o trabalho.

Escuros ou coloridos

Uma linha quase preta em volta de tudo é marcante e legível, e combina com sprites pequenos e fundos carregados. Um preto puro pode parecer duro, então muitos artistas usam no lugar uma cor bem escura da paleta, como um azul profundo ou um marrom.

Traços coloridos pegam a cor da forma contra a qual estão: um traço vermelho-escuro numa capa vermelha. Levado mais longe, com traços que clareiam do lado iluminado, isso vira selout.

Erros comuns

• Traços com dois pixels de espessura. Em tamanhos pequenos, uma linha dupla engole o sprite. Os traços devem ter um pixel.
• Cantos em L. Quando uma linha muda de direção, um pixel de canto que toca os dois vizinhos forma um L e fica grosso. Desça na diagonal.
• Partes finas quebradas. A lâmina de uma espada ou um cajado com um pixel de largura pode se quebrar em pontos se for desenhado sem cuidado. Mantenha-o como uma linha contínua de um pixel.
• Contornar cada vinco. Traços internos demais transformam um sprite em wireframe. Deixe o sombreamento cuidar dos pequenos detalhes.
• Traços internos tão escuros quanto a silhueta. A forma deixa de ser lida como um só objeto.

Como fazer à mão

1. Preencha a forma do sprite com uma única cor chapada e confira só a silhueta.
2. Desenhe a linha da silhueta, com um pixel de largura, sem cantos em L.
3. Acrescente traços internos só onde as partes se sobrepõem e poderiam se confundir.
4. Sombreie e depois adicione vincos só onde o sombreamento não basta.
5. Decida entre traços escuros ou coloridos e aplique em tudo.

Como o Pixor faz

O Pixor encontra os traços a partir da profundidade, das normais e dos ids de parte da renderização, e mantém traços de silhueta, internos e de vinco como tipos separados. Cada um pode ficar de fora, ser desenhado escuro numa cor que você escolhe ou como contorno seletivo. Os traços têm um pixel de largura sem cantos em L, partes finas do modelo são mantidas como linhas de um pixel, e traços que aparecem por um quadro só são limpos. Cada ajuste de traço é um nó no grafo de Estilo.

Relacionados

• Selout
• Rampas de paleta
• Visuais e o manual de configurações