Círculos, quadrados e triângulos em pixel art: folha de exercícios

Tudo em pixel art é feito de três formas: o quadrado, o triângulo e o círculo. Um círculo em pixel art precisa de pelo menos 4 pixels; os pequenos são quadrados com os cantos cortados, e a partir de uns 16 pixels você desenha curvas de verdade. Pratique as três em 4, 8, 16 e 32 pixels 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 20 vezes
Do vídeo do meu curso: a mesma peça, desenhada na frente da câmera, acelerada 20 vezes.

Por que começar pelas formas

Folha do Roman: formas 2D viram formas 3D, e formas 3D viram assets de jogo: um quadrado vira um cubo e um ar-condicionado, um círculo vira uma esfera e uma maçã
Da folha do meu curso: forma 2D, forma 3D, asset de jogo.

Olhe em volta: tudo é feito de formas 3D ou de combinações delas. E as formas 3D são feitas de formas 2D. Um cubo é feito de quadrados, uma esfera de círculos, uma pirâmide de triângulos, um cilindro de um retângulo e uma elipse. Então formas 2D fazem formas 3D, e formas 3D fazem assets de jogo. É por isso que a gente pratica elas antes de qualquer coisa.

Quadrados e triângulos

Os quadrados são o aquecimento fácil: um quadrado de 4 px tem quatro pixels de cada lado, e assim por diante até 32. Os triângulos trazem de volta as proporções de linha da folha de linhas: as inclinações dos dois lados devem usar a mesma proporção, para o triângulo ficar equilibrado.

Como desenhar um círculo em pixel art

  • 1 ou 2 pixels é só um ponto ou um quadrado. Não dá para fazer um círculo com isso.
  • 4 px: desenhe um quadrado de 4 px e corte os cantos.
  • 8 px: mesmo começo, quadrado e cantos cortados, e ainda sobra espaço para cortar um pouco mais e deixar mais redondo.
  • 16 px ou mais: não precisa de quadrado. Desenhe curvas com as regras da aula de linhas: segmentos longos e retos nos quatro lados, e segmentos que vão ficando mais curtos em direção aos cantos, mudando um ou dois pixels por vez.

Cuidado com os cantos. Um double no canto de um círculo deixa ele quadrado ou irregular, e o olho percebe na hora. Um pixel de largura em toda a volta.

Do 2D para o 3D

Folha de formas 3D do Roman: um cubo feito de dois quadrados, uma esfera com a sua curva interna, uma pirâmide, um cilindro e um cone, desenhados em linhas-guia claras
Minha folha de formas 3D: cada forma 3D construída a partir de formas 2D.
  • Cubo: desenhe um quadrado, um segundo quadrado deslocado em relação ao primeiro, e depois ligue os cantos com linhas. Uma forma 3D é só uma combinação de formas 2D.
  • Esfera: um círculo mais uma curva interna. Mantenha essa curva simétrica: os segmentos que descem espelham os que vão para o lado, 1, 3, depois 6 e 6, 3 e 3, 2 e 2, até as duas metades se encontrarem. Depois essa curva vira a borda da sombra.
  • Pirâmide, cilindro, cone: triângulos, um retângulo com duas elipses, um triângulo sobre uma elipse. A mesma ideia sempre.

Essas são exatamente as formas que você vai sombrear e iluminar em seguida.

Depois desenhe sem a folha

Contornar ensina a mão. Mas o teste de verdade é um tamanho que não está na folha. Feche a guia e desenhe um círculo de 12 px, depois um de 24 px. Se eles ficarem redondos e sem doubles, você pegou a regra, não só o desenho.