Desenhe um arbusto em pixel art, passo a passo

Para desenhar um arbusto em pixel art, faça um contorno redondo irregular, preencha com folhas feitas de formas de meia-lua, pinte, sombreie o lado oposto à luz e os pontos embaixo de cada folha, depois ilumine o topo das folhas e coloque alguns galhos. Este usa o fluxo de trabalho inteiro, então é um projeto maior. Os contornos já estão prontos para você aqui embaixo, então você começa direto pela cor.

Este sprite é largo. É mais fácil desenhar no computador, ou com o celular deitado.

Passo 1

Cores deste passo
Ferramentas
Guia

Mostrar o passo pronto
Timelapse do vídeo do curso do Roman: a mesma peça desenhada no Aseprite, 135 vezes mais rápido
Do vídeo do meu curso: a mesma peça, desenhada na câmera, 135 vezes mais rápido. Também no nosso YouTube.

Por que os contornos já estão prontos

Copiar esses contornos e linhas internas pixel por pixel levaria uma eternidade, e não te ensina muita coisa. O que importa são as duas regras por trás deles. Quando você conhece essas regras, pode fazer quantos arbustos quiser. Quanto mais, melhor.

Regra 1: o contorno é um círculo bagunçado

Contorno preto de um arbusto: um círculo irregular com bordas serrilhadas

Comece com um círculo ou uma elipse levemente achatada, dependendo do arbusto e do estilo do seu jogo. Depois pegue os pixels do contorno e empurre para fora do lugar, de propósito. Faça jaggies. No final fica parecendo um pouco a cabeça de um leão.

Regra 2: as folhas são formas de meia-lua

O contorno do arbusto preenchido com muitas pequenas linhas curvas para as folhas

As linhas internas parecem complicadas, mas são só um monte de formas de meia-lua, uma por folha. Não tenha medo de ser bagunçado. É natureza, nada nela precisa ser exato.

Passo 3: Cor

O arbusto com cada segmento de folha preenchido em verde-azulado, linhas internas ainda pretas

Este arbusto tem 12 cores: tons de luz, um tom médio, tons de sombra para o sombreamento e três marrons para os galhos. Comece pelo tom médio e preencha cada segmento. No curso eu depois mudo todas as linhas pretas para azul escuro de uma vez com o Replace Color do Aseprite (Shift+R). As linhas de cima ganham um azul um pouco mais claro que as de baixo, porque a luz vem de cima e da esquerda.

Passo 4: Sombreamento

O arbusto com azuis mais escuros no lado de baixo à direita e embaixo das folhas

A luz vem de cima e da esquerda, então a parte de baixo à direita do arbusto fica na sombra. Preencha essas áreas com o tom de sombra e espalhe alguns pixels mais escuros nos cantos de baixo para enriquecer a textura.

Agora a parte importante: cada folha tapa a luz da área embaixo dela. Então tudo que está embaixo de uma folha fica sombreado. E o topo de cada folha recebe luz, no próximo passo. Embaixo da folha: sombra. Em cima da folha: luz.

Passo 5: Luz

O arbusto com luzes ciano claras em cima das folhas, principalmente no alto à esquerda

Procure o topo das folhas e coloque ali a luz mais escura. Depois pegue a próxima luz mais clara e use numa área menor, dentro da primeira. Cada tom seguinte cobre menos, e o mais claro de todos vai em só alguns pixels. Deixe a parte de baixo do arbusto tranquila, já que ela não recebe muita luz.

Num arbusto assim você vai e volta entre sombreamento e luz. Você vai continuar achando pontos que precisam de um pouco mais de sombra. Isso é normal.

Passo 6: Detalhes

O arbusto pronto, com pequenos galhos marrons visíveis entre as folhas

Termine com alguns galhos aparecendo entre as folhas. Eles usam três marrons: um tom médio para o galho e dois mais escuros em volta para dar profundidade. Galhos mais baixos no arbusto recebem menos luz, então use o marrom mais escuro neles.

E aqui vai um bônus: a copa de uma árvore em pixel art muitas vezes é só um arbusto como este, em cima de um tronco.