Dibuja una pared de ladrillos en pixel art, paso a paso

Para dibujar una pared de ladrillos en pixel art, rellena el fondo con un color de mezcla, acomoda filas de rectángulos pequeños con un píxel entre ellos, desplaza una fila sí y una no medio ladrillo, luego sombrea la parte de abajo a la derecha de cada ladrillo e ilumina la de arriba a la izquierda. Dibújala abajo en un lienzo de 32 por 32.

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

De qué está hecha la pared

Un color de fondo para la mezcla, los ladrillos, el sombreado, la iluminación y algunos detalles. La paleta es pequeña: un tono principal, dos sombras, dos luces y el color de fondo. El fondo va primero, así que aquí el lienzo ya tiene el color de la mezcla.

Paso 1: Acomoda los ladrillos

Filas de ladrillos planos gris azulado sobre un fondo gris oscuro

Cada ladrillo mide 9 píxeles de ancho y 4 de alto. Deja un píxel de mezcla entre ladrillos. Para la siguiente fila, desplaza los ladrillos para que el lado izquierdo de cada ladrillo de abajo quede justo debajo de la mitad del ladrillo de arriba. Si no estás seguro, cuenta cuatro píxeles desde el borde.

En Aseprite dibujo un ladrillo con sus biseles, luego lo copio y lo pego a lo largo de la fila, y copio filas enteras hacia abajo. Mucho más rápido que dibujar cada ladrillo.

Paso 2: Sombreado

Los ladrillos con los bordes de abajo y derecho más oscuros y las esquinas de la mezcla oscuras

La luz viene de arriba a la izquierda. Así que la parte de abajo y el lado derecho de cada ladrillo quedan en sombra. Luego toma el tono más oscuro y ponlo en las esquinas donde se cruzan las líneas de mezcla. Ese pequeño toque le da profundidad a la pared.

Paso 3: Iluminación

Los ladrillos con los bordes de arriba e izquierdo claros, formando un bisel

Ahora los lados opuestos: el borde de arriba y el izquierdo de cada ladrillo llevan el tono claro. Sombra de un lado, luz del otro, y los rectángulos planos se convierten en ladrillos con bisel.

Paso 4: Detalles

La pared de ladrillos terminada con algunos píxeles brillantes en los bordes de arriba

Los detalles son solo una capa más de luz: espolvorea unos pocos píxeles del color más claro en los biseles de arriba. Es buena práctica tener el sombreado y las luces en sus propias capas, así puedes ajustarlos después.

Tu turno: ladrillos de arena

La misma pared de ladrillos en colores cálidos de arena

La misma pared, una paleta nueva. Ese es el punto de este reto: reutiliza un sprite que ya tienes, cambia los colores, ajusta algunos detalles y obtienes uno completamente nuevo. ¿Quieres más? Agrega unas grietas como en las rocas, o lleva más lejos las luces y el sombreado.