Resolução da Arte do Jogo 2D: Em Que Tamanho Desenhar (HD)

A resolução da arte de um jogo 2D HD se decide pela tela, não pelo canvas: escolha a resolução alvo (quase sempre 1920x1080), defina quantos pixels o personagem ocupa nessa tela e desenhe cada asset em x1 ou x2 desse tamanho final. O resto (cenário, inimigos, UI) segue a mesma densidade de pixels, para nada parecer mais nítido ou mais borrado que o vizinho.

No fim deste post você vai ter um número de altura para o seu personagem, uma escala de trabalho fixa para todos os assets e a configuração que faz essa arte aparecer do tamanho certo na Unity e na Godot. Este post é sobre arte HD (desenhada, pintada, vetorial). Pixel art segue outra lógica, com resolução base baixa e escala inteira.

Resolução arte jogo 2D: comece pela tela alvo

O erro mais comum é abrir o Krita, criar um canvas de 4000x4000 "para ter qualidade" e desenhar o personagem preenchendo a folha. Depois, na engine, ele precisa ocupar 180 pixels de altura, e o desenho é reduzido para menos de 5% da área. O traço some, os detalhes viram ruído e o arquivo pesa sem motivo.

A ordem certa:

1. Escolha a tela alvo. 1920x1080 é o padrão de PC e de console, e serve de base para celulares (que escalam a partir daí).
2. Faça um mock da tela. Um canvas de 1920x1080 com retângulos cinza no lugar do personagem, dos inimigos, das plataformas e da UI. Ajuste os tamanhos até a cena ficar legível.
3. Meça. Com o mock pronto, você tem a altura em pixels de cada elemento. Esses números são o tamanho final dos assets.

O mock leva meia hora e economiza dias de redesenho. Ele também decide quanto da fase o jogador enxerga: personagem grande mostra menos fase, personagem pequeno mostra mais e exige menos detalhe. Essa decisão vem junto com a escolha entre estilos, que o post de arte 2D ou 3D para jogo indie ajuda a fechar.

Tamanho de sprite HD em 1080p e 4K

Algumas referências de proporção para começar o mock, em 1080p:

Não são regras, são pontos de partida. Teste no mock e ajuste.

4K (3840x2160) tem exatamente o dobro de largura e o dobro de altura de 1080p. Isso simplifica a conta: um personagem de 180 pixels em 1080p tem 360 pixels em 4K. Se você quer nitidez total em 4K, desenhe nesse tamanho dobrado. Se não, desenhe para 1080p e aceite que em 4K a engine vai ampliar a arte com um pouco de suavização. Para a maioria dos jogos indie, x1 em 1080p resolve, e o tamanho dos arquivos agradece.

Desenhar em x1 ou x2 do tamanho final

Existem duas escalas de trabalho que funcionam:

x1 (tamanho final). O canvas do personagem tem 180 pixels de altura útil, com margem. Você vê exatamente o que o jogador vai ver. Cada pixel do pincel é um pixel na tela. Vantagem: zero surpresa. Desvantagem: detalhe fino exige zoom e mão firme.

x2 (dobro do final). Canvas com 360 pixels de altura útil. Você desenha com mais conforto, e a redução de 50% no export suaviza pequenas tremidas da linha. Também deixa a arte pronta para 4K, se um dia quiser.

O que não funciona é escala arbitrária: um personagem em x3, o inimigo em x5, a árvore em "o tamanho que coube na tela". Cada redução diferente muda a espessura do traço e a quantidade de detalhe que sobrevive.

No Krita, o fluxo em x2:

1. File > New com largura e altura de duas vezes o tamanho final mais margem (para o personagem de 180 px, algo como 400x400).
2. Desenhe com tamanhos de pincel fixos para essa escala: por exemplo, 8 px para o contorno externo, 4 px para linhas internas.
3. Na hora de exportar, duplique o arquivo e use Image > Scale Image To New Size (Ctrl+Alt+I) com 50% e filtro Bicubic.
4. Exporte o PNG reduzido. Guarde o arquivo grande como fonte.

O post sobre Krita para jogos cobre o resto da configuração de canvas e pincel.

Densidade consistente entre personagem e cenário

Densidade é quantos pixels de arte existem por unidade de espaço do jogo. Se o personagem tem 180 pixels de altura e representa 1,8 metro, a densidade é 100 pixels por metro. Uma porta de 2 metros precisa ter 200 pixels de altura. Se a porta foi desenhada com 600 pixels e reduzida na engine, ela vai parecer mais nítida e mais detalhada que o personagem ao lado, e a cena parece colagem.

Defina a densidade uma vez e escreva no documento do projeto. Toda peça nova é desenhada com esse número.

Na Unity 6.3, a densidade é o Pixels Per Unit (PPU) do import do sprite: quantos pixels da imagem equivalem a uma unidade do mundo. Use o mesmo PPU em todos os sprites, por exemplo 100. Para um pixel da arte cair exatamente num pixel da tela em 1080p, ajuste a câmera ortográfica: o Size da câmera é metade da altura visível em unidades, então com PPU 100 o tamanho 5,4 mostra 10,8 unidades, que são 1080 pixels de arte. Mude o PPU de um sprite isolado e ele aparece com tamanho errado sem você perceber o motivo.

Na Godot 4, um pixel da textura é um pixel do mundo 2D. Configure Project Settings > Display > Window > Size com Viewport Width 1920 e Viewport Height 1080 (o padrão de projeto novo é 1152x648) e, para arte HD, o Stretch Mode em canvas_items. Assim a arte desenhada para 1080p aparece em tamanho real nessa resolução e escala para as outras.

Juntar personagem, cenário e UI na mesma densidade, com o traço igual em todos, é o tipo de coisa que separa a arte que parece de um jogo só da arte que parece uma coleção de desenhos soltos. Quando você está produzindo sozinho, sem ninguém conferindo, é aqui que o projeto desanda. O curso de Arte 2D trabalha justamente esse conjunto: planejar tamanhos, manter estilo e entregar os assets prontos para a engine.

Traço e detalhe que somem ao reduzir

Reduzir a imagem reduz tudo junto, inclusive a espessura da linha. Exemplos práticos com um contorno de 12 pixels:

• Desenhado em x2 e reduzido para 50%: vira 6 pixels. Legível.
• Desenhado em x4 e reduzido para 25%: vira 3 pixels. Fino, mas aceitável.
• Desenhado em x8 e reduzido para 12,5%: vira 1,5 pixel. A linha falha, some em partes e fica cinza onde era preta.

O detalhe interno sofre mais. Uma costura na roupa, um reflexo no olho, uma textura na pedra: abaixo de 2 pixels no tamanho final, esses detalhes viram manchas. Antes de pintar um detalhe, pergunte quantos pixels ele vai ter no jogo. Se a resposta for menos de 2, não pinte, ou simplifique em uma forma maior.

Teste rápido: a cada hora de trabalho, reduza uma cópia para o tamanho final e olhe em 100% de zoom. O que você não vê nessa cópia, o jogador também não vê.

Outra fonte de problema é zoom de câmera. Se a câmera do jogo afasta para mostrar uma área grande, a arte é reduzida em tempo real. Para isso ficar limpo, ligue mipmaps: a opção de gerar mipmaps na seção Advanced do import da textura na Unity, e Mipmaps > Generate no import da Godot, com o filtro de textura em Linear Mipmap. Para arte HD sem zoom, mipmap não é necessário.

E quando a arte precisa crescer na tela, por exemplo num retrato de diálogo, desenhe o retrato separado no tamanho em que ele aparece. Ampliar sprite de jogo para retrato expõe todo o borrado. (Ampliar pixel art é outro assunto, com outra técnica, que o post de ampliar pixel art sem borrar explica.)

Limites de textura e organização dos arquivos

Godot e Unity aceitam texturas grandes, mas o limite real é a placa de vídeo do jogador e a memória. Na Unity, o campo Max Size do import reduz a textura no import quando ela passa do valor configurado, e esse corte acontece sem aviso: se o seu sprite sheet sair menor do que você desenhou, confira esse campo primeiro. Ele pode ser diferente por plataforma.

Duas práticas que evitam dor de cabeça:

1. Sprite sheets moderados. Prefira várias folhas organizadas por personagem ou por animação a uma folha gigante com tudo.
2. Fonte e export separados. O arquivo de trabalho (.kra, com camadas, em x2) fica numa pasta; o PNG exportado no tamanho final fica em outra, dentro do projeto da engine.

Erros comuns: cada asset em uma escala

Cada asset numa escala. O personagem em x2, o cenário em x4 e o inimigo "do tamanho que deu". O traço sai com três espessuras. Fixe uma escala de trabalho.

PPU diferente na Unity. Um sprite com PPU 100 e outro com 64 aparecem com tamanhos incoerentes. Use um valor só.

Canvas gigante sem motivo. Desenhar em 4000 pixels um personagem que aparece com 180 só aumenta o arquivo e destrói o traço na redução.

Detalhe menor que 2 pixels. Some no jogo. Simplifique.

Esquecer o mock. Sem medir na tela, o tamanho é chute, e chute vira redesenho.

Próximo passo

Monte hoje o mock de 1920x1080 do seu jogo com blocos cinza, meça a altura do personagem e escreva a densidade (pixels por metro) e a escala de trabalho (x1 ou x2) num arquivo de texto no projeto. Depois desenhe o primeiro personagem nesse tamanho e coloque na engine com a câmera configurada. Se o jogo ainda está em dúvida entre 2D e 3D, volte um passo com o post de arte 2D ou 3D para jogo indie.