Círculos, cuadrados y triángulos en pixel art: hoja de práctica

Todo en pixel art se construye con tres formas: el cuadrado, el triángulo y el círculo. Un círculo en pixel art necesita al menos 4 píxeles; los pequeños son cuadrados con las esquinas cortadas, y desde unos 16 píxeles dibujas curvas de verdad. Practica las tres a 4, 8, 16 y 32 píxeles aquí abajo.

Este sprite es ancho. Es más fácil dibujarlo en una computadora o con el teléfono de lado.

Paso 1

Colores para este paso
Herramientas
Guía

Mostrar el paso terminado
Timelapse del video del curso de Roman: la misma pieza dibujada en Aseprite, acelerada 20 veces
De mi video del curso: la misma pieza, dibujada frente a la cámara, acelerada 20 veces.

Por qué primero las formas

Hoja de Roman: las formas 2D se vuelven formas 3D, y las formas 3D se vuelven assets de juego: un cuadrado se vuelve un cubo y un aire acondicionado, un círculo una esfera y una manzana
De mi hoja del curso: forma 2D, forma 3D, asset de juego.

Mira a tu alrededor: todo está hecho de formas 3D o de combinaciones de ellas. Y las formas 3D están hechas de formas 2D. Un cubo son cuadrados, una esfera son círculos, una pirámide son triángulos, un cilindro es un rectángulo y una elipse. O sea, las formas 2D forman las 3D, y las formas 3D forman los assets de juego. Por eso las practicamos antes que cualquier otra cosa.

Cuadrados y triángulos

Los cuadrados son el calentamiento fácil: un cuadrado de 4 px tiene cuatro píxeles por lado, y así hasta 32. Los triángulos retoman las proporciones de línea de la hoja de líneas: las pendientes de ambos lados deben usar la misma proporción, para que el triángulo se vea parejo.

Cómo dibujar un círculo en pixel art

  • 1 o 2 píxeles es solo un punto o un cuadrado. Con eso no podemos expresar un círculo.
  • 4 px: dibuja un cuadrado de 4 px y corta las esquinas.
  • 8 px: el mismo inicio, cuadrado y esquinas cortadas, y todavía hay espacio para cortar un poco más y que quede más redondo.
  • 16 px o más: no hace falta el cuadrado. Dibuja curvas con las reglas de la lección de líneas: tramos largos y planos en los cuatro lados, y tramos que se acortan hacia las esquinas, cambiando de uno o dos píxeles a la vez.

Cuida las esquinas. Un double en la esquina de un círculo lo hace ver cuadrado o deforme, y el ojo lo nota enseguida. Un píxel de ancho en toda la vuelta.

De 2D a 3D

Hoja de formas 3D de Roman: un cubo hecho de dos cuadrados, una esfera con su curva interior, una pirámide, un cilindro y un cono, dibujados con líneas guía claras
Mi hoja de formas 3D: cada forma 3D construida con formas 2D.
  • Cubo: dibuja un cuadrado, un segundo cuadrado desplazado, y luego une las esquinas con líneas. Una forma 3D es solo una combinación de formas 2D.
  • Esfera: un círculo más una curva interior. Mantén esa curva simétrica: los tramos que bajan reflejan los tramos que van de lado, 1, 3, luego 6 y 6, 3 y 3, 2 y 2, hasta que las dos mitades se juntan. Después esa curva se vuelve el borde de la sombra.
  • Pirámide, cilindro, cono: triángulos, un rectángulo con dos elipses, un triángulo sobre una elipse. La misma idea cada vez.

Estas son justo las formas que vas a sombrear e iluminar después.

Luego dibuja sin la hoja

Calcar le enseña a la mano. Pero la prueba de verdad es un tamaño que no está en la hoja. Cierra la guía y dibuja un círculo de 12 px, luego uno de 24 px. Si se ven redondos y no tienen doubles, entendiste la regla, no solo el dibujo.