Advertisement
  1. Design & Illustration
  2. Brushes
Design

Crear una Escena de Fuegos Artificiales en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Christian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

Es el tiempo del año donde hay muchas muestras de fuegos artificiales tales como Hogmanay (Año Nuevo Escoces). En este tutorial te enseñaré a cómo instalar pinceles prediseñados de fuegos artificiales y cómo crear un efecto de resplandor usando Estilos de Capa y Enmascaramiento.

Elementos

Para este tutorial estaré usando tres pinceles de 25 Pinceles de Fuegos Artificiales de Alta Resolución por SPetrany.

Estos pinceles son (en su nombre original):

  • Fireworks 01
  • Fireworks 02
  • Fireworks 06

Aquí podemos ver la apariencia de los pinceles en Photoshop. En esta lección también te enseñaré a cómo instalar pinceles en Photoshop.

Brushes from 25 Hi-Res Fireworks Brushes by Spetrany

Porque uso Windows 7, este tutorial cubrirá la extracción de archivos en una PC. Sin embargo, los pasos luego de la extracción de archivo en Photoshop son los mismos en todas las plataformas.

Puedes requerir un programa de descompresión. Prefiero usar 7-zip, el cual es gratuito si no tienes otro programa disponible.

En este tutorial he incluído el archivo .PSD en el cual he creado la obra de arte. Esto es para que puedas ver cómo he creado los efectos. Experimenta con la configuración que he usado, o crea la tuya propia.

Ilustración Base de los Fuegos Artificiales

Fireworks base illustration

1. ¿Cómo Descomprimir los Pinceles y Usarlos en Photoshop?

Paso 1

Luego de que hayas descargado tus pinceles, abre la capeta donde guardaste el archivo. Los pinceles generalmente se guardan en archivos zip con el archivo del pincel (llamado .abr, que es un Archivo de Pincel de Adobe Photoshop), con algunos documentos de licencia e imágenes miniatura. Aquí está el archivo .zip en una carpeta de mi disco duro.

Nota: No puedo incluir los pinceles en este tutorial. Por favor siéntete libre de usar cualquier pincel que desees o cómpralos desde Envato Market.

Windows File Download from Graphicriver

Paso 2

Luego, en la carpeta, da clic derecho sobre el archivo .zip. Y en el menú desplegable debería haber un "7-zip"; da clic en "extraer aquí". Si estás usando otro archivo de extracción, estos nombres pueden ser un poco diferente. esto extraerá los contenidos de los archivos de pinceles en tu carpeta.

What The Unzipped Folder Looks Like

Paso 3

Da doble-clic sobre la carpeta—en este caso el Set de Pinceles de Fuegos Artificiales SGP. Aquí hay una selección de archivos. Hay dos carpetas para imágenes en caso de que no puedas obtener el archivo .abr con el cual trabajar o desees hacer el tuyo propio desde cer. Hay dos instrucciones de instalación, un archivo .txt y un SPG_Fireworks_Instructions.psd. Si estás inseguro de cómo instalar tus pinceles, entonces mira estos.

El archivo que necesitamos es SPG_Brushes_Fireworks.abr.

Desafortunadamente, no es un caso simple de dar doble clic en el archivo para instalarlo a Photoshop. Así que luego te mostraré cómo añadir estos pinceles a tu colección de pinceles.

Inside the Fireworks Brush Pack

Paso 4

En Photoshop, en Pinceles Preestablecidos, el cual es la tecla F5, da clic sobre la flecha desplegable y selecciona Reemplazar Pinceles.

Alternativamente puedes Cargar Pinceles, los cuales añadirán los pinceles al final de tu lista.

How To Replace Brushes

Paso 5

Si seleccionaste Reemplazar Pinceles, un cuadro de diálogo aparecerá, el cual te preguntará si quieres guardar los pinceles que tienes en la configuración actual.

Add Brush - Save Changes Dialogue

Paso 6

Luego navegaremos dónde tienes los pinceles extraídos, los cuales. Busca el archivo y selecciona SPG_Brushes_Fireworks.abr y da clic en Cargar.

Load abr file

Paso 7

Esto es una configuración de los Pinceles Preestablecidos. Dependiendo de la preferencia y el tipo de pincel, puedes desear hacer esto de manera diferente.

Hay dos clases principales de pinceles: pinceles que son para ser usados para los trazos y pinceles que son usados para la Herramienta Tampón. Estos son los últimos. Estos pueden ser también modificados de la misma manera como cualquier otro pincel. Para el estilo de "estampa" prefiero verlas como Miniaturas Grandes. En el menú desplegable de Pinceles Preestablecidos, selecciona tu configuración preferida.

Change View to Large Thumbnails

Aquí está la apariencia de los pinceles como Miniaturas Grandes. ¿No son hermosos? Luego te mostraré cómo usar tres de estos pinceles para crear nuestros fuegos artificiales.

Brush Thumbnail View

2. ¿Preparar el Cielo Nocturno?

Los Pinceles que estaremos usando son:

  • Fireworks 01
  • Fireworks 02
  • Fireworks 06

Three Brushes From Pack In List and Large Thumbnail Format

Paso 1

Aquí he creado Grupos con los Pinceles de Fuegos Artificiales. Puedes hacer esto arrastrando las capas en un Grupo. Los grupos pueden ser creados presionando el icono en la parte inferior del panel Capas, que parece como una carpeta de cartón. El primer grupo tiene Fireworks 01 y Fireworks 02; el segundo grupo Fireworks 06. Aquí he usado blanco para asegurar que obtengo el tamaño correcto y funciona en la composición.

Stamped Fireworks

Estos fueron creados teniendo el Pincel (B) seleccionado y seleccionando tu pincel de preferencia en los Pinceles Preestablecidos (F5).

Para el primero, seleccioné Fireworks 02 y lo probé. Para cambiar el tamaño del pincel, presiona los corchetes [ y ].

Fireworks 02 Test

Decidí que fuera un poco fuerte. Así que en una Nueva Capa, superpuse Fireworks 01, que se parece a esto:

Firework 01 Test

Aquí es cómo el pincel Fireworks 06 se mira.

Firework 06 Test

Una vez que los tengas en tu composición, podemos movernos de escoger nuestros colores.

Paso 2

En cada Grupo creamos una Nueva Capa. Presiona G, lo cual es el comando Rellenar, para rellenar esa capa con el color deseado. Luego daremos clic-derecho sobre la capa coloreada y selecciona Crear Máscara de Recorte. Esto solo mostrará color donde hay píxeles debajo. Luego presiona Control-U para traer el deslizador de Tono/Saturación.

Hue Saturation Slider

Usa esto para modificar los colores de la capa hasta que se vean bien.

Clipping Masks For Colour

Alternativamente, solo estampa los fuegos artificiales con el color que desees. Me gusta este método como un medio en el cual puedo cambiarlos fácilmente. También puedes usar Degradados como Capas de Máscara de Recorte.

Paso 3

Aplana las capas de colores con las capas de fuegos artificiales individuales. Puedes hacer esto seleccionando las dos capas y presionando Control-E.

Fireworks Layers

Paso 4

Duplica la capa base tres veces para crear capas de efectos separados. Puedes hacer esto arrastrando la capa original sobre el icono de Nueva Capa en la parte inferior del panel Capas. Para esto no importa qué color estas capas sean. He usado Tono/Saturación (Control-U) para hacerlas negras para que las veas más fácilmente.

Duplicated Fireworks Layer

3. Crear los Efectos de Resplandor sobre los Fuegos Artificiales Rojos

Paso 1

Para comenzar, crearemos un Resplandor Exterior. Da doble clic sobre la capa para traer los Estilos de Capa. Estos son herramientas potentes que pueden cambiar la apariencia de la capa sin cambiar el contenido original.

Antes de que comencemos a crear los efectos de resplandor, aquí hay una diferencia entre Opacidad y Relleno de Opacidad. Selecciona las Opciones de Fusión para ver este cuadro de diálogo. Opacidad (en Fusión General) cambia la opacidad de la capa y los efectos, mientras que el Relleno de Opacidad (en Fusión Avanzada) solo cambia la opacidad del contenido de la capa y no los efectos. Para esto pondremos el Relleno a 0%.

Opacity Versus Fill Opacity

A la par del Resplandor Exterior tengo el Modo de Fusión puesto a Trama. He encontrado esto como la mejor configuración para crear un resplandor sobre un fondo oscuro.

Puedes seleccionar cualquier color o degradado para esto dando clic ya sea en el cuadrado coloreado o en el degradado, en el menú desplegable, debajo de Ruido en la sección de Estructura. Asegúrate de que tengas previsualización para que puedas ver los cambios en vivo.

Layer Style Orange Outer Glow

Aquí puedes ver el antes y después. Esto parece bueno, pero el resplandor es muy uniforme. Vamos a tratar de enmascarar estos efectos.

Before and After Orange Outer Glow

Paso 2

Para crear una máscara, selecciona la capa que deseas enmascarar y presiona el icono de "rectángulo con un círculo" en la parte inferior del panel Capas. Luego, pinta negro para ocultar cualquier obra de arte y blanco para pintarla devuelta. Me gusta usar un pincel redondo y suave por defecto de Photoshop.

Orange Outer Glow Layer Mask

Aquí he pintado algunas áreas para mostrar un problema que te enfrentarás cuando enmascaras los Estilos de Capa. Cualquier área que enmascares, el efecto continuará de deformarse alrededor de los bordes.

Nota: aquí tengo oculta la capa base para que puedas ver este fenómeno más claramente.

Layer Styles Masking Issue

Paso 3

Afortunadamente, hay un arreglo fácil para esto. Regresa al diálogo de Estilo de Capa y selecciona las Opciones de Fusión. En la sección de Fusión Avanzada, hay una casilla desmarcada al lado de la opción La Máscara de Capa Oculta Efectos. Ahora tu máscara afectará cualquier efecto que apliques, y esto las mantendrá completamente editables.

Asegúrate de hacer esto con cada Estilo de Capa.

How To Edit Masks For Layer Styles

Paso 4

Crea una máscara sobre la capa Efectos 1 presionando el icono de máscara en la parte inferior del panel Capas, que es un rectángulo con un círculo.

Create Mask on Second Effects Layer

Paso 5

Usando un pincel suave, pinta negro hacia el centro del fuego artificial, de manera que el efecto solo haga la parte final del chispeo resplandecer.

Paint Out Undesired Areas Using Black

Aquí puedes ver un antes y después y la diferencia que hace.

Glow Masking Before and After

4. Crear Efecto de Capa 2

Paso 1

Sobre la capa "Efecto 2" necesitamos un resplandor naranja para añadir un poco más de atractivo. La manera en que escojo los colores es moviendo alrededor de la llanta de color; así que, para un objeto rojo, haría el resplandor naranja. Si el objeto fuera naranja, iría por un amarillo y así. En este caso he puesto el modo de fusión a normal ya que eso es lo que se ve que funcionó mejor.

Layer Effect 2 Outer Glow

Paso 2

He incrementado el Rango y el Tamaño para hacer que el naranja venga y resalte un poco más.

Orange Outer Glow - No Modification

Paso 3

Como antes, creamos una máscara y pinta sobre algunos de los resplandores exteriores.

Soften Out Glow Effect On Mask

Paso 4

Haz zoom y enmascara algunas de las áreas de los rastros individuales.

Firework Close Up Showing Graduated Glowing Effects

Esto está comenzando a verse mejor, pero pienso que necesitamos un poco de variación de color.

5. Crea Efecto Capa 3

Paso 1

Sobre la Capa Efecto 3, seleccionaremos Resplandor Interior y un color púrpura hermoso. Escogí púrpura porque es complementario al naranja y hará que la figura resalte.

Add Inner Glow Purple

¡Mira!

Purple Inner Glow On Trails

Paso 2

De nuevo crearemos una máscara, pero más allá de enmascarar dentro del fuego artificial, pintaremos los bordes exteriores para que el púrpura permanezca en el medio.

Purple Inner Glow Mask

Luego procederemos sobre las chispas naranjas.

6. Crear el Resplandor Chispeante Naranja

Paso 1

He habilitado la capa de las chispas. Se ve bien, pero necesita algo extra.

Firework 1 Sparks Edit

Paso 2

En Estilo de Capa ve a resplandor interior y escoge un rojo brillante con el modo de fusión puesto a Normal. Experimenta con el Tamaño de manera que el resplandor permanezca alrededor el borde interior solamente.

Create Red Inner Glow in Layer Styles

Si deseas, puedes puntar algunos efectos en la máscra de capa.

Red Firework Complete

7. Crea el Efecto de Resplandor sobre los Fuegos Artificiales Azules

Paso 1

Duplica la capa base dos veces, arrastrando la capa original sobre el icono de Nueva Capa.

Flatten Blue Firework and Make Two Copies

Paso 2

En Estilo de Capa, selecciona Sombra Paralela. Luego cambiaremos a Sombra Paralela a alta-saturación y pon el modo de fusión a Normal. Incrementa la Extensión a 2% y el Tamaño a 144 px para hacer una nube detrás del fuego artificial.

Modified Drop Shadow Settings

Recuerda: Marca la opción Máscara de Capa Oculta Efectos.

Layer Style Click Layer Mask Hides Effects

Esto hará que el azul resplandezca en contra del púrpura y el cielo azulado.

Blue Drop Shadow

Paso 3

Se que quiero crear un Resplandor Interior a la explosión. Para darle un resplandor convincente debes escoger una versión pálida, de alta saturación, del color original del fuego artificial en la selección de colores—este es el cuadrado marcado debajo de Ruido.

Inner Glow Colour - Teal

Inner Glow Settings Blue Firework

Experimenta con la configuración hasta que encuentres algo que ames.

Inner Glow Applied To Firework

Paso 4

OK, necesitamos un retoque final para esto. Así que tomé un azul pálido real y puse eso como un Resplandor Exterior. Los dos efectos están en la misma capa. Hice esto ya que quise que la máscara se relaciona a las dos. Recuerda que en las Opciones de Fusión marca la opción Máscara de capa oculta efectos.

Outer Glow Colour - Pale Blue

Outer Glow Layer Style Settings

¡Esto se ve fantástico y realmente festivo! Los colores resaltan fuera de la pantalla.

Completed Blue Firework

8. Termina de Retocar

Paso 1

Otra manera de añadir un resplandor es usar uno de los pinceles suaves de Photoshop por defecto. Aquí he pintado una nube suave y grande en una Nueva Capa roja-naranja detrás de todo el fuego artificial rojo.

Paint In Red Firework Glow with Soft Brush

Aquí puedes ver la apariencia del resplandor en su lugar, aunque no estoy 100% contento con ello.

Orange Glow

Paso 2

Usando Tono/Saturación (Control-U), cambié el resplandor de fondo un rojo-rosado, el cual hizo las colas púrpuras resaltar un poco más.

Modified Red Glow to Pinker Hue

Conclusión

En este tutorial has aprendido a cómo instalar pinceles y cómo crear efectos de resplandor usando Estilos de Capa.

Serás capas de crear un resplandor sobre cualquier cosa que desees, desde fuegos artificiales a hechizos mágicos, escenas de ciencia ficción y texto. Te adjuntado el archivo .PSD con el fondo y las siluetas incluidas si te gustaría probar este proceso por tu cuenta—me gustaría ver tu resultado. Si te gustaría ver otros consejos y trucos de Photoshop cubiertos en mis tutoriales, por favor deja un comentario abajo.

Completed Illustration

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.