Cómo crear una acción de efecto de texto de llama de neón en Adobe Photoshop

Lo que vas a crear

En este tutorial, te mostraré cómo crear dos estilos de Photoshop que juntos crean un efecto de texto de llama de neón muy genial. Además, aprenderá cómo usar estos estilos con una acción, lo que hace que el proceso de aplicación y personalización sea muy fácil..

El efecto de texto que aprenderá hoy es parte de Super Bundle Styles 3. Este paquete le ofrece 79 estilos de Photoshop por un pequeño precio. Algunos de ellos tienen dos capas, lo que significa que puedes combinarlos entre sí para crear nuevos efectos de texto geniales..

Estilos Super Bundle 3

Activos Tutoriales

Los siguientes recursos fueron utilizados durante este tutorial:

  • Mascarilla De La Fuente
  • Imagen de fondo (dentro del archivo zip adjunto a este tutorial)

1. Cómo crear la textura

Paso 1

Crear un nuevo 800 x 800 px 72 Dpi documento y nombre Ignis-Textura.


Paso 2

prensa re para restablecer los colores de primer plano y fondo, y luego vaya a Filtro> Render> Nubes.


Paso 3

Ahora botón derecho del ratón sobre el Fondo capa y elegir Convertir a objeto inteligente. Luego ve a Filtro> Galería de filtros y aplicar un Envoltura de plástico Filtrar con estos ajustes:

  • Resaltar Resistencia: 20
  • Detalle: 1
  • Suavidad: 5

Etapa 4

Ahora hagamos que se vea como una textura perfecta, reflejando los bordes del documento.

Elige el Herramienta de marquesina rectangular (M) y seleccione el mitad superior de la imagen, y luego presione Control-C y Control-V para crear una nueva capa con el área seleccionada. Después de eso, renombra la nueva capa a Primera mitad.

Paso 5

prensa Control-T Activar Transformación libre. Entonces botón derecho del ratón en el área seleccionada y elija Voltear vertical. Después de eso, pulse Entrar para liberar el Transformación libre.

Paso 6

prensa Control-A para seleccionar todo el documento y luego Mover herramienta (V) y alinear el Primera mitad capa al borde inferior del documento.

Paso 7

Ve a la Capas panel y haga clic en el Añadir máscara de capa icono. Entonces elige el Herramienta de gradiente (G) con el Primer plano a transparente gradiente. Después de eso, haga clic y arrastre desde el centro del documento hasta la parte inferior. La flecha en la siguiente imagen representa dónde comenzar y dónde terminar el degradado.

Tenga en cuenta que el degradado se creará en la máscara de capa de la Primera mitad capa, ocultando la parte superior de la misma.

Paso 8

Selecciona todas las capas de la Capas panel y botón derecho del ratón en uno de ellos, y luego seleccione Convertir a objeto inteligente fusionarlos en uno.

Paso 9

Ahora escoge el Herramienta de marquesina rectangular (M) de nuevo y seleccione el mitad izquierda del documento. Entonces presione Control-C y Control-V para crear una nueva capa. Después de eso, renombra la nueva capa a Segunda mitad.

Paso 10

Repetir Paso 5, Paso 6yPaso 7, pero elige Flip horizontal y Alinear los bordes derechos respectivamente. Luego crea el gradiente Del centro al lado derecho., al igual que la flecha en la imagen de abajo.


Paso 11

Ir Ventana> Ajustes para abrir el Ajustes panel. Luego haga clic en el Mapa de gradiente icono para crear un nuevo Mapa de gradiente capa.

Paso 12

Ir Ventana> Propiedades para abrir el Propiedades panel. Entonces haga doble clic en la barra de degradado para editarlo. Vamos a añadir Tres Paradas a la barra de gradiente (simplemente haga clic debajo de la barra de degradado y la Detener se creará).

  • Primer color de parada: # 080000 Ubicación: 36%
  • Segundo color de parada: # b70000 Ubicación: 89%
  • Color de la tercera parada: # ff7171 Ubicación: 100%

Paso 13

Selecciona el Segunda mitad capa en la Capas panel e ir a Edita> Define Patrón, nombralo Ignis-Textura, y haga clic DE ACUERDO. Después de eso, guarda y cierra el documento..

2. Cómo crear los estilos

Paso 1

Abra la imagen de fondo que descargó de los recursos (ignis_Bg.png).

Paso 2

Ahora escoge el Herramienta de tipo horizontal (T) y seleccione el Mascarada fuente. A continuación, establezca el tamaño de fuente a 300 pt y escribe IGNIS.

Paso 3

Ir Capa> Estilo de capa> Opciones de fusión para abrir el Estilo de capa panel. Luego agrega un Superposición de color con estos ajustes:

  • Modo de mezcla: Normal
  • Color: # ed551f
  • Opacidad: 100%

Etapa 4

Ahora agregue un Brillo externo con estos ajustes:

  • Modo de mezcla: Normal
  • Opacidad: 100%
  • Ruido: 0%
  • Color: # 930000
  • Técnica: Más suave
  • Untado: 0%
  • Tamaño: 10 px
  • Contorno: Lineal
  • Anti-aliased: Apagado
  • Distancia: 50%
  • Estar nervioso: 0%

Paso 5

Agrega un Sombra paralela con estos ajustes:

  • Modo de mezcla: Normal
  • Color: # 1a0d00
  • Opacidad: 100%
  • Use Global Light: Apagado
  • Ángulo: 146 °
  • Distancia: 2 px
  • Untado: 100%
  • Tamaño: 5 px
  • Contorno: Lineal
  • Anti-aliased: Apagado
  • Ruido: 0%
  • Layer Knocks Out Drop Shadow: En

Paso 6

Agrega un Satín efecto con estos ajustes:

  • Modo de mezcla: Fondo lineal
  • Color: # 000000
  • Opacidad: 37%
  • Ángulo: 19 °
  • Distancia: 24 px
  • Tamaño: 32 px
  • Contorno: Gaussiano
  • Anti-aliased: Apagado
  • Invertir: En

Paso 7

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Esquiva lineal (Añadir)
  • Opacidad: 75%
  • Ruido: 0%
  • Color: # ea5a47
  • Técnica: Más suave
  • Fuente: Borde
  • Ahogo: 7%
  • Tamaño: 20 px
  • Anti-aliased: En
  • Distancia: 50%
  • Estar nervioso: 0%

Luego haga clic en el Contorno cuadro para editarlo con estos ajustes (Haga clic en el cuadro Mapa para crear nuevos puntos.).

  • Primer punto de entrada: 0% Salida: 5% Esquina: Apagado
  • Segundo punto de entrada: 48% Salida: 7% Esquina: Apagado
  • Entrada del tercer punto: 52% Salida: 80% Esquina: Apagado
  • Cuarto punto de entrada: 79% Salida: 50% Esquina: Apagado
  • Entrada de quinto punto: 99% Salida: 7% Esquina: Apagado

Después de eso, haga clic en Nuevo… para guardar el preset, nombralo Ignis Contour 1, y haga clic DE ACUERDO.

Paso 8

Agrega un Carrera con estos ajustes:

  • Tamaño: 2 px
  • Posición: Fuera de
  • Modo de mezcla: Normal
  • Opacidad: 100%
  • Sobrecarga: Apagado
  • Tipo de relleno: Gradiente
  • Marcha atrás: Apagado
  • Alinear con la capa: En
  • Estilo: Lineal
  • Ángulo: 90 °
  • Vacilar: Apagado
  • Escala: 100%

Luego haga clic en la barra de degradado para editarla con estos ajustes:

  • Primer color de parada: # c62500 Posición: 0%
  • Color de la segunda parada: # 750000 Posición: 38%
  • Color de la tercera parada: # c62500 Posición: 100%

Paso 9

Ahora agregue un Bisel y Relieve con estos ajustes:

  • Estilo: Bisel interno
  • Técnica: Suave
  • Profundidad: 83%
  • Dirección: Arriba
  • Tamaño: 32 px
  • Ablandar: 0 px
  • Use Global Light: Apagado
  • Ángulo: 107 °
  • Altitud: 37 °
  • Anti-aliased: Apagado
  • Modo de resaltado: Esquiva lineal (Añadir)
  • Color de resaltado: # e6832b
  • Resalte la opacidad: 100%
  • Modo sombra: Multiplicar
  • Color de Sombra: # 000000
  • Opacidad de las Sombras: 13%

Luego haga clic en el Contorno brillante cuadro para editarlo con estos ajustes:

  • Primer punto de entrada: 0% Salida: 47% Esquina: Apagado
  • Segundo punto de entrada: 20% Salida: 90% Esquina: En
  • Entrada del tercer punto: 47% Salida: 18% Esquina: Apagado
  • Cuarto punto de entrada: 88% Salida: 74% Esquina: Apagado
  • Entrada de quinto punto: 100% Salida: 100% Esquina: Apagado

Paso 10

Ahora haga clic en el Nuevo estilo botón y guardarlo como Ignis-A. Después de eso, haga clic en DE ACUERDO en el Estilo de capa ventana para cerrarla.

Paso 11

prensa Control-J para duplicar la capa, y luego cambiarle el nombre a IGNIS B y cambiar su Opacidad de relleno al 0%. Después de esto, botón derecho del ratón en él y elegir Estilo de capa clara.

Paso 12

Ahora ve a Capa> Estilo de capa> Opciones de fusión para abrir el Estilo de capa panel de nuevo. Luego agrega un Satín estilo con estos ajustes:

  • Modo de mezcla: De combustión lineal
  • Color: # 000000
  • Opacidad: 37%
  • Ángulo: 19 °
  • Distancia: 24 px
  • Tamaño: 32 px
  • Contorno: Gaussiano
  • Anti-aliased: Apagado
  • Invertir: En

Paso 13

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Esquiva lineal (Añadir)
  • Opacidad: 41%
  • Ruido: 0%
  • Color: # af473a
  • Técnica: Más suave
  • Fuente: Borde
  • Ahogo: 7%
  • Tamaño: 20 px
  • Contorno: Ignis Contour 1
  • Anti-aliased: En
  • Distancia: 50%
  • Estar nervioso: 0%

Paso 14

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Normal
  • Opacidad: 22%
  • Ruido: 0%
  • Color: # ff0000
  • Técnica: Más suave
  • Untado: 6%
  • Tamaño: 48 px
  • Contorno: Lineal
  • Anti-aliased: Apagado
  • Distancia: 50%
  • Estar nervioso: 0%

Paso 15

Ahora agregue un Gradiente de superposición con estos ajustes:

  • Modo de mezcla: Luz tenue
  • Vacilar: Apagado
  • Opacidad: 48%
  • Estilo: Lineal
  • Alinear con la capa: En
  • Ángulo: 90 °
  • Escala: 100%

Luego haga clic en la barra de degradado y edítelo con estos ajustes:

  • Primer color de parada: # 85683a Posición: 0%
  • Color de la segunda parada: # b99e70 Posición: 12%
  • Color de la tercera parada: # fff1da Posición: 20%
  • Cuarto color de parada: # 675028 Posición: 29%
  • Color de quinta parada: # fff1da Posición: 48%
  • Color de la sexta parada: # 675028 Posición: 64%
  • Séptimo color de parada: # fff1da Posición: 75%
  • Octavo color de parada: # 675028 Posición: 86%
  • Noveno color de parada: # fff1da Posición: 93%
  • Décimo color de parada: # a7873a Posición: 100%

Paso 16

Agrega un Patrón de superposición con estos ajustes:

  • Modo de mezcla: Pantalla
  • Opacidad: 100%
  • Modelo: Ignis-Textura
  • Escala: 100%
  • Enlace con Layer: En

Puede hacer clic y arrastrar la textura en el texto para posicionar mejor el patrón..

Paso 17

Agrega un Bisel y Relieve con estos ajustes:

  • Estilo: Bisel interno
  • Técnica: Suave
  • Profundidad: 93%
  • Dirección: Arriba
  • Tamaño: 32 px
  • Ablandar: 0 px
  • Use Global Light: Apagado
  • Ángulo: 45 °
  • Altitud: 58 °
  • Modo de resaltado: Esquiva lineal (Añadir)
  • Color de resaltado: # e6832b
  • Resalte la opacidad: 100%
  • Modo sombra: Multiplicar
  • Color de Sombra: # 000000
  • Opacidad de las Sombras: 13%

Luego haga clic en el Contorno brillante cuadro y editarlo con estos ajustes:

  • Primer punto de entrada: 6% Salida: 2% Esquina: Apagado
  • Segundo punto de entrada: 13% Salida: 51% Esquina: Apagado
  • Entrada del tercer punto: 38% Salida: 96% Esquina: Apagado
  • Cuarto punto de entrada: 100% Salida: 20% Esquina: Apagado

Paso 18

Ahora haga clic en el Nuevo estilo botón y guardarlo como Ignis-B. Luego, haga clic en DE ACUERDO sobre el Estilo de capa Ventana para cerrarla. Después de eso, borre el IGNIS B capa y borrar el estilo de la IGNIS capaclic derecho> Borrar estilo de capa).


3. Cómo crear la acción

Paso 1

Cambia el tamaño de la capa de texto a 299 puntos y mantener esta capa seleccionada en el Capas panel. Luego ve a Ventana> Acciones para abrir el Comportamiento panel

Paso 2

En el Comportamiento panel, haga clic en el Crear nuevo conjunto icono y nombre Efecto de texto de llama de neón. Luego, haga clic en el Crear nueva acción icono y nombre Llama de neón 300 pt. Comenzará la grabación de la acción..

Paso 3

Cambia el nombre de la capa de texto a Llama de neón A. Después de eso, cambia el tamaño del texto de nuevo a 300 pt. Entonces, ve a la Estilos panelVentana> Estilos) y haga clic en Ignis-A estilo para aplicarlo.

Etapa 4

prensa Control-J para duplicar la capa de texto, y luego cambiar el nombre de la copia a Llama de neón B. Después de eso, ve a la Estilos panel de nuevo y haga clic en el Ignis-B estilo para aplicarlo.

Paso 5

Ahora selecciona ambos Llama de neón A y Llama de neón B capas en el Capas panel y botón derecho del ratón en uno de ellos, y luego elegir Convertir a objeto inteligente para unirlos en una sola capa.


Paso 6

Ir Ventana> Ajustes y haga clic en el Crear un nuevo mapa de degradado icono. Entonces botón derecho del ratón sobre el Mapa de gradiente capa y elegir Crear máscara de recorte para limitar el efecto a la capa justo debajo.

Paso 7

Ahora haga doble clic en la miniatura de la Mapa de gradiente capa para abrir el Propiedades panel. Luego haga clic en el Barra de degradado y edítalo con estos ajustes:

  • Primer color de parada: # 110600 Posición: 2%
  • Color de la segunda parada: # d31e00 Posición: 28%
  • Color de la tercera parada: # fffd5c Posición: 100%

Paso 8

Renombrar Llama de neón B capa a Llama de neón. Entonces, ve a la Comportamiento panel y haga clic en el Para de grabar icono.

Aquí está cómo se ve:

4. Cómo cambiar los colores

Tienes que editar el Mapa de gradiente capa para cambiar los colores. 

El primero Detener el color es para oscuridad, el segundo es para tonos medios, y el tercero es para reflejos

Puede cambiar la ubicación de ellos para que el efecto se vea más oscuro o más brillante. Además, puede agregar nuevos Paradas Para añadir nuevos colores entre los ya existentes. Es muy fácil de editar..

Aquí hay unos ejemplos:

Felicidades, estas hecho!

En este tutorial, aprendió a crear una textura utilizando tres filtros simples de Photoshop. Luego lo hicimos sin problemas reflejando sus bordes. Después de eso, creamos dos estilos de capas utilizando la textura que creamos anteriormente. Luego grabamos una acción para hacer todo el proceso automático. Y finalmente, aprendiste a personalizar los colores del resultado final..

Espero que hayas aprendido algo útil con este tutorial. Siéntase libre de dejar sus comentarios y resultados a continuación.

Estilos Super Bundle 3

También te puede interesar:

  • Cómo crear un efecto de texto de tela de camuflaje en Adobe Photoshop

    En este tutorial te mostraré cómo crear un efecto de texto de tela de camuflaje en Adobe Photoshop usando tres texturas y dos estilos de capas.
    Anderson Luiz
    Efectos de texto
  • Cómo crear un efecto de texto de acción de piel en Adobe Photoshop

    En este tutorial te mostraré cómo crear una acción de pelaje en Adobe Photoshop usando un patrón, un pincel, un estilo de capa y un mapa de degradado. Al final de ...
    Anderson Luiz
    Acciones de Photoshop
  • Cómo hacer que los efectos de texto frescos de Photoshop sean rápidos con acciones

    Aprende cómo crear efectos de texto de Photoshop en este tutorial para principiantes. Se le mostrará cómo crear una acción de Photoshop para su efecto de texto y más.
    Anderson Luiz
    Efectos de texto