Canos em pixel art, passo a passo

Um cano em pixel art é um cilindro: 5 pixels de largura, cada coluna de um tom diferente, do claro ao escuro, com luz vindo de cima à esquerda. Junte uma curva, uma junção e uma luva, e essas quatro peças montam qualquer layout de canos. Desenhe elas abaixo.

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

A paleta

Cinco cores: um tom principal, duas luzes, uma sombra, e um azul escuro para o fundo. Este projeto é simples o bastante para pular o line art: eu construo as formas direto com os tons.

Um cano é um cilindro

Lembra do cilindro da lição de sombreamento? Um cano é a mesma forma, deitado ou em pé. Com a luz vindo de cima à esquerda, o cano vertical vai quase branco, depois o tom principal, depois a sombra, e um cinza claro na borda da direita como uma pequena luz de contorno. O cano horizontal é ao contrário: claro em cima, escuro embaixo. E como o cano vertical está na frente, ele projeta uma sombra no horizontal.

Curva, junção, luva

  • Curva. As cores do cano dobram em volta de uma quina. A quina de dentro ganha um tom um pouco mais escuro, porque não chega muita luz nela. Um pixel escuro do lado de dentro e alguns claros na curva de fora suavizam a dobra.
  • Junção. Um quadrado de 9 por 9 com os cantos cortados. Luzes em cima e à esquerda e uma borda mais escura dão a sensação de chanfro. Quatro parafusos, cada um de um pixel com um contorno mais escuro. Em cima, uma rosca: as cores do cano deslocadas um pixel para a esquerda e para a direita.
  • Luva. Uma faixa de 4 por 7, sombreada como o cano, com um pixel de sombra de cada lado. Corte os pixels do cano nas bordas dela, para parecer que o cano passa por dentro.

Monte o seu próprio layout

A graça dessas quatro peças é que você nunca mais desenha uma rede de canos do zero. Copie, cole, espelhe e combine. Use como fundo ou como primeiro plano num platformer. Depois tente o seu próprio trajeto: duas curvas, uma junção, uma luva num trecho comprido. As regras de sombreamento continuam as mesmas para onde quer que o cano vá.