Luz e Sombra no Desenho Digital: Sombreamento Passo a Passo

Luz e sombra no desenho digital começam por uma decisão, não por um pincel: de onde vem a luz. Com uma fonte de luz única definida, você separa o personagem em partes que recebem luz e partes de costas para ela, pinta a sombra própria e a projetada em camadas recortadas sobre os flats e escolhe o estilo (cel shading em 2 tons ou sombreamento suave) pelo tamanho em que ele vai aparecer no jogo. No Krita, os modos de camada Multiply, Overlay e Addition fazem metade do trabalho de cor por você.

Este post trata de ilustração e sprite em alta resolução, aquela arte pintada de retrato de diálogo, carta, personagem de jogo em HD. Se o seu caso é pixel art, onde cada tom é um pixel colocado à mão, o guia de sombreamento em pixel art é o certo. Aqui vamos usar um personagem de exemplo, um cavaleiro com capa e espada, do flat ao acabamento.

Fonte de luz: decidir antes de pintar

Antes de abrir a camada de sombra, desenhe uma seta num canto do canvas, numa camada de rascunho, apontando a direção da luz. Parece infantil e evita o erro mais comum de todos: cada parte do personagem iluminada de um lado.

Três perguntas para fixar a luz:

1. Direção. Para personagem de jogo, a escolha segura é de cima e um pouco de frente, levemente à esquerda ou à direita. Luz de baixo ou de trás é efeito dramático, bom para uma ilustração de chefe, ruim para o elenco inteiro.
2. Dureza. Sol direto dá sombra de borda dura. Céu nublado ou interior com janela dá borda suave. A dureza decide se o seu estilo puxa para cel shading ou para pintura.
3. Cor. Luz quente (amarelada) gera sombra que parece mais fria por contraste. Luz fria gera sombra mais quente. Escolher a cor da luz agora ajuda a escolher a cor da sombra depois.

No cavaleiro de exemplo: luz de cima, à esquerda, quente e dura. Tudo o que vem a seguir sai dessa decisão.

Sombra própria, sombra projetada e oclusão

Três tipos de sombra aparecem em quase todo personagem, e misturar os três é o que dá volume.

Sombra própria (form shadow). É o lado do volume que fica de costas para a luz. Pense em cada parte como uma forma simples: cabeça é esfera, tronco é caixa, braço é cilindro. Numa esfera iluminada de cima à esquerda, a sombra própria ocupa a parte de baixo à direita, com a borda curva acompanhando a forma. No cavaleiro: o lado direito do rosto, a parte de baixo do queixo, o lado direito do peitoral.

Sombra projetada (cast shadow). É a sombra que uma parte joga em outra. O cabelo projeta sombra na testa, o queixo projeta no pescoço, a capa projeta nas costas, o personagem inteiro projeta no chão. Ela costuma ser mais escura e de borda mais definida que a sombra própria, principalmente perto do objeto que a causa. É a sombra projetada que mostra que o braço está na frente do corpo e não colado nele.

Oclusão (ambient occlusion). São as frestas onde quase nenhuma luz chega: entre os dedos, onde a luva encontra a manga, embaixo da gola. É o tom mais escuro do desenho e ocupa áreas pequenas. Um toque de oclusão nas junções faz as peças parecerem encaixadas.

Ordem de pintura recomendada: sombra própria em todas as partes, depois as projetadas, por último a oclusão.

Luz e sombra no desenho digital com modos de camada (Multiply, Overlay, Add)

A pilha de camadas parte dos flats (as cores chapadas de cada material) dentro de um grupo, com camadas de sombra e luz acima delas usando Alpha Inheritance, para não sair do contorno. O passo a passo dessa pilha está no post sobre como colorir desenho digital.

O Krita organiza os modos de camada por categoria. Pela documentação oficial (conferida em outubro de 2026), os que interessam aqui são:

• Multiply (categoria Arithmetic). Multiplica a cor da camada pela de baixo. Branco não muda nada e qualquer outra cor escurece. Para sombra, use uma cor fria e pouco saturada, como um lilás acinzentado claro, com opacidade entre 60% e 100%. Ela escurece todos os materiais de forma coerente.
• Overlay (categoria Mix). Escurece os tons escuros e clareia os claros, aumentando contraste e saturação. Bom para uma passada final de cor ambiente: um laranja em Overlay com 15% a 25% de opacidade aquece o personagem inteiro.
• Addition (categoria Arithmetic, chamado de "Add" em outros programas). Soma a cor da camada à de baixo. Gera brilho forte, quase emissivo. Use para reflexo em metal, borda iluminada (rim light) e efeito mágico, com cor quente e opacidade baixa.
• Screen e Color Dodge (categoria Lighten) também clareiam. Screen é mais suave que Addition. Color Dodge estoura a saturação e é bom só em pequenos pontos.

Passo a passo no cavaleiro:

1. Camada sombra, Alpha Inheritance ligado, modo Multiply. Cor lilás acinzentado. Pincel duro. Pinte todas as sombras próprias.
2. Na mesma camada, pinte as projetadas: cabelo na testa, capa nas costas.
3. Camada oclusão acima, Multiply, cor mais escura e mais saturada. Só nas frestas.
4. Camada luz, Alpha Inheritance, modo Normal. Cor clara de cada material nas superfícies viradas para a luz. Pouca área.
5. Camada brilho, modo Addition, cor amarelada, 40% a 60%. Reflexo no metal da espada e do ombro, e uma linha fina de rim light no lado da luz.
6. Camada ambiente no topo do grupo, Overlay, laranja claro, 20%. Ajusta a temperatura geral.

Separar em camadas permite ajustar cada etapa pela opacidade e trocar a cor da sombra inteira depois, sem repintar.

Cel shading em 2 ou 3 tons

Cel shading é sombra de borda dura com poucos tons, como em animação. Em jogo ele é muito usado porque lê bem em qualquer tamanho, é rápido de repetir em vários frames e combina com lineart.

Dois tons: flat e uma sombra. Toda a sombra própria e projetada recebe a mesma cor. É o mais rápido e o mais fácil de manter consistente num elenco grande.

Três tons: flat, sombra e uma luz (ou uma sombra mais funda para oclusão). O terceiro tom entra em pouca área, senão o visual perde a limpeza.

Como fazer no Krita:

1. Use um pincel de borda dura. No Editor de Pincel (F5), na ponta Auto, desligue Smooth lines e deixe o Fade em 1 (borda sem esfumado), ou pegue um preset de tinta dura.
2. Desenhe o limite da sombra como uma forma, não como um degradê. Uma linha de borda clara, curva onde o volume é redondo e reta onde ele é plano.
3. Preencha a área da sombra com o balde dentro da forma, ou pinte com o pincel.
4. Para o terceiro tom, crie outra camada recortada e repita, só nas áreas mais fundas.

A borda da sombra conta a forma. Num cilindro (braço), ela é uma linha quase reta ao longo do comprimento. Numa esfera (ombreira), é uma curva. Num tecido (capa), ela segue as dobras em zigue-zague. Se todas as bordas do seu personagem têm o mesmo formato de curva suave, o volume some.

Sombrear um personagem parado é exercício. No jogo, você precisa repetir a mesma luz em cada frame da animação, nos inimigos e no cenário, e fazer tudo isso ler numa tela pequena. É nesse ponto, quando um desenho vira um conjunto de assets que precisam conversar, que um caminho estruturado de arte para jogos faz diferença.

Sombreamento suave e quando ele atrapalha o jogo

Sombreamento suave, com transição gradual entre luz e sombra, fica lindo em ilustração grande. Em jogo, ele cobra três preços:

1. Leitura em tamanho pequeno. Quando o personagem é reduzido, o degradê vira um borrão médio. A forma some e o personagem parece achatado. Cel shading mantém o contraste mesmo em 100 pixels de altura.
2. Custo por frame. Uma animação de corrida com 8 frames pede o mesmo sombreamento em todos. Borda dura é fácil de repetir. Degradê pintado à mão varia de frame para frame e o personagem parece tremer.
3. Mistura com o cenário. Se o cenário é pintado suave e o personagem também, ele afunda no fundo. Personagem com contraste mais alto que o cenário é uma regra antiga de jogo 2D, e funciona.

Onde o suave funciona bem: retrato de diálogo, arte de carta, tela de título, cenário de fundo. No personagem jogável, um meio-termo resolve: sombra principal em borda dura e uma suavização leve só na oclusão e no reflexo.

Consistência de luz entre personagens e cenário

Um personagem iluminado da esquerda num cenário iluminado da direita parece colado. Para manter tudo coerente:

• Uma direção de luz para o jogo inteiro (ou por fase, se a fase tem uma fonte clara, como uma tocha). Anote no documento de direção de arte.
• Mesma cor de sombra em todos os personagens. Salve a cor de Multiply na paleta e reutilize. Muda o material, não muda a luz.
• Mesma opacidade e mesmo número de tons. Se um personagem tem 2 tons e o outro tem 5, eles parecem de jogos diferentes.
• Teste no cenário. Coloque o personagem sobre uma captura do cenário antes de dar o sombreamento por terminado.

Nas cores, a regra prática é a mesma de qualquer paleta de jogo: sombra puxa para frio, luz puxa para quente. O guia de paleta de cores para jogos mostra como montar essas rampas para o jogo inteiro.

Erros comuns: sombra cinza e pillow shading

Sombra cinza ou preta. Escurecer com preto em Multiply deixa a cor suja e sem vida. Correção: sombra com matiz, fria e pouco saturada, ou pintada em Normal com a cor de sombra de cada material.

Pillow shading. Sombrear seguindo o contorno, claro no meio e escuro nas bordas, como um travesseiro. Ignora a fonte de luz e achata tudo. Correção: volte à seta da luz e pinte só o lado de costas para ela.

Luz em todo lado. Excesso de brilho e rim light em todas as bordas faz o personagem parecer de plástico. Correção: brilho só no lado da luz e em poucos pontos, com mais força nos materiais que refletem (metal, olho, couro molhado).

Sombra sem forma. Borda da sombra paralela à lineart em todo lugar. Correção: desenhe a borda pensando no volume (cilindro, esfera, caixa), não no contorno.

Oclusão demais. Contorno escuro grosso em todas as junções vira uma segunda lineart. Correção: oclusão só nas frestas mais fundas, em área pequena.

Próximo passo

Pegue um personagem seu com flats prontos e faça duas versões: uma em cel shading de 2 tons e outra com sombreamento suave. Reduza as duas para o tamanho real do jogo e veja qual lê melhor. Na maioria dos casos, a de 2 tons ganha.

Depois, aplique a mesma luz e a mesma cor de sombra num segundo personagem. Se você está trabalhando com sprites em pixel art, o guia de sombreamento em pixel art adapta essas ideias para rampas de poucos tons colocadas pixel a pixel.