Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Pirofobia es un temor u odio exacerbado al fuego. Este tutorial te mostrará cómo usar el filtro Llama de Photoshop, junto con algunas texturas de imagen de chispa, flama y humo, así como opciones de fusión, filtros y parámetros de ajustes buscando crear un fascinante y candente efecto de texto. ¡Comencemos!
Este efecto de letras de fuego Photoshop se inspiró en los muchos complementos de Photoshop para efecto de fuego disponibles en Envato Elements. Por ejemplo, tenemos esta asombrosa acción que puedes aplicar para crear un efecto de foto de fuego o efecto de letras con fuego en segundos:
Adicionalmente si prefieres mirar videotutoriales para aprender estas habilidades, ¡tienes suerte! Puedes ver este nuevo video del canal de Envato Tuts+ en YouTube para aprender cómo hacer efecto de fuego en Photoshop:
Lo que aprenderás en este tutorial de efecto de fuego Photoshop
- Cómo crear el fondo y las capas de texto
- Cómo crear un contorno de trazado y capa
- Cómo usar el filtro Llama
- Cómo crear una capa de superposición de textura
- Cómo crear una textura utilizando filtros
- Cómo ajustar las opciones de fusión de una capa
- Cómo añadir imágenes de llamas
- Cómo añadir imágenes de humo
- Cómo añadir chispas
- Cómo crear un resplandor exterior
- Cómo añadir humo a un fondo
- Cómo añadir una textura de fondo
- Cómo aplicar los ajustes finales
Lo que necesitarás para hacer las letras de fuego
Los siguientes recursos se utilizaron durante la producción de este tutorial de texto de fuego Photoshop:
- fuente Aller Light
- Imágenes Flames0032
- Imágenes Flames0036
- Imágenes Flames0043
- Imágenes Smoke
- Imágenes Fireworks0023
- Imagen 2 - Medium Fireworks0017
1. Cómo crear las capas de fondo y texto para el efecto de fuego
Paso 1
Crea un nuevo documento de 1200 x 850 px, haz clic en el ícono de Crear nueva capa de relleno o de ajuste, ubicado en la parte inferior del panel Capas, elige Color uniforme y usa el Color #1e100c.
Paso 2
Crea el texto en Todas mayúsculas usando la fuente Aller Light. Establece el Tamaño en 350 pt y el Tracking en 100.
2. Cómo crear un contorno de trazado y capa para el efecto fuego Photoshop
Paso 1
Da clic-derecho en la capa de texto y elige Crear trazado de trabajo.
Paso 2
Oculta la capa de texto haciendo clic en el ícono del ojo junto a ella y crea una nueva capa con el nombre Stroke Flames.
3. Cómo usar el filtro Llama para las letras con fuego
Paso 1
Aplica Filtro > Interpretar > Llama y haz clic en OK si recibes un mensaje diciéndote que el trazado es largo.
A continuación, experimentarás con las distintas opciones y valores de configuración para contornear el trazado con llamas, hasta que consigas un resultado que te agrade.
Los valores utilizados aquí son:
Básico
- Tipo de llama: 2. Varias llamas a lo largo del trazado
- Longitud: 115
- Marca la casilla Longitud aleatoria.
- Anchura: 35
- Intervalo: 50
- Marca la casilla Ajustar el intervalo de las repeticiones.
- Calidad: Alta (lento)
Avanzado
- Turbulencia: 35
- Punta: 20
- Opacidad: 50
- Líneas de llama (complejidad): 29
- Alineación de la parte inferior de la llama: 20
- Estilo de llama: 2. Violento
- Forma de llama: 5. Junta
- Marca la casilla Formas aleatorias.
Haz clic en OK para aplicar el filtro. Podría tomar algún tiempo, así que solo espera un poco para que se renderice.
Paso 2
Cuando te guste el resultado, selecciona la herramienta Selección directa (A) y pulsa la tecla Enter para librarte del trazado de trabajo.
4. Cómo crear una capa de superposición de textura para letras de fuego Photoshop
Paso 1
Crea una nueva capa arriba de la capa Stroke Flames, nómbrala Flame Texture, y rellénala de Blanco.
Asegúrate de establecer los colores de Frente y Fondo en Negro y Blanco.
Paso 2
Da clic-derecho en la capa Flame Texture y elige Convertir en objeto inteligente.
Paso 3
Da clic-derecho de nuevo en la capa Flame Texture y elige Crear máscara de recorte.
Paso 4
Aplica Filtro > Interpretar > Nubes.
5. Cómo crear una textura para el efecto de fuego usando filtros
Paso 1
Dirígete a Filtro > Galería de filtros para aplicar los siguientes Filtros:
Bosquejar > Bajo relieve
- Detalle: 13
- Suavizado: 3
- Luz: Inferior
Paso 2
Haz clic en el ícono de la Nueva capa de efecto en la esquina inferior derecha para añadir otro filtro y aplicar Bajo relieve con los mismos valores otra vez.
Paso 3
Agrega otra nueva capa de efecto.
Trazos de pincel > Salpicaduras
- Radio: 10
- Suavizado: 5
Haz clic en OK cuando termines.
6. Cómo ajustar las opciones de fusión de una capa para las letras con fuego
Paso 1
Cambia el Modo de fusión de la capa Flame Texture a Luz suave.
Paso 2
Haz doble clic en la capa Flame Texture para ajustar sus Opciones de fusión. Vamos a ajustar los deslizadores de Esta capa en la sección Fusionar si es.
Mantén presionada la tecla Opción y clic-arrastra el control deslizante derecho para dividirlo. Mientras mueves los extremos del control deslizante, notarás cómo empieza la textura a fusionarse mejor con las llamas.
Lo que hace este control deslizante es evitar que las áreas más claras de la textura interactúen con el contenido debajo de ella.
Paso 3
Prueba distintos valores hasta que te guste el resultado.
Regresaremos a la textura al final del tutorial para desenfocarla, así que también puedes modificar los valores un poco más.
7. Cómo añadir las imágenes de llamas para las letras de fuego
Paso 1
Usa cualquiera de las imágenes de llama de las colecciones Flames0032, Flames0036, y Flames0043 para añadir el texto.
Es mejor añadir las imágenes como Objetos inteligentes para que puedas aplicarles cambios de manera no destructiva.
Para hacerlo, aplica Archivo > Colocar elementos enlazados y abre la imagen que quieres agregar.
Paso 2
Cambia el Modo de fusión de la capa de la imagen a Trama.
Paso 3
Presiona Comando-T para entrar en el Modo de transformación libre y mueve, redimensiona y rota la imagen para colocarla sobre una parte del texto.
Pulsa la tecla Enter para confirmar los cambios.
Paso 4
Aplica Imagen > Ajustes > Tono/Saturación y cambia el Tono a 3 y la Saturación a -35 o utiliza cualquier otro valor para que coincida el color de la llama de la imagen con el color de la llama del trazo.
8. Cómo agregar más llamas para las letras de fuego
Paso 1
Coloca otra imagen de llama sobre otra parte del texto, cambia el Modo de fusión de su capa a Trama, y transfórmala como sea necesario.
Para duplicar los ajustes, expande la lista del filtro de la primera capa de la imagen de llama, mantén presionada la tecla Opción y clic-arrastra la pestaña Filtros inteligentes a la capa de la imagen recientemente añadida.
Paso 2
Repite los pasos para añadir tantas imágenes de llama como necesites para el texto.
Paso 3
Coloca todas las capas de imágenes de llama en un grupo y nómbralo Flames.
9. Cómo agregar imágenes de humo para las letras de fuego Photoshop
Paso 1
Agrega cualquier imagen de fuego que te guste como Objeto inteligente y cambia el Modo de fusión de su capa a Trama.
Coloca la imagen de humo sobre una parte del texto y transfórmalo como sea necesario.
Paso 2
Presiona Comando-U para ajustar Tono/Saturación. Marca la casilla Colorear y cambia el Tono a 215, la Saturación a 25 y la Luminosidad a -60.
Paso 3
Haz doble clic en la capa de la imagen de humo para ajustar sus Opciones de fusión. Esta vez, vamos a ajustar los controles deslizantes de Capa subyacente en la sección Fusionar si es.
Mantén presionada la tecla Opción y clic-arrastra el regulador derecho para dividirlo. Mientras mueves los extremos del regulador deslizante, notarás cómo la imagen de humo comienza a fusionarse mejor con el texto y el fondo.
Lo que hace este control deslizante es proteger las áreas más claras del texto para no ser afectadas por la textura del humo.
Paso 4
Da clic derecho en la capa de la imagen de humo y elige Copiar estilo de capa.
Paso 5
Agrega más imágenes de humo al texto y por cada nueva imagen que agregues, haz clic derecho en su capa y elige Pegar estilo de capa.
También puedes duplicar los ajustes de Tono/Saturación de la misma manera que las duplicaste para las imágenes de llamas.
Haz doble clic en la pestaña Tono/Saturación en la lista de Filtros inteligentes para usar diferentes valores dependiendo de la imagen que añadas y el efecto que quieras.
Repite los mismos pasos hasta que te guste el resultado.
Paso 6
Coloca todas las capas de la imagen de humo en un grupo y nómbralo Smoke y cambia la Opacidad del grupo a 85% o cualquier valor que gustes.
10. Cómo añadir imágenes de humo saturado al fuego Photoshop
Paso 1
Vamos a añadir más imágenes de humo para crear más profundidad.
Entonces añade una nueva imagen de humo, cambia el Modo de fusión de su capa a Color más claro, colócala sobre cualquier parte del texto y transfórmala como sea necesario.
Paso 2
Agrega más imágenes de humo utilizando el mismo Modo de fusión y mantenlas un poco más pequeñas que las más claras.
Paso 3
Coloca todas las nuevas capas de imágenes de humo en un grupo y nómbralo Smoke 02, y cambia la Opacidad del grupo a 50% o cualquier valor que gustes dependiendo del efecto que quieras.
11. Cómo añadir chispas a las letras con fuego
Paso 1
Coloca una de las imágenes Fireworks0023 sobre cualquier parte del texto, cambia el Modo de fusión de su capa a Sobreexposición lineal (Añadir) y transfórmala como sea necesario.
Paso 2
Repite los mismos pasos para añadir más chispas por todo el texto.
Paso 3
Coloca todas las capas de imágenes de chispas en un grupo y nómbralo Sparks.
12. Cómo crear un resplandor exterior
Paso 1
Mantén presionada la tecla Opción y clic-arrastra la capa Stroke Flames hacia abajo para crear una copia debajo de la original.
Paso 2
Renombra la capa de la copia como Glow, haz clic derecho en ella y elige Convertir en objeto inteligente.
Paso 3
Aplica Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio en 25.
Paso 4
Cambia el Modo de fusión de la capa Glow a Luz fuerte y su Opacidad a 25%.
13. Cómo hacer efecto en Photoshop añadiendo humo a de las letras de fuego
Paso 1
Coloca una nueva imagen de humo arriba de todas las capas y cambia el Modo de fusión de su capa a Trama.
Redimensiona la imagen para rellenar un lado del documento.
Paso 2
Presiona Comando-U para ajustar el Tono/Saturación. Marca la casilla Colorear y cambia el Tono a 215, la Saturación a 25 y la Luminosidad a -83.
Ten en cuenta que estos valores son los utilizados en el tutorial, pero siempre puedes modificarlos para ajustarlo a tu trabajo e imágenes.
Paso 3
Aplica Filtro > Desenfocar > Desenfoque gaussiano, y establece el Radio en 6. El objetivo aquí es crear un sutil efecto de niebla alrededor del texto.
Paso 4
Repite los mismos pasos para añadir un par más de imágenes de humo.
Paso 5
Igualmente puedes agregar más detrás del texto.
14. Cómo agregar una textura al fondo del efecto de fuego
Paso 1
Coloca la textura de Fireworks0017 - Image 2 arriba de la capa de Color uniforme y cambia el Modo de fusión de su capa a Sobreexposición lineal (Añadir) y su Opacidad a 50%.
Transforma la textura como sea necesario para rellenar el fondo.
Paso 2
Si quieres librarte de cualquier parte de la textura, haz clic en el ícono Añadir máscara de capa en la parte inferior del panel Capas y asegúrate de seleccionar la miniatura de la máscara.
Paso 3
Establece el Color de frente en Negro, selecciona la herramienta Pincel y elige una punta circular difusa. Pinta sobre cualquier área que quieras eliminar.
15. Cómo aplicar los ajustes finales a las letras de fuego Photoshop
Paso 1
Haz clic en el ícono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Consulta de colores.
Elige FoggyNight.3DL del menú del archivo 3DLUT y cambia la Opacidad de la capa a 10%.
Paso 2
Selecciona la capa Flame Texture y aplica Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio en 3 para que la textura no sea tan áspera.
¡Felicidades! Ahora sabes cómo hacer efecto de fuego en Photoshop en un texto
En este tutorial creamos un trazado de trabajo de texto y le aplicamos llamas utilizando el filtro Llama. Posteriormente, comenzamos a añadir texturas de imágenes de chispas, llamas y humo para estructurar el efecto. También utilizamos opciones de fusión, filtros y ajustes para fusionar mejor todo. Por último, agregamos el fondo y algunos toques finales para concluir el efecto.
Las 5 mejores acciones en Envato Elements para descubrir cómo hacer efectos en Photoshop con fuego en texto
Ahora sabes cómo hacer efecto de fuego en Photoshop y cómo crear el más genial texto con fuego. Ahora, si quieres ahorrar tiempo la próxima vez que quieras un diseño de efecto de fuego Photoshop, necesitas complementos.
Si eres un ávido usuario de Photoshop, te fascinará Envato Elements. El mercado basado en suscripción te ofrece complementos Photoshop ilimitados, efectos de llama Photoshop, fuentes premium, fotos de stock, ¡y más!
Esta es nuestra selección de las mejores acciones Photoshop para efecto de fuego, pinceles y complementos. ¡Pruébalos para tu próximo proyecto!
1. Creativa acción que te motiva a saber cómo hacer efectos en Photoshop con fuego (en formato PSD)
¿Quieres saber cómo hacer efecto de fuego en Photoshop en texto en pocos minutos? Checa este complemento. La descarga incluye un archivo PSD con un objeto inteligente holográfico en HD (4000x2500 pixeles).
Este efecto de texto de fuego Photoshop es fácil de usar, no destructivo y está bien organizado en capas.
2. Estupendo efecto de fuego en texto (en formato PSD)
Si te gusta tener más variedad en el diseño de texto de fuego Photoshop, esta descarga incluye tres estilos. Al igual que la acción anterior, este es un efecto de texto de fuego que vale la pena tener. El resultado es completamente editable y es fácil de usar.
3. Acción que te guía cómo hacer efecto en Photoshop para texto de fuego tóxico (en formato PSD)
¿Qué tal si buscas diferentes tipos de efectos de llama Photoshop? Entonces este es para ti.
Este fabuloso efecto de texto de fuego replica llamas con ácidos para un aspecto diferente. Puedes ajustar los colores como desees: multicolor, monótono, degradados ¡o más!
4. Pinceles Photoshop para efecto de fuego Photoshop (en formato ABR)
A veces solo necesitas una colección realista de pinceles Photoshop para efecto de fuego. Este paquete es perfecto para crear arte digital, efectos de fotografía, overlays y más. ¡Prueba estos pinceles para un realista efecto de texto de fuego!
5. Acción que te enseña cómo hacer efectos en Photoshop con fuego (en formatos ABR y ATN)
Esta acción es otra gran adición a tu colección. En verdad es fácil de usar. Solo necesitas pasar el pincel sobre tu diseño donde quieres el efecto de fuego y reproducir la acción. ¡Podrías crear asombrosos diseños para texto de fuego Photoshop con este paquete de acciones no destructivas y pinceles!
Explora más tutoriales y recursos para saber cómo hacer efectos en Photoshop
¿Quieres aprender más? Consulta estos formidables artículos y tutoriales Photoshop crear efectos de fuego:
Cómo Crear un Pincel de Bola de Fuego Desde Cero en Adobe Photoshop
Cómo crear una emotiva manipulación fotográfica de una escena de fuego en Adobe Photoshop
Cómo crear una fantasiosa manipulación fotográfica de ciervo en llamas con Adobe Photoshop
Domina los elementos: Cómo pintar fuego en todas sus formas
Cómo crear un llamativo efecto de estatua resquebrajada en Photoshop
Tutorial de Photoshop para crear texto bajo el agua
Mejores recursos para Photoshop 2022: Efectos de texto y estilos de capa
Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria es Editora Asociada del canal Tuts+ Design.
