Dibuja fuego en pixel art, paso a paso

Para dibujar fuego en pixel art, empieza con un contorno con forma de gota de agua, rellénalo con un color plano, oscurece los bordes y termina con una mancha amarillo claro abajo, de donde sale el calor. Es un sprite chiquito de 26 por 26, así que solo te toma unos minutos. Dibújalo abajo, y presiona Mírame dibujarlo si te atoras.

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

Cómo funciona el fuego

Antes de dibujar, ayuda saber por qué el fuego se ve como se ve. Una fogata tiene una fuente de calor, y está abajo. Ahí empieza el fuego, y mientras más caliente está algo, más claro es su color. Así que la parte de abajo del fuego es la más clara.

A medida que la llama crece hacia arriba y hacia afuera, se enfría un poco. Sigue estando muy caliente, pero lo bastante frío para cambiar de color. Por eso los bordes y la punta se vuelven naranja profundo y rojo profundo. Las chispas también están más frías, y por eso son más oscuras que el corazón del fuego.

Esa es toda la lógica: encuentra la fuente de calor, hazla lo más clara y oscurece hacia los bordes.

Paso 1: contorno

Contorno negro de una llama con forma de gota de agua, con tres chispas pequeñas arriba

Empieza con un contorno que parezca una gota de agua. Esa forma sirve para la mayoría de las fogatas. Agrega unas chispas arriba, también son parte del fuego.

No copies la referencia sin más. Mírala y mide a ojo: cuántos píxeles de ancho tiene la base, cuántos hacia arriba, dónde empieza la punta. Medir a ojo es una habilidad muy útil para cualquier artista, y más en pixel art, donde cada píxel cuenta. No tienes que ser súper estricto, solo acercarte.

Paso 2: Color

La llama y las chispas rellenas con un solo color naranja plano

Ahora rellena todo con un color plano, todavía sin textura. La herramienta de relleno lo hace en un clic. Luego cambia el contorno y las chispas a ese mismo color. El contorno ya cumplió su función: conocemos la forma y el tamaño, así que ya no lo necesitamos en negro.

Paso 3: sombreado

La llama con rojo profundo y naranja a lo largo de los bordes y la punta

Aquí se pone interesante. Toma el rojo profundo y recorre los bordes, ya que es la parte más fría del fuego. Luego agrega algo de naranja por dentro de los bordes, y pon también las chispas en naranja.

No tienes que copiar la referencia píxel por píxel. Si quieres un píxel rojo aquí o allá, adelante. La referencia está para guiarte, no para copiarla exacta.

Paso 4: Luz

La llama con una fuente de calor amarillo claro abajo

La luz va al final a propósito. Cuando la textura de afuera está lista, puedes ver cuánto espacio queda para la fuente de calor. Pon unos píxeles de amarillo claro abajo, un poco más altos en el centro.

Por último, el fondo

La fogata de pixel art terminada sobre un fondo oscuro

Me gusta terminar con un fondo. Le da contraste al fuego y hace que resalten el sombreado y la luz. Deja el fuego en su propia capa y pon el fondo en otra capa debajo. Así puedes mover el fuego o cambiar el fondo después.

Tu turno: dos fogatas más

Una fogata de pixel art más grande con una llama doblada y una fuente de calor alta
Una fogata más grande
Una fogata de pixel art con dos lenguas de fuego y una fuente de calor pequeña
El reto

La misma paleta, los mismos cuatro pasos. Abre un lienzo de 26 por 26 y prueba estas dos. La primera sigue siendo una gota de agua, pero la llama se dobla hacia un lado, su lengua también se dobla y la fuente de calor es más alta.

La segunda es tu reto. Estúdiala antes de empezar: cuántos píxeles tiene la base, qué tan alto llegan las lenguas de fuego. Fíjate también en el sombreado. En los lados tiene solo un píxel de ancho, y se vuelve de dos píxeles hacia la lengua. Aquí la fuente de calor es pequeña, así que no ocupa mucho espacio.

Una llama en el suelo

Una llama ancha de pixel art en el suelo: una fila de lenguas de fuego, amarillo claro abajo, naranja y rojo en las puntas, con chispas arriba

La misma lógica, estirada a lo ancho: un suelo en llamas o un rastro de fuego. La fuente de calor es toda la línea de abajo, así que el amarillo más claro va a lo largo del suelo, y las lenguas se enfrían hacia el naranja y el rojo oscuro en las puntas. Cambia la altura de las lenguas para que la fila no parezca una cerca, y agrega unas chispas arriba.