¡Es la noche de Guy Fawkes! Crea una hoguera con fusiones en Adobe Illustrator

Recuerden, recuerden el cinco de noviembre: ¡pólvora, traición y complot!

En el Reino Unido es la noche de Guy Fawkes, también conocida como la noche de las hogueras. Es el aniversario del día en que Guy Fawkes fue sorprendido intentando volar la Cámara de los Lores con pólvora. Se celebra encendiendo hogueras, tradicionalmente con un "Guy" de peluche en la parte superior, así como con varios espectáculos de fuegos artificiales (para representar el elemento de pólvora de la trama).

En este tutorial, aprenderás una nueva técnica para crear fuego en Adobe Illustrator, con la herramienta Fusión, que es mucho más fácil que con la herramienta Malla. ¡Comencemos!

1. Comienza un nuevo proyecto

Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre y configura las dimensiones, luego selecciona Píxeles como Unidades y RGB como Modo de color. A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1px. Estos ajustes te ayudarán a lo largo del proceso de dibujo.

2. Crea un tronco

Paso 1

Primero, dibuja un rectángulo y una elipse en el lado derecho con las dimensiones indicadas.

Paso 2

Con el rectángulo seleccionado, ve a Efecto > Distorsionar y transformar > Emborronar y aplica los ajustes que se muestran en la parte izquierda de la imagen. Aplica el mismo efecto para la elipse usando los otros ajustes y deberías obtener un resultado similar.

Paso 3

Para expandir el efecto Emborronar aplicado, selecciona Expandir apariencia en el menú Objeto y luego haz clic en Desagrupar (Mayús-Control-G). Rellena la "forma de tronco" con el primer degradado mostrado y luego añade un Nuevo relleno desde el menú desplegable del panel Apariencia.

Utiliza un degradado lineal de blanco a negro y ajusta el ángulo a -100 grados, luego cambia el Modo de fusión de este relleno a Multiplicar. Rellena el "corte del tronco" con el tercer degradado mostrado.

Paso 4

Para añadir algunos detalles, primero dibuja un trazado recto a través del centro del tronco. Traza este trazado con un Pincel artístico llamado "Tiza" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Selecciona el marrón claro como color de trazo y aumenta el Grosor del trazo a 3 puntos.

Paso 5

Copia y Pega detrás (Control-B) el trazado, luego haz doble clic en el panel Apariencia sobre el pincel aplicado para abrir la ventana Opciones de trazo. Allí, marca Voltear a lo largo y pulsa OK. Cambia el color del trazo a marrón.

Paso 6

Teniendo los dos trazados seleccionados, ve a Objeto > Expandir apariencia. En los grupos resultantes encontrarás los trazados utilizados (sin relleno, sin trazo) y deberás eliminarlos. Así que antes de continuar, utiliza el panel Capas para localizarlas y arrastrarlas a la papelera.

Paso 7

Copia y Pega delante (Control-F) la forma de tronco y borra los atributos existentes. Trae esta forma al frente de todo yendo a Objeto > Organizar > Traer al frente (Mayús-Control-]). Ahora, selecciona el grupo de detalles marrón claro y también la copia y pulsa Recortar en el panel Buscatrazos. Pon el grupo resultante en Modo de fusión Multiplicar.

Paso 8

Haz otra copia de la forma de tronco como hiciste antes y recorta el otro grupo de detalles. Ajusta el grupo resultante al Modo de fusión Trama y al 25% de Opacidad.

Paso 9

A continuación, añadiremos algunos detalles en el "corte del tronco", pero primero pondremos esta forma delante de todo yendo a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]). Con el "corte de tronco" seleccionado, ve a Objeto > Trazado > Desplazamiento, aplica un Desplazamiento de -7px y pulsa OK. Elimina el relleno degradado de la forma más pequeña obtenida y selecciona el marrón claro como color de trazo. Para obtener los otros anillos, selecciona de nuevo el "corte del tronco " y aplica un Desplazamiento de -15px y luego -25px y -31px.

Paso 10

Traza los cuatro anillos con los Pinceles artísticos indicados y reduce el Grosor del trazo a 0.25 pt. Cuando termines, agrupa (Control-G) los anillos y ponlos al 50% de Opacidad.

Paso 11

Toma la herramienta Pluma (P) y dibuja algunos trazados cortos como los que se muestran abajo. Traza los trazos con un Pincel artístico llamado "Cónico - Definido" que puedes encontrar en Biblioteca de pinceles > Artístico >  Artístico_Tinta. Ajusta el Grosor del trazo a 0.1pt y elige diferentes tonos de marrón como colores de trazo. Cuando hayas terminado, agrupa (Control-G) todos los trazados y luego establece el Modo de fusión Multiplicar y el 60% de Opacidad.

3. Composición de una pila de troncos

Paso 1

En este punto tu tronco debería tener el aspecto de la siguiente imagen. Normalmente, deberías elegir un color más claro para el "corte del tronco" pero como tenemos un fondo tan oscuro eso no funcionará.

Ahora, siguiendo los pasos anteriores puedes crear diferentes tipos de troncos o ramitas. También puedes hacer copias del tronco y modificar su tamaño con la herramienta Selección (V).

Paso 2

Sigue la secuencia de imágenes y distribuye algunos ejemplares del tronco para componer la pila de madera. Coloca unos cuantos detrás (3) y dispón algunos en el centro para cubrir el espacio vacío (4). Por último, dispón dos ramitas a los lados y una detrás de todo (5).

4. Crea el fondo

Paso 1

En una capa diferente detrás de la pila de troncos, dibuja un rectángulo de 600 x 600px con un relleno negro.

Paso 2

Delante del fondo dibuja una elipse como la de abajo y rellénala con el degradado radial que se muestra. Debido a esta elipse el fuego se verá brillante y anaranjado al final, así que colócala justo donde estarán las llamas.

5. Crea el fuego

Paso 1

Como he dicho, no usaremos la herramienta Malla en absoluto, sólo la herramienta Fusión (W) de principio a fin. Toma la herramienta Lápiz (N) o la herramienta Pluma (P) (la que prefieras) y dibuja una forma como la de abajo en el lado izquierdo de la pila de madera. Rellénala con un 7% de negro y reduce la Opacidad al 0%. Dibuja una forma más pequeña en el centro y selecciona el blanco como color de relleno.

Con ambas formas seleccionadas, ve a Objeto > Fusión > Opciones de fusión y elige 13 Pasos especificados y luego vuelve a Objeto > Fusión > Crear (Alt-Control-B). Establece el grupo de fusión resultante en Modo de fusión Superponer.

Paso 2

Dibuja otra forma en el lado izquierdo con la herramienta Lápiz (N) con un relleno negro del 7% y una Opacidad del 0%. A continuación, dibuja la forma blanca más pequeña en el centro y fusiónalas. Establece el grupo de fusión resultante en Modo de fusión Superponer.

Paso 3

Ya tienes la idea. Continúa dibujando las siguientes formas y utiliza los ajustes mostrados en el paso anterior.

Paso 4

Dibuja más formas como las de abajo y luego fusiónalas. Utiliza siempre 13 Pasos especificados y no olvides cambiar el Modo de fusión a Superponer.

Paso 5

Empieza a parecer fuego, ¿verdad?

Paso 6

Puede que pienses que hay demasiadas imágenes y estoy de acuerdo. Puede resultar abrumador. Pero para aquellos que estén interesados en aprender a dibujar fuego, realmente quería mostrar cada forma y guiarlos a través del proceso.

Paso 7

Sigue la secuencia de imágenes:

Paso 8

Aquí hay más grupos de fusión:

Paso 9

Y algunos más:

Paso 10

Sé paciente y terminarás con las llamas en poco tiempo.

Paso 11

¡Lo lograste! El fuego está listo en este punto. Para acentuar los extremos superiores de las llamas, dibuja una elipse como la de abajo y rellénala con el degradado radial utilizado para la elipse más grande en la parte posterior del fuego. Establece el Modo de fusión en Aclarar y el 50% de Opacidad. Mueve esta forma a la capa de fondo.

6. Añade sombras y luces

Paso 1

Empecemos con las sombras. Primero, dibuja una elipse de 35 x 15px y otra más pequeña en el centro. Rellena ambas con negro pero reduce la Opacidad de la elipse más grande a 0%. Ve a Objeto > Fusión > Opciones de fusión y elige 30 Pasos especificados, luego vuelve a Objeto > Fusión > Crear (Alt-Control-B).

Haz unas cuantas copias del grupo de fusión resultante, luego rótalas y colócalas en los lugares indicados. Utiliza el panel Capas para mover estas sombras entre los troncos. Reduce las Opacidades al 50-70% dependiendo del lugar.

Paso 2

A continuación, dibuja una elipse de 98 x 35px y otra más pequeña encima. Rellénalas con negro y marrón y luego fusiónalas.

Paso 3

Coloca el grupo de fusión obtenido en el paso anterior sobre uno de los troncos del centro como se muestra en la imagen. Establece el Modo de fusión Sobreexposición de color y el 50% de Opacidad. Haz unas cuantas copias y colócalas en otras zonas para añadir más luces de fuego.

Paso 4

El grupo de fusión de abajo es una copia más grande del reflejo creado anteriormente. Coloca dos de ellos en la parte inferior de la pila de madera y muévelos a la capa de fondo. Establece el Modo de fusión en Aclarar para el grupo de fusión de arriba (en este caso cian) y reduce la Opacidad al 40%.

Paso 5

¿Recuerdas las sombras entre los troncos? Selecciona una de ellas y haz varias copias. Coloca una en la parte inferior de cada tronco y reduce las Opacidades al 40-70% dependiendo del área. Envíalas todas detrás de todo yendo a Objeto > Organizar > Enviar al fondo (Mayúsculas-Control-[).

7. Crea el humo

Paso 1

Toma la herramienta Pluma (P) y dibuja un trazado ondulado, como el que se muestra abajo, sobre las llamas. Trázalo con el Pincel artístico llamado "Salpicadura" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_Pincel. Selecciona marrón claro como color de trazo y aumenta el Grosor del trazo a 2 puntos (1).

A continuación, ve a Efecto > Desenfocar y aplica el efecto Desenfoque radial (2) y luego aplica un Desenfoque gaussiano de 7px. Reduce la Opacidad al 50% (3).

Estos son los ajustes que he utilizado para el efecto de Desenfoque radial:

Paso 2

Dibuja otro trazado ondulado por encima de las llamas y aplica la misma configuración del paso anterior, sólo mantén el Grosor del trazo en 1 punto.

Paso 3

Traza el tercer trazado con el Pincel artístico "Tiza" y ajusta el Grosor del trazo a 2pt (1). Aplica los efectos Desenfoque radial (1) y Desenfoque gaussiano utilizando la misma configuración y luego ajusta la Opacidad al 25% (3).

Paso 4

Repite lo mismo con los dos trazados más cortos.

Paso 5

En este punto la hoguera tiene el aspecto de la siguiente imagen:

8. Añade chispas

Paso 1

Utiliza la herramienta Pluma (P) para dibujar un trazado como el que se muestra a continuación y trázalo con el Pincel de dispersión amarillo neón, el cual expliqué cómo crear en el tutorial de Pinceles de neón. Este es un buen ejemplo de cómo utilizar estos pinceles neón de dispersión. Ahora, haz doble clic en el panel Apariencia, en el pincel aplicado, para abrir la ventana Opciones de trazo y cambia los ajustes como se muestra. Cuando hayas terminado, ajusta el Modo de fusión a Sobreexposición de color.

Paso 2

Dibuja otros dos trazados como los de abajo y utiliza el mismo pincel para trazarlos. Cambia la configuración y luego establece el Modo de fusión en Sobreexposición de color y 50% de Opacidad.

¡Felicidades! Terminaste.

La hoguera está lista y espero que hayas aprendido nuevas técnicas. También puedes consultar el tutorial de Iaroslav Lazunov Quemando una cerilla vectorial y descubrir cómo crear fuego utilizando la herramienta Malla. Es un enfoque diferente pero también resulta útil conocerlo. Mientras tanto, hazme saber si mi método es más fácil desde tu punto de vista.