Environment Concept Art: Concept de Cenário para Jogo 2D

Environment concept art é a etapa em que você decide como um lugar do jogo vai parecer e funcionar antes de produzir qualquer tile. Num jogo 2D, o concept de cenário entrega quatro coisas: uma composição testada em valores de cinza, a faixa do plano jogável marcada dentro da pintura, uma paleta de clima (hora do dia e bioma) e uma pintura chave que quem faz o tileset e o level design usa como alvo. Neste guia, você faz essas quatro peças no Krita para um bioma de floresta de um plataforma 2D.

O foco aqui é a etapa de conceito, não a arte final. Se você quer entender concept art de forma geral (personagens, props, o papel do concept artist num estúdio), o guia de concept art para jogos cobre esse panorama. Aqui é cenário, do primeiro rabisco até o momento de passar a bola para a produção.

Environment concept art: o que entrega para o projeto

Concept de cenário existe para economizar retrabalho. Quando ninguém decide o clima de um bioma antes, cada tile é pintado com uma ideia diferente, o fundo não combina com o chão e o personagem some na frente da paisagem. A pintura chave resolve isso porque vira a referência que todo mundo consulta.

Para um jogo 2D indie, o pacote mínimo de um bioma tem:

• Folha de thumbnails em valores de cinza, com 2 ou 3 marcados como escolhidos.
• Pintura chave (key art do bioma) em 1920x1080, na proporção da tela do jogo.
• Faixa de paleta com 8 a 12 cores tiradas da pintura chave, separadas por plano (frente, meio, fundo).
• Notas de leitura: o que é chão sólido, o que é decoração, de onde vem a luz.

Se você é dev solo, essas peças são suas próprias regras. Elas valem tanto quanto num estúdio, porque daqui a três meses você não vai lembrar por que escolheu aquele verde.

Concept art de cenário começa em valor

Valor é o quão claro ou escuro algo é, sem cor. É a primeira camada de leitura de qualquer cena e a mais fácil de errar quando você começa direto colorido. O caminho seguro é decidir a composição inteira em tons de cinza.

Configuração no Krita para a folha de thumbnails:

1. File > New, 3000 x 2000 px. A resolução em ppi não importa para arte de tela, deixe o padrão. Fundo cinza médio.
2. Com a ferramenta de seleção retangular, desenhe molduras de 400 x 225 px (16:9 reduzido). Cabem uns 15 na folha. Pinte as bordas com um pincel duro para criar as caixas.
3. Pincel b) Basic-1 ou b) Basic-5 Size Opacity, só 3 ou 4 cinzas: quase preto, cinza escuro, cinza médio, quase branco.
4. Em cada caixa, use no máximo 2 minutos. Nada de detalhe. Só massas.

Regra prática para cenário de jogo 2D: separe a cena em três planos de valor. O primeiro plano (onde o jogador anda) com o contraste mais forte, o meio com contraste médio e o fundo claro e lavado, como neblina. Essa progressão, chamada de perspectiva atmosférica, é o que dá profundidade sem precisar de detalhe.

Varie de verdade entre os thumbnails: horizonte alto e baixo, céu aberto e floresta fechada, luz vindo de trás (silhueta) e de lado. Quem repete a mesma ideia 15 vezes só gastou tempo. O post sobre thumbnails de concept art aprofunda o exercício de variação.

Para conferir composição, aperte M (Mirror View, no menu View). A tela espelhada mostra problemas de equilíbrio que o olho acostumado não vê mais.

Plano jogável dentro do concept

Esse é o ponto que separa concept de jogo de ilustração de paisagem. Num plataforma 2D, existe uma faixa da tela onde o jogador vive, normalmente o terço de baixo. O concept precisa mostrar essa faixa e respeitá-la.

Como marcar no Krita:

1. Crie uma camada no topo chamada gameplay (tecla Ins cria uma nova camada de pintura).
2. Desenhe um retângulo vermelho semitransparente sobre a faixa onde o chão e as plataformas vão ficar.
3. Coloque um boneco simples no tamanho real do personagem. Se o personagem tem 64 px de altura numa tela de 1080 px, desenhe uma silhueta de 64 px. Esse boneco é a régua do cenário inteiro.

Agora olhe a pintura com esse boneco. Três perguntas:

• O boneco lê contra o fundo? Se o fundo atrás dele tem o mesmo valor, ele vai sumir no jogo. A faixa jogável precisa de fundo mais claro ou mais escuro do que o personagem.
• O chão é óbvio? Superfície sólida tem que ter borda clara no topo e valor consistente. Se o jogador precisa adivinhar onde pisa, o level design sofre.
• A decoração atrapalha? Folhagem densa na frente da faixa jogável fica linda no concept e esconde inimigos no jogo. Decoração de primeiro plano vai para as bordas da tela.

Essas decisões conversam direto com os princípios de level design: leitura de caminho, contraste de área segura e área perigosa, e direcionamento do olhar.

Paleta e clima: hora do dia e bioma

Com 2 ou 3 thumbnails escolhidos, é hora de cor. O jeito mais rápido de testar clima sem repintar é colorir por cima do cinza com modos de mesclagem.

1. Duplique o thumbnail escolhido para um canvas novo de 1920 x 1080 px e amplie com Image > Scale Image to New Size.
2. Crie uma camada acima em modo Color (categoria HSX dos modos de mesclagem do Krita). Pinte manchas grandes de cor: verde azulado no fundo, verde amarelado no meio, marrom avermelhado no chão.
3. Crie outra camada em modo Overlay com uma cor só, cobrindo tudo, em 20% a 30% de opacidade. Laranja dá fim de tarde, azul dá noite, verde pálido dá manhã nublada.

Faça 3 versões do mesmo thumbnail com hora do dia diferente e coloque lado a lado. A escolha costuma ficar óbvia em segundos.

Duas regras de cor que funcionam para cenário 2D:

• Fundo puxa para a cor do céu. Quanto mais longe, mais a cor do objeto se mistura com a cor do ar. Montanha distante de floresta verde fica azulada, não verde saturada.
• Saturação mais alta no plano jogável. O olho vai para onde há mais saturação e contraste. Coloque isso onde o jogador está.

Quando a versão estiver escolhida, use a Color Sampler Tool (tecla P ou Ctrl+clique com o pincel) para tirar 8 a 12 cores e monte uma faixa de paleta numa camada separada, organizada por plano.

Juntar concept, tileset, personagem animado e câmera num bioma jogável é onde muita gente que estuda sozinha trava: cada peça parece certa isolada e o conjunto não conversa. O caminho mais curto é ter um processo que leva a arte do conceito até o jogo rodando, com revisão em cada etapa.

Pintura chave no Krita

A pintura chave é a versão acabada do concept. Acabada não quer dizer detalhada em cada canto: quer dizer que tudo o que importa para a produção está decidido.

Estrutura de camadas que deixa a pintura editável:

• Grupo fundo (céu e montanhas distantes)
• Grupo meio (árvores e estruturas de segundo plano)
• Grupo frente (chão jogável, plataformas, props interativos)
• Grupo decoracao_frente (folhagem nas bordas)
• Camada luz em modo Addition ou Screen, para raios de sol e brilho
• Camada gameplay (desligada no export, ligada para revisão)

Separar por plano já antecipa o parallax: cada grupo vai virar uma camada de fundo com velocidade diferente no jogo.

Pincéis do conjunto padrão do Krita que rendem em cenário:

• Pincéis das famílias f) (pintura seca) e i) (pintura úmida) para massas grandes com textura de pincel.
• k) Blender Basic para suavizar transições do céu.
• Pincéis da família z) (carimbos) para quebrar silhuetas rapidamente. Use como base e pinte por cima, senão o carimbo fica evidente.
• c) Pencil-2 para marcar bordas de plataforma.

A letra no começo do nome agrupa os presets por família no seletor de pincéis. Os nomes exatos mudam um pouco entre versões do Krita; digite a família ou parte do nome no campo de busca do seletor.

Antes de considerar pronta, cheque o valor de novo: adicione uma Filter Layer no topo com o filtro Desaturate (pelo botão de adicionar camada no Layers docker, escolhendo Filter Layer). Se a leitura em cinza piorou em relação ao thumbnail, a cor bagunçou o valor e precisa de ajuste.

Do concept ao tileset

A pintura chave não vira tileset por recorte. Ela vira tileset por tradução. O processo:

1. Defina o tamanho do tile a partir do boneco-régua. Personagem de 64 px com tile de 32 px é uma relação comum em plataforma 2D.
2. Sobreponha uma grade de 32 px na faixa jogável da pintura chave (View > Show Grid, com o espaçamento ajustado no docker Grids and Guides, aberto em Settings > Dockers). Veja quais formas do chão viram tile de topo, canto, parede e preenchimento.
3. Tire da pintura chave as 3 ou 4 cores de cada material do chão (topo de grama, terra, pedra). Essas viram a paleta do tileset.
4. Simplifique a textura. A pincelada solta do concept vira padrão repetível. Detalhe que aparece uma vez na pintura vira prop separado, não tile.
5. Fundo vira camadas de parallax, não tile. Os grupos fundo e meio servem de base direta para essas camadas, repintados para fechar a repetição horizontal.

Monte uma tela de teste com tiles reais e compare com a pintura chave lado a lado. Não precisa ficar igual: precisa manter valor, paleta e leitura.

Erros comuns: concept bonito que não vira jogo

Câmera de ilustração. Concept em vista três quartos de cima, com perspectiva forte, para um jogo de plataforma em vista lateral. A pintura fica linda e não serve para nada. Pinte na câmera do jogo.

Sem régua de escala. Árvores do tamanho de casas, portas do tamanho do personagem. Sem o boneco no tamanho real, o tileset herda proporções erradas.

Detalhe uniforme. Todo canto da tela com o mesmo nível de acabamento. O olho não sabe onde olhar, e no jogo o personagem disputa atenção com uma pedra. Concentre detalhe e contraste na faixa jogável.

Faixa jogável escura demais. Clima noturno e sombrio é ótimo até o personagem escuro andar sobre chão escuro. Se o bioma é escuro, o personagem precisa de borda clara (rim light) ou o chão precisa de topo iluminado.

Pular o cinza. Cor esconde problema de valor. Concept que nasce colorido quase sempre tem plano de frente e fundo competindo.

Próximo passo

Escolha um bioma do seu jogo e faça só a primeira metade hoje: 10 thumbnails em cinza, 400 x 225 px, 2 minutos cada, com o boneco-régua desenhado em todos. Amanhã, pegue os 2 melhores e teste 3 climas com camadas Color e Overlay. Só depois parta para a pintura chave.

Se ainda não está confortável com a etapa de rabisco rápido, comece pelo post de thumbnails de concept art. E quando o concept estiver pronto, leve a faixa jogável para os princípios de level design antes de abrir o editor de tiles.