Linhas e curvas em pixel art: folha de exercícios

Uma linha limpa em pixel art segue uma proporção: 1:1 para 45 graus, 1:2, 1:3 e assim por diante, com os mesmos degraus do começo ao fim. Uma curva limpa muda seus degraus um ou dois pixels por vez, e a linha continua com um pixel de largura. Pratique as duas na minha folha 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 16 vezes
Do vídeo do meu curso: a mesma peça, desenhada na câmera, acelerada 16 vezes.

Linhas retas são proporções

Linhas de pixels nas proporções 1:3, 1:2, 1:1, 2:1 e 3:1 da folha de linhas do Roman

Toda linha reta em pixel art tem a ver com o seu ângulo, e o ângulo vem de uma proporção. Uma linha 1:3 vai um pixel para o lado, depois três pixels para cima, depois um para o lado, três para cima de novo. Conte em voz alta: um, um dois três, um, um dois três. Uma linha 1:1 é feita de pixels que se tocam um a um, canto com canto: isso é 45 graus. No Aseprite você consegue isso segurando Shift enquanto arrasta com o lápis.

Abaixo de 45 graus a proporção se inverte: 1:2 vira 2:1, 1:3 vira 3:1. E a 2:1 é a que você precisa lembrar: é a linha do pixel art isométrico.

Por que a proporção precisa ser a mesma

Seu olho lê os degraus de uma linha. Quando todos os degraus têm o mesmo tamanho, a linha parece reta e limpa. Quando um degrau é maior ou menor, o olho vê um calombo e a linha parece quebrada. Por isso a gente escolhe uma proporção e segue com ela do começo ao fim.

Curvas e os três erros

Folha de linhas do Roman: uma curva com um duplo, com um serrilhado e com a ordem matemática quebrada, cada uma ao lado da curva corrigida
Da minha folha de exercícios: o vermelho marca o erro, o verde a correção.
  • Duplos. Dois pixels lado a lado numa linha, onde um degrau diagonal bastaria. As partes de uma linha devem se tocar só pelo canto.
  • Jaggies. Um pixel fora do lugar que quebra a linha.
  • Ordem matemática. Ao longo de uma curva, os segmentos mudam um ou poucos pixels por vez: 3, 3, 2, 1, depois 2, 3, 4. Pule de 2 para 6 e depois para 1 e a curva quebra.

Pratique e depois desenhe as suas

Linhas são a habilidade mais básica do pixel art, e a mão aprende com repetição. Quanto mais, melhor. Quando a folha ficar fácil, feche o guia e desenhe as suas: um círculo, uma curva em S, uma linha num ângulo que você mesmo escolher. Depois confira com as três regras. É nesse momento que você para de copiar e começa a desenhar.