Dibuja un arbusto en pixel art, paso a paso

Para dibujar un arbusto en pixel art, haz un contorno redondo aproximado, llénalo de hojas hechas con formas de medio círculo, coloréalas, sombrea el lado contrario a la luz y las zonas debajo de cada hoja, luego ilumina la parte de arriba de las hojas y agrega algunas ramas. Este usa todo el flujo de trabajo, así que es un proyecto más grande. Los contornos ya están listos para ti abajo, así que empiezas directo con el color.

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 135 veces
Del video de mi curso: la misma pieza, dibujada frente a la cámara, acelerada 135 veces. También en nuestro YouTube.

Por qué los contornos ya están listos

Copiar estos contornos y líneas internas píxel por píxel tomaría una eternidad, y no te enseña mucho. Lo que importa son las dos reglas detrás de ellos. Una vez que las conoces, puedes hacer todos los arbustos que quieras. Mientras más, mejor.

Regla 1: el contorno es un círculo desordenado

Contorno negro de un arbusto: un círculo aproximado con bordes irregulares

Empieza con un círculo o una elipse un poco aplastada, según el arbusto y el estilo de tu juego. Luego toma los píxeles del contorno y sácalos de lugar, a propósito. Haz jaggies. Al final se parece un poco a la cabeza de un león.

Regla 2: las hojas son formas de medio círculo

El contorno del arbusto lleno de muchas líneas curvas pequeñas para las hojas

Las líneas internas se ven complicadas, pero son solo muchas formas de medio círculo, una por hoja. No tengas miedo de ser desordenado. Es naturaleza, nada tiene que ser exacto.

Paso 3: Color

El arbusto con cada segmento de hoja relleno de verde azulado, con las líneas todavía negras

Este arbusto tiene 12 colores: tonos de luz, un tono medio, tonos para el sombreado y tres marrones para las ramas. Empieza con el tono medio y rellena cada segmento. En el curso luego cambio todas las líneas negras a azul oscuro de una sola vez con Replace Color de Aseprite (Shift+R). Las líneas de arriba llevan un azul un poco más claro que las de abajo, porque la luz viene de arriba a la izquierda.

Paso 4: Sombreado

El arbusto con azules más oscuros en su lado de abajo a la derecha y debajo de las hojas

La luz viene de arriba a la izquierda, así que la parte de abajo a la derecha del arbusto queda en sombra. Rellena esas zonas con el tono de sombra, y espolvorea algunos píxeles más oscuros en las esquinas de abajo para enriquecer la textura.

Luego la parte importante: cada hoja tapa de la luz la zona que está debajo. Así que todo lo que está debajo de una hoja va sombreado. Y la parte de arriba de cada hoja va iluminada, en el siguiente paso. Debajo de la hoja: sombra. Arriba de la hoja: luz.

Paso 5: Iluminación

El arbusto con luces cian brillantes arriba de las hojas, sobre todo en la parte de arriba a la izquierda

Busca la parte de arriba de las hojas y pon ahí la luz más oscura. Luego toma la siguiente luz más clara y úsala en una zona más pequeña, dentro de la primera. Cada tono siguiente cubre menos, y el más claro de todos va en solo unos pocos píxeles. Deja tranquila la parte de abajo del arbusto, porque no recibe mucha luz.

En un arbusto como este vas y vienes entre el sombreado y la iluminación. Vas a seguir encontrando lugares que necesitan un poco más de sombra. Es normal.

Paso 6: Detalles

El arbusto terminado con pequeñas ramas marrones visibles entre las hojas

Termina con algunas ramas asomándose entre las hojas. Usan tres marrones: un tono medio para la rama y dos más oscuros alrededor para dar profundidad. Las ramas más abajo en el arbusto reciben menos luz, así que dales el marrón más oscuro.

Y aquí va un extra: la copa de un árbol en pixel art muchas veces es solo un arbusto como este, encima de un tronco.