Dibuja suelo en pixel art para un juego de plataformas, paso a paso

Para dibujar suelo para un juego de vista lateral o de plataformas, haz el contorno de un bloque simple, rellénalo con un marrón de tono medio, agrega una línea oscura bajo el borde superior e ilumina la parte de arriba con tres colores de luz, ya que el sol está arriba. Es uno de los sprites más rápidos que hay. Dibújalo 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 31 veces
De mi video del curso: la misma pieza, dibujada frente a la cámara, acelerada 31 veces.

Cómo está hecho el suelo

Primero mira la estructura. Está la parte de arriba del suelo, que está iluminada. Debajo hay una sombra delgada, porque la parte de arriba sobresale un poco. Y luego el cuerpo, con un poco de textura. El suelo usa cinco colores: un tono medio, una sombra y tres luces. El pasto, si lo quieres, lleva sus propios verdes.

Paso 1: contorno

Contorno negro de un bloque de suelo con la parte de arriba un poco más ancha

No tiene ninguna ciencia. Empieza a la altura donde debe ir el suelo, dibuja una línea de 15 píxeles, baja un píxel, entra un píxel en diagonal, luego recto hacia abajo, y cierra la forma. Dibújalo en su propia capa.

Paso 2: Color

El bloque de suelo relleno con un marrón plano

Rellena el bloque con el marrón de tono medio y pinta el contorno del mismo color.

Paso 3: sombreado

El suelo con una línea oscura bajo el borde superior y algunas motas oscuras

Solo necesitas una línea del color oscuro justo bajo el borde superior. Muestra que la parte de arriba sobresale. Luego esparce unos píxeles oscuros en el cuerpo para la textura.

Paso 4: Luces

El suelo con la parte de arriba en naranja claro y crema

La luz viene de arriba, así que la parte de arriba del suelo recibe las luces. Rellénala con la más oscura de las tres luces, agrega una línea de la segunda y termina con unos píxeles de la más clara. Dejo tres píxeles, ilumino el cuarto y luego hago tres más. Esos pequeños detalles le dan al suelo un aspecto nítido.

Agrega pasto

El mismo bloque de suelo con pasto verde arriba

Aquí va un pequeño reto. Usa los verdes para poner pasto arriba, con sus propias luces y un poco de sombreado. Dibuja el pasto en una capa aparte. Así puedes encenderlo y apagarlo y tener dos estilos de suelo con un solo sprite.

Arma una escena

Una pequeña escena de vista lateral con suelo con pasto a ambos lados del agua y nubes en el cielo

Copia el suelo, pégalo y voltéalo en horizontal (Shift+H en Aseprite) para el otro lado. Luego mueve algunas luces para que las dos piezas no parezcan copias. Cuando conoces la estructura básica, puedes hacer cualquier variante: una plataforma flotante, una cornisa, un bloque con las esquinas cortadas. Agrega las nubes y tienes un pequeño nivel.