Desenhe uma parede de tijolos em pixel art, passo a passo

Para desenhar uma parede de tijolos em pixel art, preencha o fundo com uma cor de argamassa, monte fileiras de pequenos retângulos com um pixel entre eles, desloque uma fileira sim, outra não, em meio tijolo, depois sombreie o canto de baixo à direita de cada tijolo e ilumine o de cima à esquerda. Desenhe aqui embaixo numa tela de 32 por 32.

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, 30 vezes mais rápido
Do vídeo do meu curso: a mesma peça, desenhada na câmera, 30 vezes mais rápido. Também no nosso YouTube.

Do que a parede é feita

Uma cor de fundo para a argamassa, os tijolos, sombreamento, luz e alguns detalhes. A paleta é pequena: um tom principal, duas sombras, duas luzes e a cor de fundo. O fundo vem primeiro, então aqui a tela já está com a cor da argamassa.

Passo 1: Monte os tijolos

Fileiras de tijolos cinza azulados chapados sobre um fundo cinza escuro

Cada tijolo tem 9 pixels de largura e 4 de altura. Deixe um pixel de argamassa entre os tijolos. Na fileira seguinte, desloque os tijolos para que o lado esquerdo de cada tijolo de baixo fique bem embaixo do meio do tijolo de cima. Se não tiver certeza, conte quatro pixels a partir da borda.

No Aseprite eu desenho um tijolo com os chanfros, depois copio e colo ao longo da fileira, e copio fileiras inteiras para baixo. Bem mais rápido que desenhar cada tijolo.

Passo 2: Sombreamento

Os tijolos com as bordas de baixo e da direita mais escuras e cantos de argamassa escuros

A luz vem de cima e da esquerda. Então a parte de baixo e o lado direito de cada tijolo ficam na sombra. Depois pegue o tom mais escuro e coloque nos cantos onde as linhas de argamassa se encontram. Esse pequeno toque dá profundidade à parede.

Passo 3: Luz

Os tijolos com as bordas de cima e da esquerda claras, formando um chanfro

Agora os lados opostos: a borda de cima e a da esquerda de cada tijolo ganham o tom claro. Sombra de um lado, luz do outro, e os retângulos chapados viram tijolos chanfrados.

Passo 4: Detalhes

A parede de tijolos pronta, com alguns pixels claros nas bordas de cima

Os detalhes são só mais uma camada de luz: espalhe alguns pixels da cor mais clara nos chanfros de cima. É uma boa prática deixar o sombreamento e as luzes em camadas próprias, para poder ajustar depois.

Sua vez: tijolos de areia

A mesma parede de tijolos em cores quentes de areia

Mesma parede, paleta nova. Esse é o objetivo deste desafio: reaproveitar um sprite que você já tem, mudar as cores, ajustar alguns detalhes, e você tem um sprite totalmente novo. Quer mais? Coloque algumas rachaduras como nas pedras, ou leve as luzes e o sombreamento mais longe.