() translation by (you can also view the original English article)
Estamos en esa época del año en la que hay muchos espectáculos de fuegos artificiales para eventos como el Hogmanay (el Año Nuevo escocés) y la víspera de Año Nuevo. En este tutorial de Photoshop, te enseñaré cómo instalar pinceles prefabricados para dibujos de fuegos artificiales y cómo crear efectos en Photoshop rápidamente para emular un resplandor usando estilos de capa y enmascaramiento.
Y si te gustaría descubrir aún más complementos de fuegos artificiales en Photoshop, desplázate hacia abajo, al final de este tutorial. Vamos a compartir contigo un conjunto cuidadosamente seleccionado de nuestros principales recursos de fuegos artificiales en formato PSD disponibles en Envato Elements.
A algunas personas les encantan los tutoriales detallados por escrito. Otras personas prefieren ver videos. Si perteneces al segundo grupo, puedes aprender cómo hacer fuegos artificiales en Photoshop siguiendo nuestro video en el canal de YouTube de Envato Tuts+:
Esto es lo que aprenderás en este tutorial de Photoshop sobre cómo hacer fuegos artificiales
- Cómo descomprimir y usar pinceles de Photoshop
- Cómo preparar el cielo nocturno
- Cómo crear los efectos de resplandor en los fuegos artificiales rojos
- Cómo crear un efecto de capa de resplandor naranja
- Cómo crear un efecto de capa de resplandor interior púrpura
- Cómo hacer brillar las chispas naranjas
- Cómo crear los efectos de resplandor en los fuegos artificiales azules
- Cómo agregar los toques finales
Lo que necesitarás
Para este tutorial de dibujo de fuegos artificiales, usaré tres pinceles de Photoshop del conjunto de 25 pinceles de fuegos artificiales de alta resolución de SPetrany.
Estos pinceles de fuegos artificiales en formato PSD son:
- Fireworks 01
- Fireworks 02
- Fireworks 06
En la siguiente imagen puedes ver los pinceles en Photoshop. En esta lección, también te enseñaré cómo instalar pinceles en dicha aplicación.
Ya que yo uso Windows, este tutorial de Photoshop te enseñará cómo extraer archivos en una PC. Sin embargo, en Photoshop, los pasos posteriores a la extracción de archivos son los mismos en todas las plataformas.
Es posible que necesites una utilidad para descomprimir. Si no tienes un programa de descompresión disponible, puedo recomendarte 7-zip, que es una utilidad de descompresión de archivos gratuita y de código abierto.
En este tutorial incluyo el PSD en el que creé la escena, para que puedas ver por ti mismo cómo generé los efectos en Photoshop. Juega con los ajustes que yo usé, ¡o crea los tuyos!
Ilustración base de los fuegos artificiales
1. Cómo descomprimir y usar pinceles de Photoshop
Paso 1
Una vez que hayas descargado tus pinceles de fuegos artificiales en PSD, abre la carpeta donde tengas guardado el archivo zip. Los pinceles generalmente se guardan en archivos zip, que contienen el archivo de pincel (con extensión .abr, que es un archivo de pincel de Photoshop), algunos documentos de contrato de licencia e imágenes en miniatura. Aquí está el archivo .zip en una carpeta en mi unidad C:/.
Nota: No puedo incluir los pinceles en este tutorial de Photoshop. Por favor, no dudes en usar cualquier pincel de fuegos artificiales de Photoshop que desees, o también puedes comprar el conjunto en Envato Market.
Paso 2
A continuación, dentro de la carpeta, haz clic derecho en el archivo .zip para ver "7-zip" en el menú desplegable; haz clic en Extraer aquí. Si estás usando otra utilidad de extracción de archivos, es posible que el texto sea ligeramente diferente. Esto extraerá el contenido del archivo de pinceles de Photoshop en tu carpeta.
Paso 3
Haz doble clic en la carpeta, que en este caso es SGP Fireworks Brush Set. En su interior hay una selección de archivos de pincel de fuegos artificiales de Photoshop. Hay dos carpetas de imágenes, en caso de que el archivo .abr no funcione o si deseas crear tus propios ajustes de pincel desde cero. Hay dos conjuntos de instrucciones de instalación, contenidas en un archivo .txt y en un archivo SGP_Fireworks_Instructions.psd. Si alguna vez te sientes inseguro de cómo instalar tus pinceles, ¡echa un vistazo a estas instrucciones!
El archivo que necesitamos es SGP_Brushes_Firworks.abr.
Desafortunadamente, este no es un caso sencillo en el que solo necesitas hacer doble clic en él para instalarlo en Photoshop, así que, a continuación, ¡te mostraré cómo agregar estos pinceles a tu colección!
Paso 4
En los Ajustes preestablecidos de pinceles de Photoshop, que puedes abrir con la tecla de acceso rápido F5, haz clic en la flecha de lista desplegable y selecciona Reemplazar pinceles.
Alternativamente, puedes hacer clic en Cargar pinceles, lo que agregará los pinceles al final de tu lista.
Paso 5
Si seleccionaste Reemplazar pinceles, aparecerá un cuadro de diálogo que te preguntará si quieres guardar los pinceles que tienes en la configuración actual.
Paso 6
A continuación, vamos a navegar hasta donde hayas extraído los pinceles; en mi caso, es en Computer > (C:) > Hannibal > Brushes, luego seleccionamos el archivo SGP_Brushes_Firworks.abr y hacemos clic en Cargar.
Paso 7
Esta es una manera de configurar los Ajustes preestablecidos de pinceles. Dependiendo de tu preferencia y del tipo de pincel, quizá quieras configurarlo de manera diferente.
Hay dos tipos principales de pinceles de fuegos artificiales en Photoshop: aquellos que pueden utilizarse como pinceles para trazos, y aquellos pinceles que se utilizan como sellos. Estos pinceles de Photoshop son del segundo tipo. También se pueden modificar, exactamente de la misma manera en la que modificarías cualquier otro pincel. Para el estilo de "sello", yo prefiero verlos como Miniatura grande. En el menú desplegable Ajustes preestablecidos de pinceles, selecciona la configuración de tu preferencia.
Así es como se ven los pinceles como Miniatura grande. ¿No son bonitos? A continuación, te mostraré cómo usar tres de estos pinceles para crear nuestros resplandecientes fuegos artificiales.
2. Cómo preparar el cielo nocturno
Los pinceles que vamos a usar son:
- Fireworks 01
- Fireworks 02
- Fireworks 06
Paso 1
Aquí he creado Grupos con pinceles de fuegos artificiales. Puedes hacer esto arrastrando capas a un grupo. Para crear grupos, puedes presionar el icono en la parte inferior del panel Capas, que parece una carpeta de cartulina. El primer grupo tiene los pinceles Fireworks 01 y Fireworks 02, mientras que el segundo grupo tiene Fireworks 06. Aquí he usado un color blanco para asegurarme de que tengan el tamaño correcto y para que funcionen en la composición.
Puedes crear esto con el Pincel (B) seleccionado y luego eligiendo el pincel de tu preferencia de entre los Ajustes preestablecidos de pinceles (F5).
Para el primero, he seleccionado Fireworks 02 y luego he probado el pincel. Para cambiar el tamaño del pincel, presiona los corchetes [ y ].
A mí me pareció un poco aburrido por sí solo; por lo tanto, en una Nueva Capa (Control-Shift-N) superpuse Fireworks 01, lo que se ve así:
Esta es la apariencia final del pincel Fireworks 06 por sí solo.
Una vez que tengas esto en tu composición, a continuación podemos elegir nuestros colores.
Paso 2
En cada grupo, creamos una Nueva Capa y presionamos G, que es el comando Rellenar, para rellenar esa capa con el color deseado. A continuación, hacemos clic derecho en esa capa coloreada y seleccionamos Crear máscara de recorte. Esto solo mostrará un color si hay píxeles debajo. Luego presiona Control-U para abrir el control deslizante de Tono/saturación.
Usa este control para modificar los colores de la capa hasta que se vean bien.
Una alternativa es simplemente estampar los fuegos artificiales con el color que desees. Este método me gusta, porque significa que puedo hacer modificaciones fácilmente. También puedes usar Degradados como capas de Máscara de recorte.
Paso 3
Combina las capas de color con las capas de fuegos artificiales individuales. Puedes hacer esto seleccionando las dos capas y presionando Control-E.
Paso 4
Duplica la capa base tres veces para crear capas de efectos independientes. Puedes hacer esto arrastrando la capa original al icono Nueva capa en la parte inferior del panel Capas. Para hacer esto, no importa de qué color sean estas capas. He usado Tono/saturación (Control-U) para volverlas negras, con el fin de que puedas verlas más fácilmente.
3. Cómo crear los efectos de resplandor en los fuegos artificiales rojos
Paso 1
Para empezar, vamos a crear un Resplandor exterior. Haz doble clic en la capa para que aparezcan los Estilos de capa. Los Estilos de capa son poderosas herramientas que pueden cambiar la apariencia de la capa sin modificar su contenido original.
Antes de comenzar a crear los efectos de resplandor, quiero presentarte algunos datos sobre la diferencia entre la opacidad y la opacidad de relleno. Selecciona las Opciones de fusión para ver este cuadro de diálogo. La Opacidad (en Fusión general) cambia la opacidad de la capa y los efectos, mientras que la Opacidad de relleno (en Fusión avanzada) solo cambia la opacidad del contenido de la capa y no los efectos. En este caso, vamos a configurar el Relleno en 0%.
A continuación, en Resplandor exterior, tengo el Modo de fusión configurado en Trama. He notado que esta es la mejor configuración para crear un resplandor sobre un fondo oscuro.
Para esto, puedes seleccionar cualquier color o degradado haciendo clic en el cuadro de color, o bien en el menú desplegable de degradado debajo de Ruido en la sección Estructura. Asegúrate de haber seleccionado Previsualizar, para que puedas ver una actualización en tiempo real de los efectos en Photoshop.
Aquí puedes ver el antes y el después. Esto se ve bien, pero el resplandor es demasiado uniforme. Intentemos enmascarar estos efectos.
Paso 2
Para crear una máscara, selecciona la capa que quieras enmascarar y presiona el icono que se ve como un "rectángulo con un círculo" en la parte inferior del panel Capas. A continuación, pinta de negro para ocultar cualquier diseño y de blanco para volver a pintarlo. A mí me gusta usar un pincel de Photoshop predeterminado que sea suave y redondo para hacer esto.
Aquí he pintado algunas áreas para mostrar un problema con el que te encontrarás al enmascarar los estilos de capa. El efecto de cualquier área que enmascares continuará apareciendo alrededor de los bordes.
Nota: Aquí he desactivado la capa base, para que puedas ver este fenómeno con mayor claridad.
Paso 3
Afortunadamente, ¡hay una solución fácil para este problema! De vuelta en el cuadro de diálogo Estilo de capa, selecciona las Opciones de fusión. En la sección Fusión avanzada, hay una casilla sin marcar junto a Máscara de capa oculta efectos. Ahora tus máscaras afectarán cualquier efecto de Photoshop que apliques, ¡y esto permite que sean completamente editables!
Asegúrate de hacer esto con cada Estilo de capa.
Paso 4
Crea una máscara en 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.
Paso 5
Con un pincel suave, pinta de negro cerca del centro del dibujo de fuegos artificiales para que el efecto en Photoshop solo haga resplandecer los extremos de las chispas.
Aquí puedes ver un antes y un después y la diferencia que esto produce.
4. Cómo crear un efecto de capa de resplandor naranja
Paso 1
En la capa "Efectos 2", necesitamos un resplandor naranja para agregar un poco más de vitalidad. La forma en que elijo los colores es moviéndome alrededor de la rueda de color. Por lo tanto, para un objeto rojo yo crearía un resplandor naranja. Si el objeto fuera naranja, escogería el amarillo y así sucesivamente. En este caso, he configurado el Modo de fusión en Normal, ya que me pareció que esto es lo que funciona mejor.
Paso 2
He incrementado el Rango y el Tamaño para que el color naranja sobresalga y tenga más fuerza.
Paso 3
Al igual que en los pasos anteriores, debemos crear una máscara y pintar un poco del resplandor exterior central.
Paso 4
Haz un acercamiento y enmascara algunas de las áreas de las estelas individuales.
Esto comienza a verse muy bien, pero creo que necesitamos un poco de variación de color.
5. Cómo crear un efecto de capa de resplandor interior púrpura
Paso 1
En la capa "Efectos 3", seleccionamos Resplandor interior y un hermoso color púrpura. Elegí el púrpura porque es complementario al naranja ¡y hará que los fuegos artificiales destaquen!
¡Mira esto!
Paso 2
Nuevamente creamos una máscara, pero en lugar de enmascarar el interior de los fuegos artificiales, vamos a pintar los bordes exteriores para que el púrpura permanezca en el centro.
A continuación, ¡pasaremos a las chispas naranjas!
6. Cómo hacer brillar las chispas naranjas
Paso 1
He habilitado la capa de las chispas. Se ve bien, pero necesita algo más.
Paso 2
En Estilo de capa, vayamos al Resplandor interior y elijamos un rojo brillante con el Modo de fusión establecido en Normal. Juega con el Tamaño para que el resplandor solamente permanezca alrededor del borde interior.
Si lo deseas, puedes pintar algunos de los efectos en las máscaras de capa.
7. Cómo crear los efectos de resplandor en los fuegos artificiales azules
Paso 1
Duplica la capa base dos veces arrastrando la capa original al icono Nueva capa.
Paso 2
En Estilo de capa, selecciona Sombra paralela. A continuación, cambiemos el color de la Sombra paralela a un turquesa altamente saturado y configuremos el Modo de fusión en Normal. Aumenta la Extensión al 2% y el Tamaño a 144 px para crear una nube grande detrás de los fuegos artificiales.
Recuerda: ¡Marca la casilla Máscara de capa oculta efectos!
¡Esto hace que las chispas azules resplandezcan frente al cielo púrpura y azul marino!
Paso 3
Quiero agregar un Resplandor interior a la explosión. Para crear un resplandor convincente, debes elegir una versión pálida y altamente saturada del color original de los fuegos artificiales en el selector de colores: este es el cuadro marcado debajo de Ruido.
¡Juega con las configuraciones hasta que encuentres algo que te guste!
Paso 4
Bueno, necesitamos un poco más de fuerza para causar asombro, así que tomé un azul real increíblemente pálido y lo configuré como Resplandor exterior. Ambos efectos están en la misma capa. Lo hago de esta forma porque quiero que la máscara esté relacionada con ambos efectos. Recuerda marcar la casilla Máscara de capa oculta efectos en las Opciones de fusión de Estilo de capa.
¡Esto se ve fantástico y realmente festivo! Los colores realmente resaltan en la pantalla.
8. Cómo agregar los toques finales
Paso 1
Otra forma de agregar un resplandor es usar uno de los pinceles suaves predeterminados de Photoshop. Aquí pinté una nube grande y suave de color rojo anaranjado en una Nueva Capa, detrás de todos los fuegos artificiales rojos.
Así es como se ve el resplandor una vez en su lugar, aunque no estoy 100% feliz con él.
Paso 2
Usa el cuadro Tono/saturación (Control-U) para cambiar el resplandor del fondo a un rojo más rosado, lo que permite que las estelas púrpuras resalten un poco más.
¡Tu diseño de fuegos artificiales en Photoshop está listo!
En este tutorial de fuegos artificiales en Photoshop, has aprendido cómo instalar pinceles PSD de fuegos artificiales y cómo crear efectos de resplandor usando estilos de capa.
Ahora podrás crear un resplandor en cualquier cosa que desees, desde fuegos artificiales hasta hechizos mágicos, escenas de ciencia ficción y texto. He anexado el .PSD con el fondo y las siluetas de los animales incluidas ¡en caso de que quieras hacer pruebas con este proceso tú mismo!
Los 5 mejores recursos y acciones para Photoshop para crear fuegos artificiales en Envato Elements
Ahora que ya sabes cómo hacer fuegos artificiales en Photoshop, es posible que estés buscando más recursos para crear más diseños increíbles.
Si eres un ávido usuario de Photoshop o un entusiasta del diseño, Envato Elements te encantará. Este mercado basado en una suscripción te ofrece descargas ilimitadas por una tarifa mensual fija.
Descarga complementos de Photoshop, acciones y ajustes preestablecidos, plantillas gráficas, fotos de stock ¡y más! Estos son nuestros cinco mejores recursos para crear fuegos artificiales en Photoshop:
1. Fireworks Photoshop Action (Acción para Photoshop de fuegos artificiales) (ABR, ATN)
Este paquete de pinceles y acciones para Photoshop de fuegos artificiales es una excelente opción. Podrás crear rápidamente un dibujo de fuegos artificiales con unos pocos clics.
Es fácil usar estos pinceles y acciones para Photoshop para crear fuegos artificiales. Puedes guardar el resultado ya sea como una imagen estática o como un GIF animado. Y si necesitas ayuda adicional, ¡la descarga incluye un tutorial en video!
2. Sparklers Animation Photoshop Action (Acción para Photoshop para animaciones de bengalas) (ABR, ATN)
¿Prefieres añadir un toque de destellos? Este paquete de acciones y pinceles de Photoshop podría ser una buena adición a tu dibujo de fuegos artificiales. Al igual que con el recurso anterior, también puedes guardar el diseño como una imagen estática o como un GIF animado.
3. Meteor Shower Light Photoshop Action (Acción para Photoshop de luz de lluvia de meteoros) (ABR, ATN)
¿A quién no le gusta ver las lluvias de meteoros? Ahora puedes recrear este efecto con este paquete de pinceles y acciones para Photoshop. Las luces de lluvia de meteoros son un gran complemento si estás creando un efecto en Photoshop de fuegos artificiales. ¡Prueba estas herramientas hoy mismo y guárdalas también como un GIF animado!
4. 20 Fireworks Lightroom Presets & LUTs (20 ajustes preestablecidos y LUTs de Lightroom de fuegos artificiales) (XMP, PNG)
Este paquete de ajustes preestablecidos para Adobe Lightroom y Photoshop es una fantástica opción para tus diseños e imágenes festivas. Estos ajustes preestablecidos de fuegos artificiales pretenden darle a tu imagen un realce perfecto, al resaltar los colores y mantener la neutralidad de las sombras.
El paquete completo incluye:
- Baby Reveal (5 ajustes preestablecidos)
- Blue Highlight (5 ajustes preestablecidos)
- Blue Sky (5 ajustes preestablecidos)
- Burst (5 ajustes preestablecidos)
- LUTs para Premiere Pro, After Effects, Final Cut Pro X, DaVinci Resolve, OBS Studio, Spark AR Studio y más
5. 20 New Year Lightroom Presets & LUTs (20 ajustes preestablecidos y LUTs de Lightroom de Año Nuevo) (XMP, PNG)
Llénate del espíritu festivo del Año Nuevo con estos increíbles ajustes preestablecidos para Adobe Lightroom y Photoshop. Una vez que hayas creado un dibujo de fuegos artificiales en Photoshop, puedes mejorarlo con estos fantásticos preajustes.
El paquete incluye:
- Fireworks (5 ajustes preestablecidos)
- Gold Glitter (5 ajustes preestablecidos)
- New You (5 ajustes preestablecidos)
- Sparklers (5 ajustes preestablecidos)
Explora más recursos y tutoriales de Photoshop
Espero que te haya gustado este tutorial de Photoshop sobre cómo hacer fuegos artificiales. ¿Te interesa aprender y descubrir más tutoriales geniales? Echa un vistazo a esta selección de increíbles recursos de Photoshop en Envato Tuts+:
Cómo aplicar resplandor exterior en estilos de capa Photoshop
Guía definitiva: Cómo rotar en Photoshop
Tutorial de Photoshop para crear texto bajo el agua
Cómo Hacer Efecto Espejo en Photoshop
Top 36 Nuevos Efectos de Fotos y Acciones en Photoshop (Actualizado para 2022)
Los 22 mejores efectos y filtros para Photoshop en el 2021
Nota editorial: Esta publicación ha sido actualizada con contribuciones de Maria Villanueva. Maria es la editora asociada del canal Tuts+ Design.
