1. Design & Illustration
  2. Text Effects

Cómo crear 10 diferentes y útiles efectos de texto con estilos de capa en Adobe Photoshop

by
Read Time:26 minsLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
10 Styles That Have Changed the Face of Icon Design
How to Create 10 Mini Pug Illustrations in Adobe Illustrator

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

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

Los Estilos de capas son una de las poderosas herramientas de Photoshop. Sus muchos ajustes y opciones diferentes pueden ayudarte a crear un sinfín de efectos de forma fácil y rápida. Este tutorial te mostrará cómo utilizar un montón de estilos de capas, con algunos útiles consejos y trucos, para crear diez efectos de texto comunes y útiles. ¡Empecemos!

Este efecto de texto está inspirado en los muchos Estilos de capas disponibles en GraphicRiver.

Recursos del tutorial

Para completar este tutorial, necesitarás los siguientes recursos:

Fuentes

Motivos y texturas

Para usar las imágenes como motivos, abre cada una de ellas en Photoshop, ve a Edición > Definir motivo, y haz clic en OK.

1. Cómo crear un efecto de texto de vidrio

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno degradado usando los Colores #3e6181 a la izquierda y #46aaab a la derecha, y marca la casilla Tramado.

GradientGradientGradient

Paso 2

Agrega una capa de relleno de Motivo, establece el Motivo en Grilled Noise, y cambia el Modo de fusión de la capa a Subexponer color.

PatternPatternPattern

Paso 3

Crea el texto con la fuente Cimochi y cambia el Tamaño a 350 pt.

Create the TextCreate the TextCreate the Text

Paso 4

Cambia el valor de Relleno de la capa de texto a 0, y duplícala.

Layer SettingsLayer SettingsLayer Settings

Paso 5

Haz doble clic en la capa de texto original para aplicar el siguiente estilo de capa:

Añade Bisel y relieve con estos ajustes:

  • Profundidad: 200
  • Tamaño: 15
  • Desmarca la casilla Usar luz global
  • Ángulo: 40
  • Altitud: 50
  • Contorno de resplandor: Valle - Bajo
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
    • Opacidad: 100%
  • Modo de sombra: Trama
    • Color: #888888
    • Opacidad: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Trazo con estos ajustes:

  • Tamaño: 1
  • Opacidad: 50%
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Usa el relleno degradado steel s88
StrokeStrokeStroke

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Sobreexponer color
  • Color: #ffffff
  • Opacidad: 40%
  • Desmarca la casilla Usar luz global
  • Ángulo: -108
  • Distancia: 5
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Subexposición lineal
  • Opacidad: 50%
  • Color: #7b7b7b
  • Tamaño: 10
Inner GlowInner GlowInner Glow

Añade una Superposición de degradado con estos ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 50%
  • Estilo: Reflejado
  • Usa el relleno degradado Aluminum 5 (aluminio 5)
Gradient OverlayGradient OverlayGradient Overlay

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 50%
  • Distancia: 5
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará la primera capa.

Styled Layer 1Styled Layer 1Styled Layer 1

Paso 6

Haz doble clic en la copia de la capa de texto aplicar el siguiente estilo de capa:

Añade Bisel y relieve con estos ajustes:

  • Tamaño: 25
  • Desmarca la casilla Usar luz global
  • Ángulo: 117
  • Altitud: 69
  • Contorno de resplandor: Cono - Invertido
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
    • Opacidad: 100%
  • Modo de sombra:
    • Opacidad: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Trazo con estos ajustes:

  • Tamaño: 1
  • Posición: Interior
  • Modo de fusión: Superposición
  • Opacidad: 50%
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Utiliza el relleno degradado steel s88
StrokeStrokeStroke

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Superponer
  • Color: #ffffff
  • Opacidad: 50%
  • Desmarca la casilla Usar luz global
  • Ángulo: 24
  • Distancia: 5
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 50%
  • Color: #9f9f9f
  • Tamaño: 5
Inner GlowInner GlowInner Glow

Esto creará un efecto reluciente de vidrio.

Glass Layer Style Text EffectGlass Layer Style Text EffectGlass Layer Style Text Effect

2. Cómo crear un efecto de texto metálico

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno degradado usando los Colores #596267 a la izquierda y #222831 a la derecha, cambia el Estilo a Radial, la Escala a 200, y marca la casilla Tramado.

GradientGradientGradient

Paso 2

Añade una capa de relleno de Motivo, establece el Motivo en Hex Metal Mesh (Malla metálica hexagonal) (del paquete Metal Mesh Patterns - Paquete 1), y cambia el Modo de fusión de la capa a Multiplicar.

PatternPatternPattern

Paso 3

Crea el texto usando la fuente Queen of Camelot, cambia el Color a #2c2b2b, y el Tamaño a 250 pt.

Create the TextCreate the TextCreate the Text

Paso 4

Haz doble clic en la capa de texto para aplicar el siguiente estilo de capa:

Añade Bisel y relieve con estos ajustes:

  • Técnica: Cincel Duro
  • Profundidad: 250
  • Tamaño: 5
  • Contorno de resplandor: Aro
  • Marca la casilla Suavizado
  • Modo resaltado: Luz intensa
    • Opacidad: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado.
ContourContourContour

Añade una Textura con estos ajustes:

  • Motivo: Side Slanting Mesh (Malla inclinada hacia los lados) (del paquete Metal Mesh Patterns - Paquete 1)
  • Escala: 25%
  • Profundidad: 10%
TextureTextureTexture

Añade un Trazo con estos ajustes:

  • Tamaño: 2
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Usa el relleno degradado Riddle of Steel
StrokeStrokeStroke

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Sobreexponer color
  • Color: #b67564
  • Opacidad: 35%
  • Distancia: 25
  • Tamaño: 10
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz dura
  • Opacidad: 67%
  • Color: #c2ccd4
  • Técnica: Preciso
  • Fuente: Centro
  • Tamaño: 51
  • Contorno: Pendiente - Hacia abajo
Inner GlowInner GlowInner Glow

Añade un efecto Satinado con estos ajustes:

  • Modo de fusión: Superponer
  • Color: #d6d6d6
  • Opacidad: 58%
  • Ángulo: 60
  • Distancia: 42
  • Tamaño: 24
  • Contorno: Lineal
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
SatinSatinSatin

Agrega una Superposición de degradado con estos ajustes:

  • Marca la casilla Tramado
  • Modo de fusión: Superponer
  • Utiliza el relleno degradado stove pipe 20 (tubería de estufa 20)
Gradient OverlayGradient OverlayGradient Overlay

Agrega una Superposición de motivo con estas configuraciones:

  • Modo de fusión: Superponer
  • Motivo: 9.jpg (del paquete Metal seamless textures)
  • Escala: 50%
Pattern OverlayPattern OverlayPattern Overlay

Paso 5

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Opacidad: 100%
  • Color: #67ade8
  • Tamaño: 5
Outer GlowOuter GlowOuter Glow

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 50%
  • Distancia: 15
  • Dispersión: 25
  • Tamaño: 15
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará el texto.

Metal Layer Style Text EffectMetal Layer Style Text EffectMetal Layer Style Text Effect

3. Cómo crear efectos de texto prensados y en relieve

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Degradado.

Crea el relleno degradado usando los Colores #3c9179 a la izquierda y #57caaa a la derecha, y marca la casilla Tramado.

GradientGradientGradient

Paso 2

Añade una capa de relleno de Motivo, establece el Motivo en Diagonal Noise y cambia el Modo de fusión de la capa a Subexponer color.

PatternPatternPattern

Paso 3

Crea el texto con la fuente Bw Modelica SS01 Extra Bold y cambia el Tamaño a 200 pt.

Create the TextCreate the TextCreate the Text

Paso 4

Cambia el valor de Relleno de la capa de texto a 0.

Layer SettingsLayer SettingsLayer Settings

Paso 5

Haz doble clic en la capa de texto para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Estilo: Relieve
  • Tamaño: 0
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Altitud: 60
  • Marca la casilla Suavizado
  • Modo resaltado:
    • Opacidad: 20%
  • Modo de sombra:
    • Opacidad: 30%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Luz suave
  • Opacidad: 70%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 3
  • Tamaño: 3
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Subexponer color
  • Opacidad: 10%
  • Color: #000000
  • Tamaño: 10
Inner GlowInner GlowInner Glow

Agrega una Superposición de degradado con estos ajustes:

  • Marca la casilla Tramado
  • Modo de fusión: Luz suave
  • Opacidad: 15%
  • Crea un relleno de degradado Transparente a Color de Relleno usando el Color #000000 en ambos lados, y cambia el valor de Opacidad del lado transparente al 50%.
Gradient OverlayGradient OverlayGradient Overlay

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Luz suave
  • Color: #ffffff
  • Opacidad: 75%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 1
  • Dispersión: 5
  • Tamaño: 3
Drop ShadowDrop ShadowDrop Shadow

Esto creará un efecto de texto comprimido.

Pressed Layer Style Text EffectPressed Layer Style Text EffectPressed Layer Style Text Effect

Paso 6

Para crear un efecto de relieve, crea una nueva capa de texto y asegúrate de cambiar su valor de Relleno a 0.

New Text LayerNew Text LayerNew Text Layer

Paso 7

Haz doble clic en la capa de texto para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Estilo: Bisel exterior
  • Tamaño: 5
  • Desmarca la casilla Usar luz global
  • Ángulo: 100
  • Altitud: 25
  • Marca la casilla Suavizado
  • Modo resaltado: Luz suave
    • Opacidad: 50%
  • Modo de sombra:
    • Opacidad: 15%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Color: #d0d0d0
  • Opacidad: 50%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 1
  • Tamaño: 1
Inner ShadowInner ShadowInner Shadow

Agrega una Superposición de degradado con estos ajustes:

  • Marca la casilla Tramado
  • Modo de fusión: Luz suave
  • Opacidad: 20%
  • Crea un relleno de degradado Transparente a Color de Relleno usando el Color #ffffff en ambos lados, y cambia el valor de Opacidad del lado transparente al 40%.
Gradient OverlayGradient OverlayGradient Overlay

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Luz suave
  • Color: #000000
  • Opacidad: 50%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 7
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Esto creará el efecto en relieve.

Embossed Layer Style Text EffectEmbossed Layer Style Text EffectEmbossed Layer Style Text Effect

4. Cómo crear un efecto de texto neón

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno degradado usando los Colores #2e0d45 a la izquierda y #0d0317 a la derecha, cambia el Estilo a Radial, la Escala a 200, y marca la casilla Tramado.

GradientGradientGradient

Paso 2

Coloca la imagen BrickLargeBrown0025 en la parte superior de la capa de Degradado, cambia su tamaño según sea necesario, y cambia el Modo de fusión a Superponer.

Add the Texture ImageAdd the Texture ImageAdd the Texture Image

Paso 3

Crea el texto con la fuente MM Cruella 100 y cambia el Color a #d87aff, el Tamaño a 250 pt y el valor Seguimiento a 10.

Create the TextCreate the TextCreate the Text

Paso 4

Cambia el valor de Relleno de la capa de texto a 0. Puedes aumentar el valor de Relleno después de aplicar el estilo de capa para obtener un efecto más brillante, si así lo deseas.

Layer SettingsLayer SettingsLayer Settings

Paso 5

Haz doble clic en la capa de texto para aplicar el siguiente estilo de capa.

Añade un Bisel y relieve con estos ajustes:

  • Profundidad: 250
  • Tamaño: 5
  • Suavizar: 2
  • Desmarca la casilla Usar luz global
  • Ángulo: 60
  • Altitud: 0
  • Contorno de resplandor: Aro - Doble
  • Marca la casilla Suavizado
  • Modo resaltado: Sobreexponer color
    • Color: #dcdcdc
    • Opacidad: 50%
  • Modo de sombra: Luz intensa
    • Color: #e5e5e5
    • Opacidad: 10%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado.
ContourContourContour

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Color: #ebd5f3
  • Opacidad: 100%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 0
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Sobreexposición Lineal (Añadir)
  • Opacidad: 100%
  • Color: #ddbfff
  • Fuente: Centro
  • Tamaño: 5
Inner GlowInner GlowInner Glow

Añade un efecto Satinado con estos ajustes:

  • Modo de fusión: Luz intensa
  • Color: #e6a2ee
  • Opacidad: 50%
  • Ángulo: 90
  • Distancia: 10
  • Tamaño: 35
  • Contorno: Lineal
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
SatinSatinSatin

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Sobreexposición Lineal (Añadir)
  • Opacidad: 100%
  • Color: #c689ff
  • Tamaño: 15
  • Rango: 85%
Outer GlowOuter GlowOuter Glow

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Trama
  • Color: #f227ff
  • Opacidad: 85%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 0
  • Tamaño: 50
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Añade otra instancia de Sombra paralela con estos ajustes:

  • Modo de fusión: Trama
  • Color: #f227ff
  • Opacidad: 100%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 0
  • Tamaño: 60
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Agrega una tercera instancia de Sombra paralela con esta configuración:

  • Opacidad: 50%
  • Distancia: 30
  • Tamaño: 7
Drop Shadow - 3Drop Shadow - 3Drop Shadow - 3

Esto creará un efecto de texto de neón brillante.

Neon Layer Style Text EffectNeon Layer Style Text EffectNeon Layer Style Text Effect

5. Cómo crear un efecto de texto cromado

Paso 1

Abre la imagen Indoor Chairs y ve a Imagen > Tamaño de imagen para cambiar el valor Ancho a 1000 px.

Image SizeImage SizeImage Size

Paso 2

Ve a Filtro > Desenfocar > Desenfoque gaussiano y cambia el valor Radio a 1.5.

Gaussian BlurGaussian BlurGaussian Blur

Paso 3

Ve a Filtro > Distorsionar > Onda y utiliza estos ajustes:

  • Número de generadores: 5
  • Longitud:
    • Min. 228
    • Máx. 241
  • Amplitud:
    • Min. 5
    • Máx. 35
  • Escala:
    • Horiz. 100
    • Vert. 100
  • Tipo: Sinusoidal
  • Áreas no definidas: Repetir píxeles de borde
Wave FilterWave FilterWave Filter

Paso 4

Ve a Edición > Definir motivo, cambia el Nombre a Reflejo de cromo y haz clic en Aceptar.

Puedes utilizar cualquier otra imagen con este efecto para obtener resultados diferentes.

Define PatternDefine PatternDefine Pattern

Paso 5

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno degradado usando los Colores #434a53 a la izquierda y #121219 a la derecha, y cambia el Estilo a Radial, la Escala a 200, y marca la casilla Tramado.

GradientGradientGradient

Paso 6

Agrega una capa de relleno de Motivo, establece el Motivo en Old Wall y cambia el Modo de fusión de la capa a Subexponer color.

PatternPatternPattern

Paso 7

Crea el texto con la fuente Geneva y cambia el Tamaño a 200 pt.

Create the TextCreate the TextCreate the Text

Paso 8

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

Layer SettingsLayer SettingsLayer Settings

Paso 9

Haz doble clic en la capa de texto original para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 1
  • Contorno de resplandor: Pendiente - Hacia abajo
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
    • Color: #d6d6d6
    • Opacidad: 75%
  • Modo de sombra:
    • Color: #4c4c4c
    • Opacidad: 75%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Log
  • Marca la casilla Suavizado.
ContourContourContour

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Sobreexponer color
  • Color: #4d4d4d
  • Opacidad: 35%
  • Distancia: 3
  • Tamaño: 10
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz suave
  • Opacidad: 35%
  • Color: #ffffff
  • Tamaño: 7
Inner GlowInner GlowInner Glow

Agrega una Superposición de degradado con estos ajustes:

  • Marca la casilla Tramado
  • Modo de fusión: Luz suave
  • Utiliza faucet 140 como relleno de degradado
Gradient OverlayGradient OverlayGradient Overlay

Agrega una Superposición de motivo con estas configuraciones:

  • Motivo: Reflejo cromado

Puedes hacer clic en el botón Ajustar al origen para restablecer la posición de la textura dentro del texto.

Pattern OverlayPattern OverlayPattern Overlay

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 75%
  • Distancia: 15
  • Dispersión: 20
  • Tamaño: 25
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará el texto.

Styled Layer 1Styled Layer 1Styled Layer 1

Paso 10

Haz doble clic en la copia de la capa de texto para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Estilo: Trazo en relieve
  • Tamaño: 15
  • Desmarca la casilla Usar luz global
  • Ángulo: 119
  • Altitud: 21
  • Contorno de resplandor: Cono - Invertido
  • Marca la casilla Suavizado
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Aro
  • Marca la casilla Suavizado.
ContourContourContour

Añade un Trazo con estos ajustes:

  • Tamaño: 3
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Utiliza el relleno degradado faucet 30
StrokeStrokeStroke

Añade una Sombra interior con estos ajustes:

  • Opacidad: 15%
  • Distancia: 2
  • Tamaño: 7
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz suave
  • Opacidad: 25%
  • Color: #ffffff
  • Tamaño: 5
Inner GlowInner GlowInner Glow

Agrega un Satinado con esta configuración:

  • Modo de fusión: Luz suave
  • Color: #939393
  • Opacidad: 20%
  • Ángulo: -20
  • Distancia: 190
  • Tamaño: 15
  • Contorno: Pendiente - Hacia abajo
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
SatinSatinSatin

Agrega una Superposición de degradado con estos ajustes:

  • Modo de fusión:
  • Utiliza el relleno degradado Stainless Steel 25jar
Gradient OverlayGradient OverlayGradient Overlay

Esto agregará el trazo.

Chrome Layer Style Text EffectChrome Layer Style Text EffectChrome Layer Style Text Effect

6. Cómo crear un efecto básico de texto 3D

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno de degradado usando los Colores #6a6a6a a la izquierda y #b1b3b2 a la derecha, y marca la casilla Tramado.

GradientGradientGradient

Paso 2

Añade una capa de relleno de Motivo, establece Paper 3 como Motivo, y cambia el Modo de fusión de la capa a Subexponer color.

PatternPatternPattern

Paso 3

Crea el texto usando la fuente SchmalfetteCP, cambiar el Color a #d9d9d9, el Tamaño a 300 pt, y el valor de Seguimiento a 10.

Duplica la capa de texto.

Create the Text LayersCreate the Text LayersCreate the Text Layers

Paso 4

Cambia el Color del texto original a Rojo y pulsa Comando-T para entrar en el modo Transformación libre.

Presiona, y mantén pulsada la tecla Opción, mientras haces clic y arrastras el lado derecho del cuadro delimitador para reducir un poco el texto horizontalmente, asegurándote de que no se creen espacios entre ambas partes del texto.

Pulsa la tecla Enter para confirmar los cambios.

Transform the TextTransform the TextTransform the Text

Paso 5

Cambia el valor de Relleno de la capa de texto original a 0.

Layer SettingsLayer SettingsLayer Settings

Paso 6

Haz doble clic en la capa de texto original para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Técnica: Cincel duro
  • Tamaño: 75
  • Suavidad: 5
  • Desmarca la casilla Usar luz global
  • Ángulo: 34
  • Altitud: 32
  • Modo resaltado:
    • Opacidad: 0%
  • Modo de sombra:
    • Opacidad: 40%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Desnivel - Profundo
  • Marca la casilla Suavizado.
ContourContourContour

Añade una Sombra interior con estos ajustes:

  • Opacidad: 50%
  • Distancia: 0
  • Extensión: 5
  • Tamaño: 15
Inner ShadowInner ShadowInner Shadow

Añade una Superposición de color con estos ajustes:

  • Color: #f2f2f2
Color OverlayColor OverlayColor Overlay

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 10%
  • Color: #000000
  • Tamaño: 25
Outer GlowOuter GlowOuter Glow

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 30%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 2
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

esto estilizará a la parte 3D.

3D Part3D Part3D Part

Paso 7

Haz doble clic en la copia de la capa de texto para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Profundidad: 200
  • Tamaño: 1
  • Modo resaltado:
    • Opacidad: 80%
  • Modo de sombra:
    • Opacidad: 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

Agrega un Contorno con la configuración predeterminada:

ContourContourContour

Añade una Sombra interior con estos ajustes:

  • Opacidad: 10%
  • Distancia: 3
  • Tamaño: 3
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Opacidad: 10%
  • Color: #ddebee
  • Tamaño: 5
Inner GlowInner GlowInner Glow

Agrega una Superposición de degradado con estos ajustes:

  • Marca la casilla Tramado.
  • Crear el relleno de Degradado usando los Colores #a6a6a6 a la izquierda y #e7e8e9 a la derecha.
Gradient OverlayGradient OverlayGradient Overlay

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Normal
  • Opacidad: 10%
  • Color: #ffffff
  • Tamaño: 5
Outer GlowOuter GlowOuter Glow

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 50%
  • Desmarca la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 10
  • Tamaño: 15
Drop ShadowDrop ShadowDrop Shadow

Esto completará efecto 3D.

Basic 3D Layer Style Text EffectBasic 3D Layer Style Text EffectBasic 3D Layer Style Text Effect

7. Cómo crear un efecto de texto de ciencia ficción

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno de degradado usando los Colores #5b7177 a la izquierda y #0a252b a la derecha, y cambia el Estilo a Radial, la Escala a 200, y marca la casilla de Tramado.

GradientGradientGradient

Paso 2

Añade una capa de relleno de Motivo, establece el Motivo en 9.jpg (del paquete Metal seamless textures), y cambia el Modo de fusión de la capa a Multiplicar.

PatternPatternPattern

Paso 3

Crea el texto con la fuente Bhejeuct Gash, cambia el Color a #283032 y el Tamaño a 250 pt.

Create the TextCreate the TextCreate the Text

Paso 4

Haz doble clic en la capa de texto para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Profundidad: 200
  • Tamaño: 15
  • Desmarca la casilla Usar luz global
  • Ángulo: 157
  • Altitud: 16
  • Contorno de resplandor: Valle - Bajo
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
    • Color: #e99d89
    • Opacidad: 100%
  • Modo de sombra: Subexponer de Color
    • Color: #c7c7c7
    • Opacidad: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado.
  • Rango: 100%
ContourContourContour

Añade una Textura con estos ajustes:

  • Motivo: Diagonal lines medium (del paquete 30 Simple Patterns)
TextureTextureTexture

Añade un Trazo con estos ajustes:

  • Tamaño: 2
  • Modo de fusión: Sobreexposición Lineal (Añadir)
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Utiliza el relleno de degradado Riddle of Steel
StrokeStrokeStroke

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Color más claro
  • Color: #42f4ff
  • Opacidad: 75%
  • Distancia: 15
  • Tamaño: 20
  • Contorno: Cono - Asimétrico
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Sobreexposición lineal (Añadir)
  • Opacidad: 100%
  • Color: #b76c3e
  • Fuente: Centro
  • Tamaño: 15
Inner GlowInner GlowInner Glow

Añade un Satinado con estos ajustes:

  • Modo de fusión: Luz lineal
  • Color: #9afff0
  • Opacidad: 58%
  • Ángulo: 60
  • Distancia: 50
  • Tamaño: 8
  • Contorno: Lineal
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
SatinSatinSatin

Agrega una Superposición de degradado con estos ajustes:

  • Marca la casilla Tramado
  • Modo de fusión:
  • Haz clic en la casilla Degradado para crear el degradado con estos valores:

Color - Ubicación

  • #000000 - 0%
  • #11637e - 34%
  • #25abdd - 71%
  • #ffffff - 100%
Gradient OverlayGradient OverlayGradient Overlay

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Opacidad: 100%
  • Color: #67e5e8
  • Tamaño: 10
Outer GlowOuter GlowOuter Glow

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 35%
  • Distancia: 15
  • Dispersión: 25
  • Tamaño: 18
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará al texto.

Sci Fi Layer Style Text EffectSci Fi Layer Style Text EffectSci Fi Layer Style Text Effect

8. Cómo crear un efecto de texto retro

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas, y elige Degradado.

Crea el relleno de degradado usando los Colores #aad1cf a la izquierda y #3accc7 a la derecha, cambia el Estilo a Radial y la Escala a 200, y marca la casilla Tramado.

GradientGradientGradient

Paso 2

Añade una capa de relleno de Motivo, establece el Motivo en texturetastic gray y cambia el Modo de fusión de la capa a Subexponer color.

PatternPatternPattern

Paso 3

Crea el texto usando la fuente Mon Cheri, cambia el Color a #f65252 y el Tamaño a 250 pt.

Duplica la capa de texto.

Create the Text LayersCreate the Text LayersCreate the Text Layers

Paso 4

Haz doble clic en la capa de texto original para aplicar un efecto de Sombra paralela con estos ajustes:

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Normal
  • Opacidad: 100%
  • Distancia: 10
  • Dispersión: 100
  • Tamaño: 5
Drop ShadowDrop ShadowDrop Shadow

Paso 5

Haz clic con el botón derecho del ratón en la capa estilizada y selecciona Convertir en objeto inteligente. Esto básicamente creará la capa de extrusión 3D.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 6

Haz doble clic en la capa Objeto inteligente para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Técnica: Cincel Duro
  • Tamaño: 18
  • Desmarca la casilla Usar luz global
  • Ángulo: 149
  • Altitud: 58
  • Marca la casilla Suavizado
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade un Contorno con estos ajustes:

  • Contorno: Leño
  • Marca la casilla Suavizado.
  • Rango: 100%
ContourContourContour

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Subexposición lineal
  • Color: #383838
  • Opacidad: 15%
  • Desmarca la casilla Usar luz global
  • Ángulo: -77
  • Distancia: 10
  • Tamaño: 1
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz suave
  • Opacidad: 100%
  • Color: #ffffff
  • Técnica: Preciso
  • Fuente: Centro
  • Tamaño: 16
Inner GlowInner GlowInner Glow

Añade una Superposición de color con estos ajustes:

  • Color: #d8d8d8
Color OverlayColor OverlayColor Overlay

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Subexposición lineal
  • Color: #010101
  • Opacidad: 15%
  • Distancia: 5
  • Tamaño: 3
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Agrega otra instancia de Sombra paralela con esta configuración:

  • Color: #010101
  • Opacidad: 25%
  • Distancia: 15
  • Tamaño: 1
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Agrega una tercera instancia de Sombra paralela con esta configuración:

  • Color: #010101
  • Opacidad: 10%
  • Distancia: 25
  • Tamaño: 20
Drop Shadow - 3Drop Shadow - 3Drop Shadow - 3

Esto estilizará la parte 3D.

Styled 3D PartStyled 3D PartStyled 3D Part

Paso 7

Haz doble clic en la copia de la capa de texto para aplicar el siguiente estilo de capa:

Añade un Trazo con estos ajustes:

  • Tamaño: 3
  • Color: #ffffff
StrokeStrokeStroke

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Subexposición lineal
  • Color: #383838
  • Opacidad: 50%
  • Distancia: 2
  • Extensión: 50
  • Tamaño: 1
Inner ShadowInner ShadowInner Shadow

Agrega una Superposición de motivo con estas configuraciones:

  • Modo de fusión: Dividir
  • Patrón: Motivo 11 (del paquete 20 Repeatable Pixel Patterns)
Pattern OverlayPattern OverlayPattern Overlay

Esto estilizará el texto principal.

Retro Layer Style Text EffectRetro Layer Style Text EffectRetro Layer Style Text Effect

9. Cómo crear un efecto de texto de pintura en aerosol

Paso 1

Crea un nuevo documento de 1000 x 500 px, coloca la imagen BrickMedievalBlocks0129 encima de la capa de Fondo y cambia su tamaño según sea necesario.

Add the Background ImageAdd the Background ImageAdd the Background Image

Paso 2

Crea el texto usando la fuente Graun, y cambia el Color a #ff4c3e y el Tamaño a 250 pt.

Create the TextCreate the TextCreate the Text

Paso 3

Cambia el Modo de fusión de la capa de texto a Multiplicar.

Layer SettingsLayer SettingsLayer Settings

Paso 4

Haz doble clic en la capa de texto para acceder a la configuración de las Opciones de fusión.

En la sección Fusionar Si Es, encontrarás dos barras. Trabajaremos con la de la Capa subyacente.

Mantén presionada la tecla Opción, haz clic y arrastra el deslizador izquierdo para dividirlo. A medida que muevas los extremos del control deslizante, notarás cómo el texto comienza a fusionarse con la imagen de fondo.

Lo que hace este deslizador es proteger las zonas más oscuras de la imagen para que no se vean afectadas por el texto.

Blending OptionsBlending OptionsBlending Options

Paso 5

Si haces lo mismo con el deslizador derecho, controlarás las áreas más claras que quieras proteger o evitar que se vean afectadas por el texto.

Blending OptionsBlending OptionsBlending Options

Paso 6

Sigue ajustando los controles deslizantes hasta que te guste el resultado.

Adjust the SlidersAdjust the SlidersAdjust the Sliders

Paso 7

A continuación, añadiremos dos efectos más para mejorar el resultado:

Añade una Sombra interior con estos ajustes:

  • Color: #010101
  • Opacidad: 15%
  • Distancia: 0
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 100%
  • Ruido: 80%
  • Color: #ff4c3e
  • Tamaño: 1
  • Rango: 100%
Outer GlowOuter GlowOuter Glow

Esto mejorará los bordes.

Paint Spray Layer Style Text EffectPaint Spray Layer Style Text EffectPaint Spray Layer Style Text Effect

10. Cómo crear un efecto de texto escarchado

Paso 1

Crea un nuevo documento de 1000 x 500 px, haz clic en el icono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas, elige Motivo y establece el Motivo en Beige paper.

PatternPatternPattern

Paso 2

Crea el texto con la fuente Premier Script y cambia el Color a #b1b1b1 y el Tamaño a 300 pt.

Create the TextCreate the TextCreate the Text

Paso 3

Haz doble clic en la capa de texto para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

  • Técnica: Cincel Duro
  • Tamaño: 5
  • Contorno de resplandor: Aro - Doble
  • Marca la casilla Suavizado
  • Modo resaltado: Luz intensa
    • Opacidad: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Añade una Textura con estos ajustes:

  • Motivo: glitter-pink (del paquete Wastedshame Free Glitter Patterns)
TextureTextureTexture

Agrega una Superposición de motivo con estas configuraciones:

  • Motivo: Pink Glitter (del paquete 8 Free Glitter Effect Patterns & Styles for Photoshop
  • Escala: 50%
Pattern OverlayPattern OverlayPattern Overlay

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Luz intensa
  • Color: #ffffff
  • Opacidad: 100%
  • Distancia: 2
  • Tamaño: 2
  • Ruido: 5
Drop Shadow - 1Drop Shadow - 1Drop Shadow - 1

Añade una Sombra paralela con estos ajustes:

  • Opacidad: 20%
  • Desmarca la casilla Usar luz global
  • Ángulo: -45
  • Distancia: 3
  • Tamaño: 8
  • Ruido: 5
Drop Shadow - 2Drop Shadow - 2Drop Shadow - 2

Esto creará el efecto final. Puedes intentar usar diferentes texturas escarchadas para obtener diferentes resultados.

Glitter Layer Style Text EffectGlitter Layer Style Text EffectGlitter Layer Style Text Effect

¡Excelente trabajo, lo lograste!

Este tutorial explicó cómo utilizar diferentes configuraciones y opciones de estilos de capa para crear diez efectos de texto comunes y útiles.

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados en la sección de comentarios.

10 Layer Style Text Effects10 Layer Style Text Effects10 Layer Style Text Effects
One subscription.
Unlimited Downloads.
Get unlimited downloads