1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

¿Cómo Crear un Efecto de Texto Fundido en Adobe Photoshop?

Scroll to top

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Este tutorial te mostrara una manera fácil y rápida de crear un efecto de texto vivo, brillante y feroz usando un parte de estilos de capa y una textura.

Este efecto de texto fue inspirado por los muchos estilos de capa disponibles en Envato Market.

¡Comencemos!

Elementos del Tutorial

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

1. Crea un Degradado de Fondo

Paso 1

Crea un nuevo documento de 980 x 980 px y duplica la capa de Fondo.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Paso 2

Da doble click en la capa copia de Fondo para aplicar un efecto de Superposición de Degradado usando la siguiente configuración:

  • Marca la casilla de Tramado.
  • Estilo: Radial
  • Da click en el recuadro de Degradado para crear el relleno de degradado usando los colores #3b1a0b a la izquierda y #170b03 a la derecha.
Gradient OverlayGradient OverlayGradient Overlay

Esto creará el fondo de degradado.

Gradient BackgroundGradient BackgroundGradient Background

2. Crea las Capas de Texto

Paso 1

Crea un texto en Mayúsculas usando la fuente Chivo Black. El Tamaño es 200 pt, el valor de Tracking es 25, y el Color es #cb2141.

Create the TextCreate the TextCreate the Text

Paso 2

Duplica la capa de texto y cambia el valor del Relleno de la copia a 0.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Dale Estilo Original a la Capa de Texto

Da doble-click la capa de texto original para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y Relieve con esta configuración:

  • Tamaño: 13
  • Desmarca la casilla de Usar Luz Global
  • Ángulo: 162
  • Altitud: 42
  • Contorno de Resplandor: Desnivel - Profundo
  • Marca la casilla de Suavizado
  • Modo de Resaltado: Luz Intensa
  • Color: #c0bcac
  • Modo de Sombra - Color: #474747
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añadir Contorno con esta configuración:

  • Contorno: Semi-Redondo
  • Marca la casilla de Suavizado
ContourContourContour

Paso 3

Añadir Textura con esta configuración:

  • Motivo: Darth Stripe
TextureTextureTexture

Paso 4

Añadir Sombra Interior con esta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Color: #745a32
  • Distancia: 0
  • Tamaño: 10
Inner ShadowInner ShadowInner Shadow

Paso 5

Añadir Resplandor Interior con esta configuración:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Color: Escoge el relleno de degradado de abajo
  • Técnica: Precisión
  • Origen: Centro
  • Tamaño: 250
Inner GlowInner GlowInner Glow

Paso 6

Añade un efecto de Satin con esta configuración:

  • Modo de Fusión: Luz Intensa
  • Color: #fffdf7
  • Opacidad: 75%
  • Ángulo: 7
  • Distancia: 29
  • Tamaño: 35
  • Contorno: Cono
  • Marca la casilla de Suavizado
SatinSatinSatin

Paso 7

Añade un Resplandor Exterior con esta configuración:

  • Color: #b73f1b
  • Tamaño: 7
Outer GlowOuter GlowOuter Glow

Paso 8

Añade Sombra Paralela con esta configuración:

  • Color: #292525
  • Opacidad: 100%
  • Distancia: 7
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Esto le dará estila a la capa de text original.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

4. Darle Estilo a la Capa Texto Copia

Da doble click a la capa de texto copia para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y Relieve con esta configuración:

  • Tamaño: 20
  • Desmarca la casilla de Usar Luz Global
  • Ángulo: 150
  • Altitud: 35
  • Contorno de Resplandor: Cono - Invertido
  • Marca la casilla de Suavizado
  • Modo de Resaltado: Sobreexposición Lineal (Añadir)
  • Color: #c0bcac
  • Opacidad: 60%
  • Modo de Sombra: Luz Lineal
  • Color: #b09b86
  • Opacidad: 75%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añadir un Contorno con esta configuración:

  • Contorno: Cono
  • Marca la casilla de Suavizado
  • Rango: 100%
ContourContourContour

Paso 3

Añadir una Textura con esta configuración:

  • Motivo: Brushed Alum Dark
TextureTextureTexture

Esto le dará estilo a la copia de la capa de texto.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

5. Añadir Fondo de Bokeh

Paso 1

Pon la imagen de Shining Bright Bokeh debajo de las ambas capas de texto, cámbiales tamaño cuanto lo necesiten, y cambia el Modo de Fusión de la capa a Sobreexposición de Color.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Paso 2

Dependiendo de en el texto y en el tamaño de la textura de bokeh, puedes tener algunas áreas sobrantes y restantes.

Así que presiona Comando-Click a la miniatura de la capa de textura para crear una selección, y luego ve a Edición > Copiar Combinado.

Luego de eso, ve a Archivo > Nuevo para crear un nuevo documento con las dimensiones de la parte copiada, y ve a Edición > Pegar para obtener la imagen final.

Copy and Paste the Final ResultCopy and Paste the Final ResultCopy and Paste the Final Result

¡Felicidades! ¡Lo Hiciste!

En este tutorial creamos un simple fondo de degradado, luego le dimos estilo a dos capas de textura con efectos de capa diferentes y finalmente usé una textura de bokeh para crear un efecto de texto de resplandor feroz, fácil y rápido.

Siéntete libre de dejar tus comentarios, sugerencias y resultados debajo.

Final ResultFinal ResultFinal Result