Voltar para o Blog
Quest Log

Silhueta de Personagem: o Teste que Separa Design Bom

Quatro silhuetas pretas de heróis de jogo lado a lado, cada uma com chapéu, arma e pose diferentes

Silhueta de personagem para jogo: faça o teste de silhueta no Krita com 4 variações em preto, reduza para 32 px e corrija pose e acessórios que somem.

Ferramenta:Krita

Silhueta de Personagem: o Teste que Separa Design Bom

A silhueta de personagem é a forma externa dele pintada de uma cor só, e o teste de silhueta é simples: se, em preto puro e no tamanho em que aparece no jogo, o personagem ainda é reconhecível, o design funciona. Se ele vira uma mancha genérica, nenhum detalhe interno vai salvar quando ele estiver correndo pela tela.

Aqui você faz o teste na prática no Krita: desenha 4 variações do mesmo herói, preenche cada uma de preto, reduz para 32 e 64 px e escolhe a que se lê. Depois corrige o que sumiu, sabendo exatamente em que parte do contorno mexer.

O que é o teste de silhueta de personagem

O teste de silhueta tira tudo que está dentro do contorno: rosto, roupa, cor, sombreamento, linha interna. Sobra a forma. A pergunta é sempre a mesma: só com essa forma, dá para dizer quem é o personagem e o que ele faz?

A Valve documentou esse uso no artigo "Illustrative Rendering in Team Fortress 2", apresentado em 2007 por Jason Mitchell, Moby Francke e Dhabih Eng. O texto diz que as nove classes do jogo foram desenhadas para serem bem distintas entre si, que mostrar os personagens só em silhueta, sem sombreamento interno, foi usado para validar o design na fase de conceito, e que proporção do corpo, armas, chapéus, calçados e dobras de roupa foram pensados para dar a cada classe uma silhueta única. É o teste deste post, usado num jogo em que reconhecer a classe do inimigo em meio segundo decide o tiroteio.

Por que silhueta importa mais em jogo do que em ilustração

Numa ilustração, o observador para, olha, chega perto. Num jogo, o personagem:

  • aparece pequeno, às vezes com 32 px de altura numa tela de 1080 px;
  • está em movimento quase o tempo todo;
  • divide a tela com cenário, efeitos, inimigos e interface;
  • precisa ser reconhecido em uma fração de segundo, antes de o jogador decidir o que fazer.

Nessas condições, o olho registra primeiro a forma e a cor. Detalhe interno (um emblema no peito, a costura da bota, o desenho da íris) só é visto no menu de seleção. Se o design depende dele, o personagem some na hora que importa.

O guia de como desenhar personagem de jogo coloca a silhueta como primeiro passo do design. Aqui o foco é o teste em si: como fazer, em que tamanho, e o que mudar quando ele falha.

Teste de silhueta no Krita: preenchimento preto e alpha lock

Monte um documento de 1200x600 px com fundo branco. Desenhe 4 variações do mesmo herói lado a lado, cada uma em sua camada, com mais ou menos a mesma altura (uns 400 px). Faça variações de verdade, por exemplo:

  1. Herói padrão: armadura, espada na mão, postura reta.
  2. O mesmo herói com chapéu de aba larga e espada curta.
  3. O mesmo herói com uma espada enorme nas costas e ombreira só de um lado.
  4. O mesmo herói com capa longa, postura inclinada para a frente e cabelo espetado.

Agora transforme cada um em silhueta sem destruir o desenho:

  1. Clique com o botão direito na camada da variação e duplique (Duplicate Layer). Esconda a original no ícone de olho.
  2. Na cópia, ligue o Alpha Lock no docker de camadas (um dos ícones que aparecem ao lado do nome da camada de pintura). Com ele ligado, a transparência da camada não muda: você só consegue pintar onde já existe pixel.
  3. Escolha preto como cor de frente e pinte por cima com um pincel enorme, tipo um quadrado de 300 px de diâmetro. Só a área do personagem fica preta, o resto continua transparente.

Se preferir não pintar, use a seleção: na cópia, Select > Select Opaque (Replace), que seleciona todos os pixels não transparentes da camada, e depois Edit > Fill with Foreground Color (Shift+Backspace). Desmarque com Ctrl+Shift+A.

Um cuidado: linhas muito finas e desenho com buracos (o espaço entre o braço e o corpo) contam. Se o contorno do seu rascunho não fecha, o preenchimento vaza ou deixa falhas. É bom: falha na silhueta é exatamente o que você quer ver.

Leitura em tamanho de jogo: reduzir para 32 e 64 px

Silhueta de 400 px quase sempre parece boa. O teste de verdade é no tamanho do jogo.

  1. Salve uma cópia do arquivo com outro nome (File > Save As), para não reduzir o original.
  2. Na cópia, use Image > Scale Image To New Size (Ctrl+Alt+I) e reduza a imagem para que cada personagem fique com 64 px de altura. Com personagens de 400 px num canvas de 600 px, isso dá uma imagem de 96 px de altura.
  3. Repita a partir do original para 32 px de altura por personagem.
  4. Dê zoom de 200% ou 300% para ver os pixels, mas compare também em 100%, que é o tamanho real.

Agora faça as perguntas, de preferência a outra pessoa que não viu os rascunhos:

  • Quais das 4 dá para diferenciar de longe?
  • Qual parece segurar uma arma? Qual parece rápida, qual parece pesada?
  • Em qual a cabeça ainda se separa do corpo?

Normalmente a variação 1 (padrão) vira um retângulo com uma bola em cima. A 3 (espada enorme nas costas) e a 4 (capa e cabelo) ganham, porque as peças que identificam saem do contorno do corpo. Escolha a que se lê em 32 px. Se nenhuma se lê, o problema é de proporção, não de acessório.

Passar no teste de silhueta com um personagem é um exercício. O trabalho real é manter isso no elenco inteiro: herói, cinco inimigos, um chefe, NPCs, todos legíveis no mesmo cenário, com a mesma paleta e animados. É ali que quem aprende sozinho costuma perder o fio, e é exatamente o que um curso de Arte 2D para jogos treina, do rascunho ao sprite na engine.

Curso de Arte 2D
Quer fazer a arte do seu jogo?

No curso de Arte 2D para Jogos da CursoGame.Dev você vai do rabisco ao portfólio: personagens, cenários, tilesets, UI e animação, sem precisar saber desenhar.

Conhecer o curso de Arte 2D
Suporte no WhatsAppAcesso vitalícioGarantia de 7 dias

Formas que ajudam: cabeça, arma, chapéu e pose

Quando a silhueta falha, mexa nesta ordem, que é a ordem do que o olho pega primeiro:

Proporção geral. Herói baixo e largo, herói alto e fino, herói com cabeça grande: proporção é a forma mais forte de todas. Se dois personagens têm a mesma proporção, eles vão ser confundidos de longe, não importa o chapéu.

Cabeça e o que sai dela. Chapéu, capuz pontudo, cabelo espetado, orelha longa, chifre. A cabeça é para onde o olho vai primeiro; uma forma que se projeta dela é a marca mais barata que um personagem pode ter.

Arma ou ferramenta. Arma grande e fora do corpo identifica função na hora: martelo enorme diz força, arco diz distância, cajado diz magia. Arma colada no corpo some na silhueta.

Pose. Braços longe do tronco e pernas afastadas abrem espaços negativos (os buracos de fundo entre membros e corpo), e esses espaços ajudam muito na leitura. Uma pose de idle com braços colados ao corpo junta tudo numa mancha.

Assimetria. Uma ombreira só, uma manga diferente, a capa caindo de um lado. A assimetria quebra o retângulo e ainda deixa claro para que lado o personagem está virado.

Se você está começando o personagem do zero, faça o teste ainda na fase de rascunho. O post sobre concept art para jogos mostra como explorar várias ideias rápidas antes de escolher, e thumbnails de concept art é a técnica que já nasce em silhueta.

Silhueta em grupo: heróis e inimigos diferentes entre si

O teste individual não basta. Ponha todas as silhuetas do jogo lado a lado, no mesmo tamanho, e faça o teste em grupo:

  1. Num documento novo, coloque o herói e todos os inimigos em preto, alinhados pela linha do chão, na escala do jogo.
  2. Procure pares parecidos. Dois inimigos com a mesma altura e o mesmo volume são um problema, mesmo que tenham cores diferentes.
  3. Defina uma regra de forma por grupo. Por exemplo: inimigos fracos são baixos e redondos, inimigos fortes são altos e quadrados, o herói é o único com uma forma pontuda saindo da cabeça.

Essa regra vira parte do guia de arte do jogo. Ela também ajuda o design: o jogador aprende que "baixo e redondo" é fácil antes de ver a barra de vida.

Faça a mesma verificação com o personagem sobre o cenário real, não sobre fundo branco. Uma silhueta forte pode desaparecer num fundo com o mesmo valor (claro ou escuro). Se isso acontecer, o ajuste é de valor e cor, ou de contorno, não de forma.

Erros comuns: detalhe interno sem forma externa

Investir em detalhe interno. Emblema, cinto, costura, padrão no tecido. Tudo some em 32 px. Se o personagem só é reconhecível por esses detalhes, ele não é reconhecível no jogo.

Testar só no tamanho grande. Em 400 px, até um boneco de palito é legível. Teste no tamanho real do jogo, sempre.

Pose fechada. Braços colados, pernas juntas, arma rente à perna. A silhueta vira um bloco. Abra espaço negativo.

Todos com a mesma proporção. Elenco inteiro com 3 cabeças de altura e ombros iguais. Varie altura, largura e tamanho de cabeça antes de variar acessório.

Acessório que só existe de frente. Uma gola alta que de perfil some dentro da cabeça. Faça o teste também na vista em que o personagem mais aparece. Num jogo de plataforma, é o perfil.

Silhueta boa parada, ruim em movimento. Na corrida, a capa cobre a espada; no ataque, o braço entra na frente do chapéu. Teste os quadros principais das animações, não só a pose de idle.

Próximo passo

Pegue o personagem principal do seu jogo, ou um que você goste, e faça o teste completo: silhueta preta, 64 px, 32 px, outra pessoa dizendo o que vê. Depois desenhe 4 variações mudando só proporção, cabeça, arma e pose, e escolha a que se lê melhor. Com o personagem aprovado, volte ao guia de como desenhar personagem de jogo para seguir com paleta, leitura em tamanho pequeno e a pose de idle.

Perguntas frequentes

O que é o teste de silhueta no design de personagem?

É pintar o personagem inteiro de uma cor só, sem nenhum detalhe interno, e ver se ainda dá para reconhecer quem ele é e o que ele faz. Se a silhueta não diz nada, o design depende de detalhe que vai sumir quando o personagem estiver pequeno na tela ou em movimento.

Por que a silhueta é tão importante em jogos?

Porque o jogador vê o personagem pequeno, em movimento e por pouco tempo, muitas vezes contra um cenário cheio. A forma externa é a primeira coisa que o olho registra. Em jogo com vários personagens ou inimigos, a silhueta é o que permite distinguir um do outro antes de agir.

Como deixar a silhueta de um personagem mais legível?

Mexa no contorno, não no interior: cabeça com forma marcante, chapéu ou cabelo que sai da cabeça, arma grande que se projeta do corpo, proporção diferente dos outros personagens e uma pose com membros afastados do tronco. Detalhe dentro do contorno não ajuda a silhueta.

Em que tamanho testar a silhueta de um personagem de jogo?

No tamanho em que ele aparece no jogo. Para pixel art, isso costuma ser 32 ou 64 px de altura; para jogo com arte em alta resolução, teste no tamanho real na tela em 1080p. Testar em tamanho grande de ilustração esconde o problema.