Para hacer pixel art, abre un lienzo pequeño, de 16 o 32 píxeles, y elige de cuatro a seis colores. Luego dibuja en cinco pasos: contorno, colores planos, sombreado, luz y detalles. Pon cada píxel a propósito. Abajo está todo el proceso en mi manzana, y puedes dibujarla tú mismo en tu navegador.
Esta es la versión corta de cómo empiezo con mis estudiantes. Es el mismo orden que uso para cada sprite, de una manzana a un personaje. Hazlo una vez con algo pequeño, y el resto del pixel art da mucho menos miedo.
Lo que necesitas
- Un editor raster. En mi curso uso Aseprite. Si quieres empezar ya mismo, mi editor de pixel art gratis funciona en tu navegador.
- Un lienzo pequeño. 16 por 16 o 32 por 32 píxeles para el primer sprite. Pequeño es más fácil: cada píxel cuenta, y terminas antes de cansarte.
- El lápiz, de un píxel de ancho. Nada de pinceles suaves, nada de suavizado.
- De cuatro a seis colores. Un color base, uno más oscuro para la sombra, uno más claro para la luz y un contorno oscuro. Más sobre cómo elegirlos en paletas de colores para pixel art.
Antes del primer píxel
El pixel art sigue tres reglas simples. Hazlo en un software raster. Mantenlo lo bastante pequeño para ver los píxeles sin hacer zoom. Dale atención a cada píxel. La tercera es la que hace que se vea bien.
Luego tómate un minuto para planear. Yo uso SPECC: tamaño, perspectiva, color y luz, composición. Para el primer sprite es simple: 32 píxeles, visto de frente, luz desde arriba a la izquierda.
Tu primer sprite en cinco pasos
Dibuja esta manzana tú mismo, paso a paso →
1. Contorno
Empiezo con una forma aproximada que define el tamaño y luego dibujo el contorno encima, de un píxel de ancho. Cuidado con los píxeles dobles, dos píxeles lado a lado donde la línea solo debería tocarse por las esquinas. Cuidado con los dientes de sierra, un píxel que rompe la línea. Y mantén las curvas en orden: cambia el tramo de a un píxel, como 3, 3, 2, 1, y luego vuelve a subir. Más en contornos y líneas internas.
2. Colores planos
Rellena cada zona con un color plano. Luego cambia el color del contorno: una vez que definió la forma, no tiene que seguir negro. Rojo oscuro alrededor de la manzana, verde oscuro alrededor de las hojas. Ya se ve mejor, incluso sin sombra.
3. Sombreado
Decide de dónde viene la luz antes de sombrear. Aquí viene de arriba a la izquierda, así que la sombra va abajo a la derecha. Bastan uno o dos tonos más oscuros. La sombra sigue la forma, no solo rodea el borde. Más en sombreado y luz, con una esfera que puedes sombrear en tu navegador.
4. Luz
Un pequeño brillo donde la luz pega primero. En mi manzana son 7 píxeles. Cuidado aquí: un brillo grande parece plástico.
5. Detalles
Al final reviso cada paso otra vez: la forma, el contorno, los colores. Luego los últimos toques. Un poco de luz rebotada abajo, donde la luz vuelve del suelo. Un píxel de anti-aliasing donde se juntan dos colores que contrastan, solo en pocos lugares.
Los errores de principiante que más veo
Y uno más: un lienzo demasiado grande. A 1000 píxeles dejas de ver los píxeles, y deja de parecer pixel art. Todos los términos y errores están en términos de pixel art.
Qué dibujar después
- Un objeto pequeño tuyo con los mismos cinco pasos: una cereza, una moneda, una poción.
- Formas y sombreado, para que la luz tenga sentido en cualquier forma.
- La naturaleza, la forma más fácil de practicar: fuego, agua, rocas.
- Niveles de juego: un tileset de pixel art, los tiles que construyen una calle o un suelo entero.
- Luego todo el camino, de lo simple a lo complejo, en mi hoja de ruta.
Media hora al día basta para seguir avanzando. Las cosas empiezan a ponerse más fáciles después de las primeras 150 horas de práctica. Más en cuánto tiempo se tarda en aprender pixel art.