Pixel art isométrica para iniciantes: desenhe um ar-condicionado

Pixel art isométrica desenha objetos em ângulo, com linhas que andam dois pixels para o lado a cada um pixel para cima. Para desenhar um objeto isométrico, faça o contorno de uma caixa com essas linhas 2:1, preencha, sombreie os lados que ficam de costas para a luz e coloque uma luz na borda virada para ela. Experimente aqui embaixo com um pequeno ar-condicionado.

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

A linha isométrica

Isométrico é o meu gênero favorito, e ele começa com um padrão simples. Uma linha isométrica anda dois pixels para o lado, depois um para cima, depois dois para o lado, um para cima, e assim por diante. Um, dois, um, dois. Se você lembra da regra das linhas suaves na aula de contornos, é isso: um ritmo constante, para a linha parecer reta.

Antes de desenhar qualquer outra coisa, pratique essa linha. Primeiro desenhe pedaços curtos, depois mais longos conforme ganha confiança. Depois monte um cubo: desenhe um quadrado, um segundo embaixo dele, ligue os dois, apague as bordas de dentro para o cubo não ficar transparente e dê a cada lado o seu próprio tom. Faça cinco ou dez cubos. No começo seu cérebro vai dar um nó. É normal, e passa.

Passo 1: contorno

Contorno isométrico cinza de uma caixa com um buraco redondo de ventilador e fendas na lateral

Comece com uma linha isométrica de 15 pixels e uma curta de 4 para a lateral. Copie, espelhe e coloque em cima para fechar a face de cima, deixando um pixel de espaço nos cantos. Copie as linhas de novo 11 pixels abaixo para a base, ligue o topo à base e apague as bordas de dentro.

Depois o buraco do ventilador na frente: ache o segundo degrau a partir da borda, conte três pixels e comece o buraco no quarto. Coloque as fendas na frente e na lateral do mesmo jeito, contando pixels.

Passo 2: cores

A caixa do ar-condicionado preenchida com um cinza chapado

Preencha a caixa com o cinza principal. Aqui eu gosto de deixar cada passo na sua própria camada: contornos, cores, sombreamento, luzes, detalhes. Você também pode fazer tudo numa camada só.

Passo 3: sombreamento

O ar-condicionado com a lateral direita sombreada, o buraco do ventilador escuro e as fendas escuras

A luz vem de cima e da frente. Então a lateral direita fica na sombra, e o topo também ganha um toque leve de sombra. A parede de trás fica quase toda escura, e o lado de dentro do buraco do ventilador também. Escureça as fendas, depois use um cinza um pouco mais claro para dar profundidade ao buraco.

Passos 4 e 5: luzes e detalhes

O ar-condicionado isométrico pronto, com a borda de cima clara

Uma linha do cinza mais claro ao longo da borda superior da frente, onde a luz bate. Depois alguns pixels de textura nas fendas da lateral. Pronto.

Esta maquininha é uma peça de um prédio isométrico inteiro do curso: salas de fliperama, sacadas, letreiros, um terraço. Cada uma dessas coisas começa como uma caixa assim.