El texto de Flaming Hot Fire en Photoshop

El texto de Flaming Hot Fire en Photoshop

Crear un efecto de texto de fuego en Photoshop

En este tutorial, te mostraré paso a paso cómo crear un efecto de texto de fuego en el Photoshop, sumergiendo tus cartas en llamas ardientes. Empezaremos añadiendo un poco de texto inicial, y luego prenderemos fuego al texto usando el filtro de viento de Photoshop, el filtro Liquify, ¡ajustando las capas y los efectos de las capas! Mezclaremos el texto en las llamas usando la herramienta Pincel y una máscara de capa. Y mejoraremos el efecto del fuego usando un par de texturas que crearemos desde cero.

Así es como se verá el efecto del texto de fuego cuando terminemos:

Cómo crear un efecto de texto de fuego en Photoshop

The final effect.

Start!

Index
  1. Parte 1: Añadir el texto
    1. Step 1: Create a new Photoshop document
    2. Paso 2: Llenar el nuevo documento con negro
    3. Paso 3: Añade tu texto
    4. Paso 4: Cambiar el tamaño y mover el texto con Free Transform
  2. Parte 2: Dibujando las llamas alrededor del texto
    1. Paso 5: Rasterizar el tipo
    2. Paso 6: Duplicar la capa de texto
    3. Paso 7: Apagar la copia
    4. Paso 8: Seleccionar la capa de texto original
    5. Paso 9: Gire el texto 90° en el sentido de las agujas del reloj
    6. Paso 10: Aplicar el filtro de viento
    7. Paso 14: Duplicar la capa de fondo
    8. Paso 15: Fusionar el texto y las capas de copia de fondo
    9. Paso 16: Renombrar la capa fusionada «Llamas»
    10. Paso 17: Dibujar las llamas con el filtro Liquify
  3. Parte 3: Colorear las llamas
    1. Paso 18: Añadir dos capas de ajuste de Tono/Saturación
    2. Añade una segunda capa de ajuste de Tono/Saturación
    3. Paso 19: Cambiar el modo de mezcla a Superposición
    4. Paso 20: Agregar un ajuste de niveles sobre la capa «Llamas»…
    5. Paso 21: Bajar el máximo de brillo Nivel de salida
  4. Parte 4: Colorear el texto
    1. Paso 22: Seleccionar y encender la capa superior
    2. Paso 23: Renombrar la capa
    3. Paso 24: Añadir un efecto de capa de superposición de gradiente
    4. Paso 25: Añadir un estilo de capa de brillo exterior
    5. Paso 26: Añadir un brillo interior
  5. Parte 5: Mezclar el texto con las llamas
    1. Paso 27: Añadir una máscara de capa a la capa de texto
    2. Paso 28: Seleccionar la herramienta de pinceles
    3. Paso 29: Poner el color de tu pincel en negro
    4. Paso 30: Pintar a lo largo de los bordes de las letras para mezclarse con las llamas
  6. Parte 6: Añadir textura al efecto
    1. Paso 31: Añadir una nueva capa
    2. Paso 32: Aplicar el filtro de Nubes
    3. Paso 33: Añadir otra nueva capa
    4. Paso 34: Aplicar el filtro de Fibras
    5. Paso 35: Desenfocar la textura con el Desenfoque Gaussiano
    6. Paso 36: Cambiar el modo de mezcla a Luz Suave
    7. Paso 37: Añadir una máscara de capa de relleno negro
    8. Paso 38: Pintar de nuevo la textura en las llamas

Parte 1: Añadir el texto

Empezaremos creando un nuevo documento y añadiendo el texto inicial.

Estoy usando el the latest version of Photoshop CC but each step is fully compatible with Photoshop CS6.

Step 1: Create a new Photoshop document

Start by creating a new Photoshop document. Climb up to the File in the menu bar and choose Nuevo:

Creando un nuevo documento de Photoshop.

Yendo a File > New.

Para este tutorial, establezca el Wide of your document to 1600 pixelsthe Height to 1000 píxelesand the Resolution to 72 pixels/inch. Deje el Background content se puso a white por ahora. Y luego, para crear el documento, haz clic en Crear o en Aceptar según la versión de Photoshop que estés usando:

Los nuevos ajustes del documento de Photoshop

La nueva configuración del documento.

Paso 2: Llenar el nuevo documento con negro

Cambie el fondo del documento de blanco a negro subiendo al Edit menú y eligiendo Fill:

Seleccionando el comando Rellenar en el menú de edición de Photoshop

Go to Edit; Fill.

En el cuadro de diálogo Rellenar, establezca el Content to Black, and then click OK:

Poner la opción de Contenido en Negro en el cuadro de diálogo de Relleno en Photoshop

Poniendo el contenido en negro.

Photoshop fills the background with black:

El documento de Photoshop después de llenarlo de negro

El texto de fuego resaltará bien contra el fondo negro.

Paso 3: Añade tu texto

Para añadir el texto, agarra el Tool Type on the toolbar:

Selecting the type tool in Photoshop

Selecting the type tool.

En la barra de opciones, elija su fuente. Iré con algo simple como Times New Roman Bold. Establezca el tamaño del tipo a 72 pt sólo para darnos el mayor tamaño preestablecido por ahora:

Eligiendo una fuente y tamaño de letra en la Barra de Opciones de Photoshop

Eligiendo una fuente y un tamaño de letra en la barra de opciones.

Aún en la barra de opciones, establezca el color del tipo a white haciendo clic en el color sample:

Cambiar el color del tipo en Photoshop

Cambiando el color del tipo.

Y luego eligiendo el blanco en el Selector de Colores. Haz clic en OK para cerrarlo:

Ajustar el tipo de color a blanco en el Selector de Color en Photoshop

Ajustando el color del tipo a blanco.

Con la fuente y el color de letra elegidos, haz clic dentro del documento y añade tu texto. Escribiré la palabra «FUEGO». El texto se verá muy pequeño pero lo arreglaremos a continuación:

Añadiendo la palabra

Adding the text.

Para aceptarlo, haga clic en el check mark In the options bar:

Aceptar el texto haciendo clic en la marca de la barra de opciones

Clicking on the check mark.

Paso 4: Cambiar el tamaño y mover el texto con Free Transform

To change the text size, move to Edit menu and choose Free transformation:

Eligiendo el comando Transformación Libre en Photoshop

Go to Edit; Free transformation.

Entonces presione y mantenga su Change and drag any of the corner handles hacia afuera. Al mantener la tecla Shift, las formas de las letras quedan fijadas en su lugar para no distorsionarlas. Cuando termines, suelta el botón del ratón, y then libera tu llave de cambio:

Redimensionando el texto con Transformación Libre en Photoshop

Manteniendo pulsada la tecla Shift y arrastrando las manijas de las esquinas para cambiar el tamaño del texto.

Para mover el texto, haz clic dentro del cuadro de Transformación Libre y arrástralo a su lugar. Haz espacio para las llamas a lo largo de la parte superior de las letras arrastrando el texto hacia abajo en la mitad inferior del documento:

Haciendo espacio para las llamas moviendo el texto hacia abajo en el documento

Arrastrando el texto a su posición.

Para aceptarlo, vuelva a hacer clic en el check mark In the options bar:

Cerrando Transformación Libre haciendo clic en la marca de verificación en Photoshop

Haciendo clic en la marca para cerrar Transformación Libre.

Parte 2: Dibujando las llamas alrededor del texto

Paso 5: Rasterizar el tipo

En el panel de Capas, vemos nuestro texto en una capa de Tipo sobre la capa de Fondo:

La capa de Tipo en el panel de Capas en Photoshop

El panel de Capas que muestra la capa de Tipo.

Convierte el texto en píxeles por haciendo clic con el botón derecho del ratón en (Win) / Control – clic (Mac) en la capa de Tipo y eligiendo Tipo de rasterización From the menu:

Rasterizar el tipo en Photoshop

Eligiendo el comando Tipo de Rasterización.

Photoshop convierte el texto en una capa normal:

La capa de tipos ha sido rasterizada en píxeles en Photoshop

El tipo ha sido convertido a píxeles.

Paso 6: Duplicar la capa de texto

Haga una copia de la capa arrastrándola hacia abajo en el Nueva capa at the bottom of the Layers panel:

Duplicando la capa de texto en el panel de capas en Photoshop

Duplicando la capa de texto.

Paso 7: Apagar la copia

Una copia aparece sobre el original. Apague la copia por ahora haciendo clic en su icono de visibilidad:

Desactivando la capa de copia de texto en el panel de Capas

Apagando la capa superior.

Paso 8: Seleccionar la capa de texto original

Luego haga clic en la capa de texto original para seleccionarla:

Seleccionando la capa de texto original de Fire en el panel de Capas

Seleccionando la capa de texto original.

Aprende todo sobre las capas con nuestra completa Guía de Aprendizaje!

Paso 9: Gire el texto 90° en el sentido de las agujas del reloj

Estamos listos para crear nuestras llamas, y empezaremos aplicando el filtro de viento de Photoshop. El problema es que el filtro de viento sólo funciona de izquierda a derecha, o de derecha a izquierda. No funciona verticalmente, y necesitamos que nuestras llamas se vean como si se elevaran por encima de las letras. Así que, antes de aplicar el filtro, primero tenemos que girar el texto. Sube hasta el Image menu, choose Rotación de la imagenand then choose 90° en el sentido de las agujas del reloj:

Elegir la opción de rotación de la imagen 90 grados en el sentido de las agujas del reloj en Photoshop

Pasando a Imagen; Rotación de la imagen; 90° en el sentido de las agujas del reloj.

Esto hace que todo el documento, incluyendo el texto, gire sobre su lado:

El texto ha sido rotado 90 grados en el sentido de las agujas del reloj

El texto después de girar la imagen en el sentido de las agujas del reloj.

Paso 10: Aplicar el filtro de viento

Con el texto rotado, sube al Filter menu, choose Estilizarand then choose Viento:

Seleccionando el filtro de Viento del menú de Filtro en Photoshop

Ir a Filtro; Estilizar; Viento.

En el cuadro de diálogo Viento, establezca el Método to Viento and the Dirección to Desde la izquierda, and then click OK:

Los ajustes del filtro de viento en Photoshop

Ponga el método en «Viento» y la dirección en «Desde la izquierda».

Si miras de cerca, verás pequeñas rayas o púas que se extienden hacia afuera a lo largo de los bordes derechos de cada letra. Aquí he ampliado la letra F para que sea más fácil de ver:

Pequeñas rayas aparecen a lo largo de los bordes derechos de cada letra después de aplicar el filtro de viento

Aparecen pequeñas rayas a lo largo de los bordes derechos.

Paso 11: Vuelva a aplicar el filtro de viento dos veces más

Para hacer las rayas más largas, aplica el filtro de viento de nuevo. Vuelve al menú de filtros, y como el viento fue el último filtro que aplicamos, lo encontrarás en la parte superior de la lista:

Aplicando el filtro de viento de Photoshop por segunda vez al texto

Ejecutando el filtro de Viento por segunda vez yendo a Filtro; Viento.

Después de correrlo por segunda vez, las rayas son más visibles:

El texto después de aplicar el filtro de viento por segunda vez

El efecto después de ejecutar el filtro de viento por segunda vez.

Aplica el filtro de viento una tercera vez eligiéndolo de nuevo en la parte superior del menú del filtro:

Aplicando el filtro de viento de Photoshop por tercera vez al texto

Ejecutando el filtro de Viento por tercera vez.

Y ahora las rayas son todo lo que necesitamos:

El texto después de aplicar el filtro de viento por tercera vez en Photoshop

El efecto después de tres pasadas del filtro de viento.

Paso 12: Gire el texto 90° en el sentido contrario a las agujas del reloj

Ya hemos terminado con el filtro de viento, así que gira el texto de nuevo a su orientación original subiendo al Image menú, eligiendo Rotación de la imageny esta vez, eligiendo 90° en sentido contrario a las agujas del reloj:

FILE 5 consejos para tomar la selfie perfecta

Rotando el texto de nuevo a su orientación original en Photoshop

Pasando a Imagen; Rotación de la imagen; 90° en sentido contrario a las agujas del reloj.

Con el texto rotado, las rayas ahora se elevan hacia la parte superior:

El texto ha sido rotado de nuevo a su orientación original

La imagen ha vuelto a su posición original.

Paso 13: Aplicar el filtro de Gaussian Blur

Para suavizar las rayas, aplica un poco de difuminado. Sube al Filter menu, choose Blurand then choose Borrón Gaussiano:

Seleccionando el filtro de Gaussian Blur en Photoshop

Pasando a Filtro; Borrón; Borrón Gaussiano.

En el cuadro de diálogo del Desenfoque Gaussiano, elija una baja Radio valor de alrededor de 1 píxel, and then click OK:

Desenfocando el efecto del filtro de viento usando el filtro de Desenfoque Gaussiano en Photoshop

Desenfocando el efecto del filtro de viento para suavizarlo.

Las rayas ahora tienen un aspecto más suave:

El efecto de filtro de viento después de aplicar Gaussian Blur en Photoshop

El efecto después de aplicar Gaussian Blur.

Paso 14: Duplicar la capa de fondo

De vuelta en el panel de Capas, haga una copia de la capa de fondo arrastrándola hacia abajo en el Nueva capa ... icon:

Duplicando la capa de fondo en el panel de capas en Photoshop

Duplicando la capa de fondo.

Una copia aparece sobre el original:

La capa de copia de fondo aparece sobre el original en el panel de capas

La nueva capa de «Copia de fondo».

Paso 15: Fusionar el texto y las capas de copia de fondo

Fusione la capa de texto con la capa de «Copia de fondo» haciendo clic en la capa de texto para seleccionarla:

Seleccionando la capa de texto en el panel de Capas

Seleccionando la capa de texto.

Y luego… haciendo clic con el botón derecho del ratón en (Win) / Control – clic (Mac) en la capa y eligiendo Fusionarse From the menu:

Fusionar la capa de texto con la capa de copia de fondo en Photoshop

Eligiendo el comando de fusión hacia abajo.

Esto fusiona ambas capas en una sola capa:

Las capas de texto y de copia de fondo se fusionan ahora en una sola

Las capas de texto y de «copia de fondo» se han fusionado en una sola.

Paso 16: Renombrar la capa fusionada «Llamas»

Haga doble clic en el nombre «Copia de fondo» para resaltarlo, y luego cambie el nombre de la capa «Llamas». Presione Enter (Win) / Returns (Mac) para aceptarlo:

Renombrando la capa fusionada 'Flames' en el panel de capas en Photoshop

Renombrando la capa fusionada «Flames».

Paso 17: Dibujar las llamas con el filtro Liquify

Con la capa de «Llamas» seleccionada, sube a la Filter menu and choose Liquidar:

Seleccionando el filtro Liquify en Photoshop

Ir a Filtrar; Licuar.

Seleccione la herramienta «Forward Warp».

En el cuadro de diálogo del filtro de Liquify, asegúrese de que el Herramienta de avance de la urdimbre está seleccionado en la barra de herramientas de la izquierda:

Seleccionando la herramienta Warp en el filtro Liquify de Photoshop

Seleccionando la Herramienta de Warp Adelante.

Establecer el tamaño del pincel

Luego, en las opciones de la herramienta de pinceles a la derecha, establezca el Size de tu cepillo a los alrededores 100 píxeles:

Ajustando el tamaño del pincel del filtro de Liquify a 100 píxeles

Empezando con un pincel de 100 píxeles.

Deformar las rayas

Lo primero que tenemos que hacer es darle a las rayas que creamos con el filtro de viento más de un wispy …míralos. Haz clic dentro de las rayas en diferentes puntos y arrastra el ratón una corta distancia, ya sea a la izquierda o a la derecha, para deformarlas suavemente y crear curvas sutiles y aleatorias. Simplemente haz clic, arrastra, suelta el botón del ratón y luego vuelve a hacer clic y arrastra en un área diferente. Intenta no hacer clic dentro de las letras por ahora. Sólo deforma y mueve las rayas:

Arrastrando a la izquierda y a la derecha a lo largo de las rayas para deformarlas

Arrastrando a la izquierda y a la derecha a lo largo de las rayas para deformarlas.

Arreglar los errores con la herramienta de reconstrucción

Si comete un error, deshaga su último paso presionando Ctrl+Z (Win) / Command+Z (Mac). O bien, seleccione el Herramienta de reconstrucción de la barra de herramientas y luego pintar sobre el área para deshacer la deformación que se aplicó. Una vez que haya eliminado el error, vuelva a la herramienta de deformación progresiva y continúe deformando las rayas:

Eligiendo la herramienta de reconstrucción en el filtro de líquidos en Photoshop

Puede deshacer la curvatura usando la Herramienta de Reconstrucción.

No te olvides de incluir las rayas en las secciones centrales e inferiores de las letras. Si necesitas ajustar el tamaño del pincel, pulsa el botón llaves de soporte izquierdo y derecho en tu teclado. El paréntesis izquierdo ( [ ) makes the brush smaller and the right bracket ( ] ) lo hace más grande. Cuando termines, deberías terminar con algo similar a lo que tengo aquí:

Las rayas a lo largo del texto después de añadir la urdimbre inicial

Las rayas después de añadir la urdimbre inicial.

Bajar el tamaño del pincel y dibujar pequeñas llamas

De vuelta en las opciones de la herramienta de pincel, baje el Size de tu cepillo a los alrededores 20 píxeles:

Bajando el tamaño del pincel en el filtro Liquify en Photoshop

Bajando el tamaño del pincel.

Esta vez, para crear pequeñas llamas, haga clic dentro de las letras y arrastre hacia arriba en las rayas. Intenta arrastrar en diferentes direcciones para variar, o incluso sigue el camino de las rayas para obtener un mayor efecto:

Dibujando pequeñas llamas a lo largo de la parte superior de las letras en Photoshop

Dibujando pequeñas llamas a lo largo de la parte superior de las letras.

De nuevo, si se equivoca, pulse Ctrl+Z (Win) / Command+Z para deshacer tu último paso. Cuando termines con la parte superior de las letras, haz lo mismo con la parte inferior y la del medio. El resultado debería ser algo como esto:

Se han añadido pequeñas llamas alrededor del texto en Photoshop

El resultado después de dibujar las pequeñas llamas.

Aumentar el tamaño del pincel y atraer llamas más grandes

Aumenta el tamaño de tu cepillo a alrededor de 50 píxeles:

Incrementando el tamaño del pincel de la Herramienta de Warp Avanzada a 50 píxeles en el filtro Liquify

Eligiendo un tamaño de pincel más grande.

Luego haz clic en puntos aleatorios dentro de las letras y arrastra hacia arriba para crear llamas más grandes. De nuevo, arrastra en diferentes direcciones para variar:

Dibujar llamas más grandes en el texto en Photoshop

Dibujando algunas llamas más grandes con el pincel más grande.

Aquí está mi resultado después de añadir las llamas más grandes:

Las llamas más grandes han sido añadidas al texto en Photoshop

Se han añadido las llamas más grandes.

Aumentar el tamaño del pincel y atraer las llamas más grandes

Por último, aumenta el tamaño de tu pincel a alrededor de 70 píxeles:

Aumentar el tamaño del pincel de la herramienta de deformación frontal a 70 píxeles en el filtro Liquify de Photoshop.

Ajustando el tamaño del pincel a 70 píxeles.

Y luego haz clic y arrastra para añadir unas pocas llamas aún más grandes a lo largo de la parte superior. Una por letra debería bastar:

Añadiendo unas pocas llamas más grandes para mejorar el efecto

Añadiendo unas pocas llamas más grandes para mejorar el efecto.

Cuando termines, haz clic en OK para cerrar el filtro Liquify, y aquí está mi resultado:

Llamas dibujadas alrededor del texto con el filtro Liquify de Photoshop

El resultado del filtro de líquidos.

Parte 3: Colorear las llamas

Paso 18: Añadir dos capas de ajuste de Tono/Saturación

Por el momento, nuestras llamas son sólo blancas, así que vamos a añadirles algo de color.

Añade la primera capa de ajuste de Tono/Saturación

En el panel de Capas, haga clic en el Nueva capa de relleno o ajuste At the bottom:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas de Photoshop

Añadiendo una nueva capa de ajuste.

Then choose Hue/Saturation From the list:

Añadiendo una capa de ajuste de Tono/Saturación al efecto de texto de fuego

Eligiendo el tono/saturación.

La capa de ajuste aparece directamente encima de la capa «Llamas»:

La capa de ajuste de Tono/Saturación se añade por encima de la capa de Llamas

Se añade la primera capa de ajuste de Tono/Saturación.

Y los controles y opciones para la capa de ajuste aparecen en el Photoshop Properties panel. Primero, encienda el Colour opción. Luego establezca la opción Hue value to 40 and the Saturation to 100:

La capa de ajuste de Tono/Saturación controla en el panel de Propiedades

Los controles de Tono/Saturación en el panel de Propiedades.

Esto añade un amarillo cálido a la parte superior de las llamas:

Las llamas aparecen amarillas con la primera capa de ajuste de Tono/Saturación

El resultado con la primera capa de ajuste de Tono/Saturación.

Añade una segunda capa de ajuste de Tono/Saturación

Añada una segunda capa de ajuste de Tono/Saturación pulsando de nuevo el botón Nueva capa de relleno o ajuste in the Layers panel:

Añadiendo una segunda capa de ajuste al efecto de texto de fuego

Haciendo clic en el icono de Nueva capa de relleno o de ajuste.

Y la elección Hue/Saturation From the list:

Añadiendo una segunda capa de ajuste de Tono/Saturación al efecto de texto de fuego

Otra vez eligiendo Tono/Saturación.

En el panel de propiedades, esta vez deja el Colour opción sin marcary sólo hay que poner el Hue value to -15:

Ajustando el valor de Tono a -15 en el panel de Propiedades

Ajustando el tono a -15.

Esto cambia el color de las llamas de amarillo a naranja:

Las llamas ahora aparecen de color naranja con la segunda capa de ajuste

El resultado con la segunda capa de ajuste de Tono/Saturación.

Paso 19: Cambiar el modo de mezcla a Superposición

Para mezclar los colores de las dos capas de ajuste de Tono/Saturación juntas, cambia el mixing mode de la segunda de Normal a Superposition:

FILE Crop and modify photos to match frame sizes with Photoshop CC

Cambiando el modo de mezcla de la segunda capa de ajuste de Tono/Saturación a Superposición

Cambiando el modo de mezcla de capas a Superposición.

Esto mezcla el naranja y el amarillo juntos:

Las llamas están ahora coloreadas con amarillo y naranja...

El resultado después de cambiar el modo de mezcla.

Paso 20: Agregar un ajuste de niveles sobre la capa «Llamas»…

Para cambiar las áreas blancas restantes a amarillas, seleccione la capa «Llamas»:

Seleccionando la capa

Seleccionando la capa «Llamas».

Then click on the Nueva capa de relleno o ajuste ... icon:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas

Haciendo clic en el icono de Nueva capa de relleno o de ajuste.

And this time, choose Niveles:

Añadiendo una capa de ajuste de niveles al efecto de las llamas

Añadiendo una capa de ajuste de niveles.

Photoshop añade la capa de ajuste de niveles directamente sobre la capa «Llamas»:

La capa de ajuste de niveles se añade por encima de la capa de llamas

Se añade la capa de ajuste de los niveles.

Paso 21: Bajar el máximo de brillo Nivel de salida

En el panel de propiedades, verás dos valores para el Niveles de salidauno puesto a 0 y el otro a 255. El primer valor controla el nivel de brillo mínimo de las capas que están debajo de la capa de ajuste, y el segundo controla el brillo máximo. Para desvanecer las llamas y el texto de blanco a amarillo, baje el segundo valor de 255 a 185:

Bajando el nivel máximo de salida de brillo a 185

Bajando el nivel de salida de brillo máximo a 185.

Y aquí está el resultado. Las áreas blancas son ahora amarillas, pero los reflejos anaranjados aún permanecen a lo largo de la parte superior de las llamas:

El texto y las llamas ahora aparecen amarillas en lugar de blancas.

El resultado después de bajar el nivel de salida.

Parte 4: Colorear el texto

Ahora que hemos añadido algo de color a las llamas, vamos a colorear el texto en sí. Y lo haremos usando los efectos de capa de Photoshop.

Paso 22: Seleccionar y encender la capa superior

En el panel de Capas, haga clic en la capa superior (la capa «FIRE copy») para seleccionarla, y luego encienda la capa haciendo clic en su icono de visibilidad:

Seleccionando y encendiendo la capa de texto

Seleccionando y encendiendo la capa de texto.

Paso 23: Renombrar la capa

Como esta es nuestra principal capa de texto, haga doble clic en su nombre para resaltarla, y luego renombre la capa como «Texto». Presione Enter (Win) / Returns (Mac) para aceptarlo:

Renombrar la capa superior como

Renombrando la capa superior como «Texto».

Paso 24: Añadir un efecto de capa de superposición de gradiente

Con la capa de «Texto» seleccionada, haga clic en el Layer styles (the "fx" icon) at the bottom of the Layers panel:

Clicking the Layer Styles icon in the Layers panel

Clicking on the Layer Styles icon.

Y luego elige Gradient overlap From the list:

Añadir un efecto de capa de superposición de gradiente al texto

Añadiendo un efecto de capa de superposición de gradiente.

El restablecimiento de los valores predeterminados del gradiente

Esto abre el cuadro de diálogo Estilo de Capa de Photoshop establecido en las opciones de superposición de gradiente. Primero, haga clic en el botón Reset to default para asegurarse de que estamos empezando con la configuración predeterminada:

Restablecer el estilo de capa de superposición de gradiente a su configuración predeterminada

Reajustar la superposición de gradiente a su configuración predeterminada.

Editar el gradiente

Para editar el gradiente, haga clic en el color sample:

Al hacer clic en la muestra de color de gradiente en las opciones de superposición de gradiente

Clicking on the color swatch.

In the gradient editor, double-click the color stop below the left al final del gradiente:

Editar el color del gradiente a la izquierda

Editando el color de la izquierda.

Entonces, en el Selector de Colores, elige un rojo oscuro estableciendo el Tono (H) value to 7the Saturación (S) value to 100 and the Brillo (B) value to 27. Haz clic en OK para cerrar el Selector de color:

Ajustando el color del gradiente izquierdo a rojo oscuro

Ajustando el color del gradiente izquierdo a rojo oscuro.

De vuelta en el Editor de Gradientes, haga doble clic en el color stop below the To the right al final del gradiente:

Haciendo doble clic en la parada de color correcta para el gradiente

Editar el color correcto.

Y en el Selector de Colores, elige un naranja más brillante estableciendo el Hue to 30the Saturation to 95 and the Brightness to 96:

Ajustar el color de gradiente correcto a naranja

Ajustando el color de gradiente correcto a naranja.

Haz clic en Aceptar para cerrar el Selector de colores y luego en Aceptar para cerrar el Editor de degradados, pero deja abierto el cuadro de diálogo Estilo de capa. El texto ahora está coloreado con el gradiente:

El texto ha sido coloreado con el gradiente

El resultado después de añadir la superposición de gradiente al texto.

Paso 25: Añadir un estilo de capa de brillo exterior

En el cuadro de diálogo Estilo de capa, elija Exterior brightness de la lista de efectos a lo largo de la izquierda:

Añadiendo un efecto de capa de brillo exterior en el cuadro de diálogo de estilo de capa de Photoshop

Añadiendo un efecto de capa de brillo exterior.

Luego, en las opciones de Resplandor Exterior, haga clic en el color sample para cambiar el color del brillo:

Cambiar el color del efecto de la capa de brillo exterior en Photoshop

Haciendo clic en la muestra de color de Outer Glow.

Y en el Selector de Colores, elige un rojo brillante. Pondré mi Hue value to the Saturation to 95and the Brightness también a 95. Then click OK to close the Color Picker:

Poner el color de Outer Glow en rojo brillante en Photoshop

Eligiendo un rojo brillante para el Resplandor Exterior.

En las opciones de Brillo exterior, ajuste la Opacidad para controlar el brillo del resplandor, y el Tamaño para controlar la distancia que el resplandor se extiende hacia afuera del texto. Ajustaré mi Opacity to 60% and the Size to 40 píxeles:

Estableciendo la opacidad y el tamaño del efecto de la capa Outer Glow en Photoshop

Ajustando la opacidad y el tamaño del Resplandor Exterior.

Aquí está el efecto con el brillo rojo aplicado alrededor de las letras:

El efecto de texto de fuego con el efecto de capa de Outer Glow aplicado

El resultado con el brillo exterior aplicado.

Paso 26: Añadir un brillo interior

Aún en el cuadro de diálogo de Estilo de Capa, seleccione Inner glare a la izquierda:

Añadiendo un efecto de capa de brillo interno al texto

Adding an inner shine layer effect.

En las opciones de Resplandor Interno, haga clic en el color sample:

Cambiar el color del efecto de la capa de brillo interior

Cambiando el color del brillo interior.

Y en el Selector de Colores, elige un naranja brillante. Pondré el Hue to 20the Saturation to 100 and the Brightness to 90. Haz clic en OK cuando termines de cerrar el Selector de color:

Poner el color del brillo interior a naranja en el Selector de Color

Choosing orange for the Inner Glow.

Y finalmente, de vuelta a las opciones de Inner Glow, aumentar el Opacity todo el camino hasta 100%y luego establecer el Size to around 24 píxeles:

Estableciendo la opacidad y el tamaño del efecto de la capa de brillo interior

Estableciendo la opacidad y el tamaño del Resplandor Interior.

Ya hemos terminado con nuestros estilos de capa, así que haz clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Aquí está el resultado con los tres efectos de capa aplicados al texto:

El resultado con los efectos de las tres capas aplicadas.

El resultado con los efectos de las tres capas aplicadas.

Parte 5: Mezclar el texto con las llamas

Por el momento, el texto parece que está sentado frente a las llamas. Mezclaremos el texto in las llamas usando una máscara de capa.

Paso 27: Añadir una máscara de capa a la capa de texto

Con la capa de «Texto» aún activa, haga clic en el Add layer mask at the bottom of the Layers panel:

Añadiendo una máscara de capa a la capa de texto en Photoshop

Añadiendo una máscara de capa a la capa de «Texto».

Un blanco thumbnail layer mask aparece junto a la miniatura de la vista previa de la capa de «Texto»:

El panel de capas que muestra la miniatura de la máscara de la capa de texto

La máscara de capa de la miniatura.

Paso 28: Seleccionar la herramienta de pinceles

Agarra el Brush tool on the toolbar:

Seleccionando la herramienta de pinceles de la barra de herramientas de Photoshop

Selecting the brush tool.

Paso 29: Poner el color de tu pincel en negro

Necesitamos pintar la máscara de la capa con negro, así que asegúrate de que tu El color del primer plano (el color del pincel) se establece en negro:

Poner el color del pincel en negro

Ponga el color de su pincel en negro.

Paso 30: Pintar a lo largo de los bordes de las letras para mezclarse con las llamas

Haga clic con el botón derecho del ratón en (Win) / Control-click (Mac) dentro del documento para sacar a relucir las opciones del pincel. Luego bajar el Dureza to 0% así que estás pintando con un pincel suave, y fijas el Size a entre 30-40 px. Presione Enter (Win) / Returns (Mac) para cerrar las opciones del pincel:

Ajustar las opciones de los cepillos

Establezca el tamaño y la dureza del cepillo.

FILE Efecto cometa con Photoshop

Entonces, comienza pintando a lo largo de la parte superior de las letras. Los bordes afilados del texto desaparecerán entre las llamas. Intente pintar con una línea más ondulada que recta:

Mezclando la parte superior de la primera letra en las llamas

Pintando a lo largo de la parte superior de la primera letra para mezclar el borde con las llamas.

Si comete un error, presione Ctrl+Z (Win) / Command+Z para deshacerlo. Luego continúa pintando hasta que la parte superior de cada letra parezca que se derrite en el fuego:

El resultado después de mezclar la parte superior de las letras en las llamas

El resultado después de mezclar la parte superior de las letras.

Cuando termines con las tapas, haz lo mismo con los bordes medio e inferior de las letras, pintando a lo largo de ellas para mezclarlas con las llamas. Utiliza el llaves de soporte izquierdo y derecho en tu teclado si necesitas ajustar el tamaño del pincel:

Mezclando los bordes restantes de las letras en las llamas

Pinta a lo largo de los otros bordes para mezclarlos con las llamas también.

Para añadir el efecto, use un pincel más grande (presione la tecla del corchete derecho unas cuantas veces) y pinte a lo largo de otros bordes de las letras para añadir un brillo a esas áreas. Mantén la mayor parte del cursor del pincel fuera de la letra para que sólo el borde exterior pase sobre ella:

Pintar a lo largo de partes aleatorias de los bordes de las letras para añadir un brillo

Pintando a lo largo de partes aleatorias de los bordes para añadir un brillo.

Aquí está mi resultado después de pintar a lo largo de los bordes. Ya casi hemos terminado:

El efecto después de mezclar el texto en las llamas en Photoshop

El efecto después de mezclar el texto en las llamas.

Parte 6: Añadir textura al efecto

Añadamos algo de textura, tanto al texto en sí como a las llamas.

Paso 31: Añadir una nueva capa

Con la capa de «Texto» aún activa, haga clic en el Nueva capa at the bottom of the Layers panel:

Haciendo clic en el icono de Nueva Capa en el panel de Capas en Photoshop

Añadiendo una nueva capa.

Una nueva capa en blanco aparece sobre la capa «Texto». Vamos a crear una textura usando el filtro de Nubes de Photoshop, así que haga doble clic en el nombre de la capa para resaltarla, y luego renombrela como «Nubes». Presiona Enter (Win) / Returns (Mac) para aceptarlo:

La nueva capa de textura sobre el texto en Photoshop

Renombrar la nueva capa «Nubes».

Paso 32: Aplicar el filtro de Nubes

En la barra de herramientas, asegúrese de que su Colores de primer y segundo plano se establecen en sus valores por defecto (blanco y negro). Si no lo están, presione D en tu teclado para resetearlos:

Los colores predeterminados de Photoshop para el primer y segundo plano...

Los colores predeterminados de primer y segundo plano.

Entonces sube al Filter menu, choose Renderizaciónand then choose Nubes:

Aplicando el filtro de Nubes a la capa en Photoshop

Pasando a Filtro; Renderización; Nubes.

El Photoshop llena la capa con «nubes» aleatorias en blanco y negro, bloqueando temporalmente el texto de la vista:

El documento después de ejecutar el filtro de Nubes de Photoshop

El documento después de ejecutar el filtro de Nubes.

Para mezclar la textura de las nubes con el texto y las llamas, cambia el mixing mode de la capa de «Nubes» de Normal a Superposition. Luego ajusta la intensidad de la textura bajando la capa opacity to around 70%:

Mezclando el patrón de las nubes en el texto y las llamas

Mezclando la textura de la nube con el texto.

Y aquí está el resultado con la textura añadida. Es mayormente visible en el texto, pero también puedes ver sutiles resaltes y sombras en las llamas:

El efecto de texto de fuego después de mezclarse en la textura de la nube

El efecto con la textura de la nube se mezcló.

Paso 33: Añadir otra nueva capa

Añadiremos una textura más, esta vez para realzar las llamas. Haga clic de nuevo en el Nueva capa at the bottom of the Layers panel:

Haciendo clic en el icono de Nueva Capa en el panel de Capas en Photoshop

Añadiendo otra nueva capa.

La nueva capa aparece sobre la capa de «Nubes». Crearemos esta segunda textura usando el filtro de Fibras de Photoshop, así que renombre esta capa como «Fibras»:

La nueva capa de Fibras se utilizará para añadir textura a las llamas

La capa de «Fibras» se usará para añadir textura a las llamas.

Paso 34: Aplicar el filtro de Fibras

Asegúrate de que los colores de primer y segundo plano siguen siendo blanco y negro:

Los colores predeterminados de Photoshop para el primer y segundo plano...

Los filtros de Nubes y Fibras utilizan los colores de primer y segundo plano.

Entonces sube al Filter menu, choose Renderizaciónand then choose Fibras:

Seleccionando el filtro de Fibras de Photoshop

Pasando a Filtro; Renderizado; Fibras.

En el cuadro de diálogo Fibras, acepta la configuración predeterminada y haz clic en Aceptar:

Filtro de fibras de Photoshop

La configuración predeterminada de Fibras funcionará.

Photoshop llena la capa con un patrón de fibra aleatorio, bloqueando de nuevo el efecto de texto de la vista:

La textura creada con el filtro Fibras en Photoshop

La textura creada con el filtro de Fibras.

Paso 35: Desenfocar la textura con el Desenfoque Gaussiano

Suavizar la textura subiendo hasta el Filter menú, eligiendo Blury luego eligiendo Borrón Gaussiano:

Seleccionando el filtro de Gaussian Blur en Photoshop

Pasando a Filtro; Borrón; Borrón Gaussiano.

En el cuadro de diálogo de la Desenfoque Gaussiano, establece el Radio value to 2 píxeles, and then click OK:

Aplicando un pequeño borrón a las fibras

Aplicando un pequeño borrón a las fibras.

Paso 36: Cambiar el modo de mezcla a Luz Suave

Luego, para mezclar las fibras con las llamas, cambiar el mixing mode de la capa de «Fibras» para Luz suave:

Mezclando la textura de las fibras en las llamas cambiando su modo de mezcla a Luz Suave

Cambiando el modo de mezcla de la capa de «Fibras» a Luz Suave.

El problema es que esto mezcla la textura no sólo con las llamas sino también con el texto, que no se ve bien:

El resultado después de cambiar el modo de mezcla de la textura de las Fibras

El resultado después de cambiar el modo de mezcla de la textura «Fibras».

Paso 37: Añadir una máscara de capa de relleno negro

Para arreglarlo, mantenga presionado su Alt (Win) / Option (Mac) and click on the Add layer mask in the Layers panel:

Manteniendo pulsado Alt (Win) / Option (Mac) mientras se pulsa el icono de Añadir Máscara de Capa en el panel de Capas

Mantenga pulsada la tecla Alt (Win) / Option (Mac) y añada una máscara de capa.

Esto añade una máscara de capa a la capa de «Fibras» y llena la máscara con negroque oculta toda la textura de la vista:

La nueva máscara de capa está llena de negro

La tecla Alt (Win) / Option (Mac) llenó la máscara con negro en lugar de blanco.

Paso 38: Pintar de nuevo la textura en las llamas

Cambie su color del pincel de negro a white presionando el X en su teclado para intercambiar los colores de primer y segundo plano:

Cambiar el color del pincel de negro a blanco en Photoshop

Presiona X para poner el color de tu pincel en blanco.

Luego usa las teclas de corchete izquierdo o derecho del teclado para cambiar el tamaño del pincel según sea necesario, y pinta sobre las llamas para devolver la textura de las fibras:

Pintar la textura en las llamas

Pintar sobre las llamas para restaurar la textura.

Si cometes un error y accidentalmente pintas en el texto, presiona X para cambiar el color de tu pincel de blanco a negro y luego pintar el error para ocultarlo. Luego presiona X de nuevo para cambiar el color del pincel de nuevo a white y continuar pintando sobre las llamas. Y aquí, después de pintar de nuevo la textura, es mi resultado final de «texto de fuego»:

Cómo crear un efecto de texto de fuego en Photoshop

The final effect.

¡Y ahí lo tenemos! ¡Así es como se prende fuego al texto con Photoshop! También puedes aprender a convertir texto en oro, a crear texto retro de los 80, a crear un delicioso texto de bastón de caramelo, y más en nuestra sección de efectos de texto de Photoshop!

¡Sea el primero en enterarse cuando se añadan nuevos tutoriales!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon