Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo crear un Efecto de Texto de Fuego en Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Phobia Week!.
21 Stylish Fashion & Fabric Add-Ons Including Embroidery Actions
How to Draw a Cute Bat Character in Adobe Illustrator

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

Final product image
What You'll Be Creating

Pyrofobia es un excesivo temor u odio al fuego. Este tutorial te mostrará cómo usar el filtro de llama de Photoshop, además de algunas llamas, humo y texturas de imagen al igual que opciones de fusión, filtros y ajuste de opciones, para crear un efecto texto fuego ardiente. Vamos a empezar!

Este efecto de texto fue inspirado por los muchos Estilos de Capa en GraphicRiver.

Recursos del tutorial

Los siguientes recursos fueron utilizados durante la producción de este tutorial:

1. Cómo crear el fondo y las capas de texto

Paso 1

Crear un nuevo documento de 1200 x 850 px, hacer click en el ícono de Crear nuevo relleno o ajuste  de capa en la parte inferior del panel Capas, elige Color sólido y use el Color #1e100c.

Solid Color

Paso 2

Crear el texto en Mayúsculas utilizando la fuente Aller Light. Establecer el tamaño en 350px y el Seguimiento a 100.

Create the Text

2. Cómo crear un trazado de movimiento y capa

Paso 1

Haga clic derecho en la capa de texto y elija crear trazado de trabajo.

Create Work Path

Paso 2

Ocultar la capa de texto haciendo clic en el icono de ojo junto a él, y crea una nueva capa con el nombre Trazo Llamas.

Stroke Flames Layer

3. Cómo usar el filtro de llama

Paso 1

Ir a Filtro > Render > Llama y haga clic en Aceptar si recibe un mensaje que dice que el camino es largo.

A continuación, jugarás con las diferentes opciones y valores de configuración para trazar el camino con las llamas, hasta llegar a un resultado que te gusta.

Los valores usados están aqui:

Básico

  • Tipo de llama: 2. Múltiples llamas en el camino
  • Longitud: 115
  • Marque la casilla Aleatorizar longitud.
  • Anchura: 35
  • Intervalo: 50
  • Compruebe la casilla Ajuste Intervalo para bucles.
  • Calidad: Alta (lento)
Flame Filter Basic

Avanzado

  • Turbulento: 35
  • Punta: 20
  • Opacidad: 50
  • Línes de llama (complejidad): 29
  • Alineación de la parte inferior de la llama: 20
  • Estilo de fuego: 2. Violento
  • Forma de llama: 5. Señalando
  • Marca la casilla Aleatorizar formas.

Haga clic en Aceptar para aplicar el filtro. Podría tomar algún tiempo, así que espera un poco a que se renderizado.

Flame Filter Advanced

Paso 2

Cuando te guste el resultado, elije la herramienta Selección directa (A) y presione la tecla Retorno para deshacerse de la ruta de trabajo.

Hide Work Path

4. Cómo crear una textura del recubrimiento de capa

Paso 1

Crear una nueva capa encima de la capa de Trazo de Llamas, nombralo Textura de Llama y rellénalo con Blanco.

Asegúrate de establecer los colores de Primer plano y Fondo en Blanco y Negro.

Flame Texture Layer

Paso 2

Haga clic derecho en el capa Textura de Llama y elija Convertir en objeto inteligente.

Convert to Smart Object

Paso 3

Haga clic derecho en la capa de Textura de Llama otra vez y seleccione Crear máscara de recorte.

Create Clipping Mask

Paso 4

Ir a Filtro > Render > Nubes.

Clouds Filter

5. Cómo crear una textura utilizando filtros

Paso 1

Ir a Filtro > Galería de filtros para aplicar los siguientes filtros:

Dibujo > Bajo relieve

  • Detalle: 13
  • Suavidad: 3
  • Luz: Inferior
Bas Relief

Paso 2

Clic en el icono Nuevo efecto de capa en la esquina inferior derecha para agregar otro filtro y volver a aplicar Bajo relieve con los mismos valores.

New Effect Layer

Paso 3

Añadir una nueva capa de efecto.

Trazos de pincel > Salpicadura

  • Radio del aerosol: 10
  • Suavidad: 5

Clic en Aceptar cuando termine.

Spatter

6. Cómo ajustar las opciones de fusión de una capa

Paso 1

Cambiar el Modo de mezcla de la capa de Textura de llama a luz suave.

Blend Mode

Paso 2

Doble clic en el capa de Textura de llama para ajustar sus Opciones de fusión. Vamos a ajustar los reguladores de esta capa en la sección de Mezclar si.

Manten pulsada la tecla Opción y clic y arrastre el deslizador derecho para dividirlo. Al mover los extremos de la deslizador, notará cómo la textura comienza a mezclar mejor con las llamas.

Lo que hace este deslizador es evitar que las áreas más claras de la textura interactuen con el contenido debajo de él.

Blending Options

Paso 3

Intenta con diferentes valores hasta que te guste el resultado.

Regresaremos a la textura al final del tutorial para desenfocarla, para que también puedas modificar los valores un poco más entonces.

Adjust the Values

7. Cómo agregar imágenes de llama

Paso 1

Utilice cualquiera de las imágenes de la llama de los sets Flames0032, Flames0036 y Flames0043 para agregar al texto.

Es mejor añadir las imágenes como Objetos inteligentes para que se pueden aplicar cambios a ellos de manera no-destructiva.

Para ello, ir a Archivo > Lugar vinculado y abrir la imagen que desee agregar.

Place Flame Images

Paso 2

Cambiar el Modo de mezcla de la capa de la imagen a Pantalla.

Blend Mode

Paso 3

Presiona Comando-T para entrar al Modo de transformación libre, y mover, redimensionar y rotar la imagen para colocar sobre una parte del texto.

Presione la tecla Retorno para aceptar los cambios.

Free Transform Mode

Paso 4

Ir a Imagen > Ajustes > Tono/saturación y cambiar el Tono a 3 y la Saturación a -35, o usar otros valores para emparejar el color de la llama de la imagen con el color del trazo de la llama.

HueSaturation

8. Cómo agregar más llamas

Paso 1

Coloque otra imagen de llama sobre otra parte del texto, cambiar el Modo de mezcla de la capa a Pantalla y transformarla según sea necesario.

Para duplicar los ajustes, ampliar la lista de filtros de la primera capa de imagen de llama, mantenga presionado la tecla Opción y haga clic y arrastre la pestaña de Filtros inteligentes para la capa de imagen recién agregada.

Duplicate the Smart Filters

Paso 2

Repita los pasos para añadir tantas imágenes de llamas según sea necesario para el texto.

Add More Flame Images

Paso 3

Colocar todas las capas de la imagen de la llama en un grupo y nombrarlo Llamas.

Flames Group

9. Cómo agregar imágenes de humo luz

Paso 1

Agrega cualquiera de las imágenes de humo que te guste como un Objeto inteligente y cambiar el Modo de mezcla de la capa a  Pantalla.

Colocar la imagen de humo sobre una parte del texto y transformarla según sea necesario.

Add a Smoke Image

Paso 2

Presionar Comando-U para ajustar el Tono/saturación. Marque la casilla Colorear y cambia el Tono a 215, la Saturación a 25 y la Luminosidad a -60.

HueSaturation

Paso 3

Haga doble clic en el capa de imagen de humo para ajustar sus Opciones de fusión. Esta vez, vamos a ajustar los deslizadores de la Capa subyacente en la sección de Mezcla si.

Mantén pulsada la tecla Opción y haga clic y arrastre el control deslizante derecho para dividirlo. Al mover los extremos de la barra deslizante, notarás cómo la imagen de humo comienza a mezclar mejor con el texto y el fondo.

Lo que hace este deslizador es proteger las áreas más claras del texto de ser afectado por la textura de humo.

Blending Options

Paso 4

Click derecho en la capa de imagen de humo y elegir Copiar estilo de capa.

Copy Layer Style

Paso 5

Añadir más imágenes de humos al texto, y para cada nueva imagen que añade, clic derecho en su capa y elija Pegar estilo de capa.

También puedes duplicar los ajustes de Tono/saturación de igual manera que duplicaste las imágenes de llamas.

Haga doble clic en la pestaña de Tono/saturación en la lista de Filtros inteligentes para utilizar valores diferentes dependiendo de la imagen que se agrega y el efecto que desee.

Repita los mismos pasos hasta que te guste el resultado.

Add More Smoke Images

Paso 6

Colocar todas las capas de la imagen de humo en un grupo y nombrarlo Humo y cambiar la Opacidad del grupo a 85%, o cualquier valor que te guste.

Smoke Group

10. Cómo agregar imágenes de humo pesados

Paso 1

Vamos a añadir más imágenes de humos para crear mayor profundidad.

Para agregar una nueva imagen de humo, cambiar el Modo de mezcla de la capa a Color más claro, colocarlo sobre cualquier parte del texto y transformarla según sea necesario.

Add a Smoke Image

Paso 2

Añadir algunas imágenes de humos utilizando el mismo Modo de mezcla y mantenerlos un poco menor en tamaño que los más ligeros.

Add More Smoke Images

Paso 3

Colocar todas las nuevas capas de imagen de humo  en un grupo y nombrarlo Humo 02 y cambiar la Opacidad del grupo a 50%, o cualquier valor que quieras dependiendo del efecto que desea.

Smoke 02 Group

11. Cómo agregar chispas

Paso 1

Coloca una de las imágenes de Fireworks0023 en cualquier parte del texto, cambiar el Modo de mezcla de la capa a Sobreexposición lineal (Añadir) y transformarla según sea necesario.

Add a Sparks Image

Paso 2

Repita los mismos pasos para añadir más chispas todo el texto.

Add More Spark Images

Paso 3

Colocar todas las capas de imagen de chispa en un grupo y nombrarlo Chispas.

Sparks Group

12. Cómo crear un resplandor externo

Paso 1

Mantén pulsada la tecla Opción y haga clic y arrastre la capa Trazo de llamas hacia abajo para crear una copia debajo de la original.

Duplicate the Stroke Flames Layer

Paso 2

Renombrar la capa copiada a Resplandor, clic derecho y elija Convertir en objeto inteligente.

Convert to Smart Object

Paso 3

Ir a Filtro > Desenfoque > Desenfoque gaussiano y establecer el Radio a 25.

Gaussian Blur

Paso 4

Cambia el Modo de mezcla de la capa de Brillo a Modo de  Luz fuerte y su Opacidad al 25%.

Blend Mode and Opacity

13. Cómo añadir humo a un fondo

Paso 1

Coloque una nueva imagen de humo encima de todas las capas y cambiar el Modo de mezcla de la capa a Pantalla.

Cambiar el tamaño de la imagen para llenar una parte del documento.

Add a Smoke Image

Paso 2

Presiona Comando U para ajustar el Tono/saturación. Marque la casilla colorear y cambia el Tono a 215, la Saturación a 25 y la Ligereza a -83.

Ten en cuenta que estos valores son los utilizados en el tutorial, pero siempre se pueden modificar para adaptarse a tu trabajo e imágenes.

HueSaturation

Paso 3

Ir a Filtro > Desenfoque > Desenfoque gaussiano, y establecer el Radio a 6. El objetivo es crear un sutil efecto de niebla en todo el texto.

Gaussian Blur

Paso 4

Repita los mismos pasos para agregar un par de imágenes de humo.

Add More Foggy Smoke

Paso 5

También puede agregar algunos más detrás del texto.

Add Smoke Behind the Text

14. Cómo agregar una textura de fondo

Paso 1

Pon la textura Fireworks0017 - imagen 2 encima de la capa de Color sólido, y cambiar su capa de Modo de mezcla a Sobreexposición lineal (Añadir) y su Opacidad al 50%.

Transformar la textura  según sea necesario para llenar el fondo.

Add a Background Texture

Paso 2

Si te quieres deshacerse de cualquier parte de la textura, haga clic en el icono de  Añadir máscara de capa en la parte inferior del panel Capas y asegúrese de seleccionar la miniatura de la máscara.

Add a Layer Mask

Paso 3

Establecer el Color de primer plano a Negro, seleccionar la Herramienta pincel y elija una punta redonda suave. Pintar sobre las áreas que desea borrar.

Erase Unwanted Areas

15. Cómo aplicar ajustes finales

Paso 1

Haga clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas y elija Búsqueda de color.

Seleccione FoggyNight.3DL en el menú de Archivo 3DLUT y cambiar la Opacidad de la capa al 10%.

Color Lookup

Paso 2

Seleccione la capa de la Textura de la llama e ir a Filtro > Desenfoque > Desenfoque gaussiano y el Radio a 3 para que la textura no sea tan dura.

Gaussian Blur

¡Felicidades! Está listo

En este tutorial, hemos creado un trazado de trabajo de texto y trazado con las llamas utilizando el Filtro de llama. Luego, empezamos a agregar llamas, humo y texturas de imágenes de chispa texturas para crear el efecto. También utilizamos opciones de fusión, filtros y ajustes para mejorar toda la mezcla. Por último, añadimos el fondo y algunos toques para acabar con el efecto.

No dude en dejar sus comentarios, sugerencias y los resultados abajo.

Final Result
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.