Expressões Faciais no Desenho: Retratos de Diálogo

Expressões faciais no desenho de retrato de diálogo se resolvem com três partes do rosto: sobrancelha, olhos e boca. Se você desenha o rosto base uma vez e cada uma dessas partes em camadas separadas, monta seis expressões (neutro, feliz, bravo, triste, surpreso, pensativo) sem redesenhar o personagem, e ainda pode trocar só as partes dentro do jogo.

Este post mostra o tamanho e o enquadramento do retrato, o conjunto mínimo de 6 expressões, a montagem em camadas no Krita, a versão em pixel art no Aseprite e como nomear e exportar tudo para o sistema de diálogo.

Expressões faciais no desenho: o que cada parte comunica

As três partes não têm o mesmo peso:

• Sobrancelha: carrega a emoção. Inclinada para dentro e para baixo é raiva; para dentro e para cima, tristeza ou preocupação; alta e arqueada, surpresa. Só com a sobrancelha, a maioria das emoções já se lê.
• Olhos: dão a intensidade. Pálpebra cobrindo parte da íris acalma ou cansa; olho bem aberto com pupila pequena assusta; olho fechado em arco é alegria.
• Boca: confirma. Sozinha, ela é a parte menos confiável: um sorriso com sobrancelha de raiva é sarcasmo, não alegria.

Dessa hierarquia sai uma regra prática para retrato de diálogo: se você só tem orçamento para variar uma parte, varie a sobrancelha. Se tem para duas, sobrancelha e olhos. A boca vem por último.

O resto do rosto (formato da cabeça, nariz, cabelo, orelhas, roupa) fica fixo. É isso que permite reaproveitar.

Retrato de personagem para diálogo: tamanho e enquadramento

Antes de desenhar, decida o tamanho final na tela. Ele define quanto detalhe de expressão cabe:

• Pixel art: retratos de 48x48, 64x64 ou 96x96 px. Em 48 px, a sobrancelha tem 1 pixel de espessura e a boca 3 a 5 pixels de largura; em 96 px, cabe sombreamento no rosto.
• Alta resolução: algo entre 256 e 512 px de lado numa tela de 1080p. Desenhe no dobro do tamanho final e reduza na exportação.

Enquadramento: do topo da cabeça até os ombros, com o rosto ocupando pelo menos metade da altura da imagem. Retrato de corpo inteiro numa caixa de diálogo vira um rosto minúsculo. Deixe o personagem levemente em 3/4 e olhando para o lado em que fica o texto ou o outro personagem da conversa; isso cria a sensação de diálogo.

Se o jogo também usa sprites grandes de corpo inteiro, no estilo visual novel, o post sobre sprites de visual novel trata desse formato. Aqui o foco é o retrato da caixa de diálogo.

O conjunto mínimo de 6 expressões

As seis cobrem quase todo diálogo de jogo. Para cada uma, o que muda em cada parte:

Repare que o pensativo usa assimetria: uma sobrancelha sobe e a outra fica. Assimetria é o que faz uma expressão parecer de uma pessoa, e não de um emoji. Use um pouco em todas.

Camadas separadas de sobrancelha, olho e boca no Krita

Monte o arquivo no tamanho de desenho (por exemplo, 1024x1024 px para um retrato final de 512 px). Estrutura de camadas, de baixo para cima:

1. rosto_base: cabeça, cabelo, orelhas, nariz, pescoço e roupa. Sem olhos, sem sobrancelhas, sem boca.
2. Grupo olhos: uma camada por variação (olhos_neutro, olhos_feliz, olhos_bravo...).
3. Grupo sobrancelhas: uma camada por variação.
4. Grupo bocas: uma camada por variação.

Desenhe o neutro completo primeiro, ligando a primeira camada de cada grupo. Depois, para cada expressão nova, duplique a camada neutra da parte (botão direito, Duplicate Layer or Mask), renomeie com duplo clique e redesenhe só aquela parte. As outras camadas do mesmo grupo ficam escondidas no ícone de olho.

Para conferir uma expressão, ligue uma camada de cada grupo. Para conferir se uma parte serve em várias expressões (a boca neutra no pensativo, por exemplo), só troque a visibilidade. Muitas vezes uma mesma boca serve em duas ou três expressões, e o conjunto fica com menos desenhos do que parece.

Mantenha a cor e o traço das partes idênticos ao rosto base: mesma espessura de linha, mesma cor de contorno, mesmo pincel. Parte desenhada com outro pincel denuncia a troca no jogo.

Montar as seis expressões de um personagem é um exercício de uma tarde. Fazer isso para todo o elenco, no mesmo estilo, conversando com os sprites do jogo e entrando no sistema de diálogo sem retrabalho, é o tipo de produção em que quem trabalha sozinho mais perde tempo. É esse fluxo, do esboço ao asset dentro da engine, que um curso de Arte 2D para jogos organiza.

Versão em pixel art no Aseprite

No Aseprite, a mesma ideia ganha um recurso a mais: frames e tags. Crie um sprite de 64x64 px e organize assim:

• Camadas: rosto_base, olhos, sobrancelhas, boca.
• Frames: um por expressão. Seis frames, criados com Alt+N (novo frame, copiando o anterior).
• Tags: selecione cada frame na timeline e crie uma tag com o nome da expressão (neutro, feliz, bravo, triste, surpreso, pensativo).

Na camada rosto_base, o desenho é o mesmo em todos os frames. Vincule os cels dela (selecione os seis cels na timeline, botão direito, Link Cels): assim, uma correção no cabelo vale para as seis expressões de uma vez. Nas outras três camadas, cada frame tem o desenho daquela expressão.

Ligue o onion skin (F3) para desenhar cada boca e cada sobrancelha vendo a do frame anterior em transparência. Isso ajuda a manter a posição e a espessura iguais.

Em 64 px, menos é mais: sobrancelha de 1 pixel de altura e 4 a 6 de largura, olho de 2 a 3 pixels, boca de 3 a 6. Mude o mínimo de pixels por expressão e confira em zoom 100%, que é como o jogador vai ver.

Nomear e exportar retratos para o sistema de diálogo

Defina um padrão de nome e não mude mais: personagem_expressao.png. Exemplo: lia_neutro.png, lia_bravo.png. O sistema de diálogo vai procurar pelo nome, e um arquivo chamado lia-raiva-final2.png quebra tudo.

Retratos completos (mais simples). No Krita, ligue a combinação de camadas de uma expressão e use File > Export, uma vez por expressão. No Aseprite, com uma tag por frame, a linha de comando gera os seis arquivos de uma vez:

aseprite -b lia.aseprite --save-as lia_{tag}.png

Partes separadas (mais flexível). Exporte o rosto base e cada variação de parte como imagens independentes, todas do mesmo tamanho e alinhadas. No Krita, o plugin Tools > Scripts > Export Layers exporta cada camada como um arquivo. No Aseprite, --save-as lia_{layer}_{tag}.png separa por camada e por tag. No jogo, você empilha quatro imagens e troca só a que mudou, o que permite combinações que você nem desenhou (boca feliz com sobrancelha preocupada, por exemplo).

Na Unity, importe os PNGs com Texture Type Sprite (2D and UI) e, na caixa de diálogo, troque o sprite do componente Image do retrato conforme a fala; para partes separadas, use quatro Image sobrepostos, um por camada. Na Godot, use um TextureRect para o retrato completo, ou quatro sobrepostos para as partes, e troque a propriedade texture a cada fala. O post sobre sistema de diálogo em jogos mostra como estruturar e guardar as falas; acrescente a cada linha um campo com o nome da expressão ("expressao": "bravo"), e o código só precisa montar o nome do arquivo a partir do personagem e desse campo.

Erros comuns: expressão que só muda a boca

Só a boca muda. O personagem "bravo" com a sobrancelha neutra e a boca virada para baixo parece emburrado, não bravo. Comece pela sobrancelha.

Expressão tímida demais. No tamanho do retrato, uma inclinação de sobrancelha de 5 graus some. Exagere mais do que parece necessário no tamanho de desenho.

Rosto base que muda. Redesenhar o cabelo ou o nariz em cada expressão faz o retrato tremer quando a fala troca. Rosto base único, travado.

Partes desalinhadas. Olhos de uma expressão um pixel acima dos de outra. No jogo, a troca dá um pulo. Use o onion skin ou baixe a opacidade da camada neutra para alinhar.

Nomes inconsistentes. feliz, happy, alegre em arquivos do mesmo personagem. Lista fixa de expressões, nomes fixos.

Simetria perfeita. Expressões espelhadas parecem máscara. Uma sobrancelha um pouco mais alta já dá vida.

Próximo passo

Escolha o personagem que mais fala no seu jogo, decida o tamanho do retrato e monte o arquivo com rosto base e as três camadas de partes. Faça o neutro, depois as outras cinco mudando o mínimo. Exporte com o padrão de nome e teste dentro da caixa de diálogo. Para revisar proporção e estilo do rosto antes, siga o guia de como desenhar personagem de jogo.