Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear una acción en Photoshop para un lujoso efecto de texto dorado

Scroll to top
Read Time: 9 min

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

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

Si lees mis tutoriales, verás que me gusta mostrarle a la gente cómo crear acciones de Photoshop. Es porque facilitan mucho el proceso cuando quieres aplicar efectos de texto en Photoshop.

Hoy te mostraré cómo crear una acción en Photoshop usando estilos y un mapa de degradado. Aprenderás cómo crear efectos de texto en Photoshop de un ostentoso aspecto dorado y cómo cambiar los colores de un estilo de capa de manera sencilla, que puede usarse en casi cualquier diseño de texto que quieras:

La lujosa acción de Photoshop en texto dorado de este tutorial se inspiró en Efectos de texto delicados en Photoshop. El mismo método de cambiar colores en este tutorial puede aplicarse al efecto de texto original.

Al final de este tutorial, te enlazaré a más tutoriales que también podrían gustarte, así que no olvides consultarlos si estás interesado en aprender cómo crear efectos de texto con estilos de capa de Photoshop o Illustrator. Te enlazaré a tutoriales sobre cómo contornear texto en Photoshop, que son esenciales para cualquier diseñador.

No olvides consultar el efecto de texto original: Efectos de texto delicados en Photoshop.

Delicate photoshop text effects promo imageDelicate photoshop text effects promo imageDelicate photoshop text effects promo image
Efectos de texto delicados en Photoshop

Recursos del tutorial

Los siguientes recursos se utilizaron durante este tutorial:

* El motivo acojinado tenía que ser editado. Está dentro del archivo zip adjunto a este tutorial.

1. Cómo crear los estilos de capa

Paso 1

Descarga el archivo zip adjunto a este tutorial y extráelo en el escritorio. Después de eso, abre Luxury-Background.jpg con Photoshop.

Luxury Text Effect BackgroundLuxury Text Effect BackgroundLuxury Text Effect Background

Paso 2

Toma la herramienta Texto horizontal (T) y establece la fuente en Lobster 1.4 y el tamaño de fuente en 139 pt. Luego escribre "Luxury" en el centro del documento.

Luxury Text layerLuxury Text layerLuxury Text layer

Paso 3

Ahora ve al panel Capas y haz doble clic en la capa de texto para abrir el panel Estilo de capa. Después de eso, añade una Superposición de degradado con estos ajustes:

  • Modo de fusión: Normal
  • Tramado: desmarcado
  • Opacidad: 100%
  • Estilo: Lineal
  • Alinear con capa: Marcado
  • Ángulo: 90°
  • Escala: 120%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Luego haz clic en la barra de degradado y edítala con estos ajustes:

  • Primera detención Color: #bfbfbf Ubicación: 0%
  • Segunda detención Color: #4e4e4e Ubicación: 100%
Gradient map settingsGradient map settingsGradient map settings

Paso 4

Ahora añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Trama
  • Opacidad: 51%
  • Ruido: 6%
  • Color: #cbcbcb
  • Técnica: Más suavizado
  • Origen: Centro
  • Retraer: 0%
  • Tamaño: 46 px
  • Contorno: Lineal
  • Suavizado: desmarcado
  • Rango: 58%
  • Vibración: 0%
Inner Glow SettingsInner Glow SettingsInner Glow Settings

Paso 5

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Normal
  • Color: #9d9d9d
  • Opacidad: 100%
  • Usar luz global: Desmarcado
  • Ángulo: 180°
  • Distancia: 6 px
  • Extensión: 100%
  • Tamaño: 4 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Ruido: 0%
  • La capa cubre la sombra paralela: Marcado
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Paso 6

Ahora añade una Sombra interior con estos ajustes:

  • Modo de fusión: Luz suave
  • Color: #727272
  • Opacidad: 100%
  • Usar luz global: Desmarcado
  • Ángulo: -90°
  • Distancia: 1 px
  • Retraer: 20%
  • Tamaño: 35 px
  • Contorno: Lineal
  • Suavizado: Marcado
  • Ruido: 0%
Inner Shadow SettingsInner Shadow SettingsInner Shadow Settings

Paso 7

Añade un Trazo con estos ajustes:

  • Tamaño: 9 px
  • Posición: Centro
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Sobreimprimir: Desmarcado
  • Tipo de relleno: Degradado
  • Invertir: Desmarcado
  • Estilo: Estallido de formas
  • Alinear con capa: Marcado
  • Ángulo: 90°
  • Tramado: Desmarcado
  • Escala: 100%
Stroke settingsStroke settingsStroke settings

Luego haz clic en la barra de degradado y edítala con estos ajustes:

  • Primera detención Color: #cecece Ubicación: 0%
  • Segunda detención Color: #adadad Ubicación: 100%
Gradient map settingsGradient map settingsGradient map settings

Paso 8

Ahora añade un Bisel y relieve con estos ajustes:

  • Estilo: Relieve del trazo
  • Técnica: Redondeado
  • Profundidad: 592%
  • Dirección: Arriba
  • Tamaño: 13 px
  • Suavizar: 0 px
  • Usar luz global: Desmarcado
  • Ángulo: 85°
  • Altitud: 32°
  • Suavizado: Desmarcado
  • Modo resaltado: Trama Color: #ffffff Opacidad: 66%
  • Modo de sombra: Multiplicar Color: #000000 Opacidad: 44%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Después de eso, haz clic en la casilla Contorno de resplandor para editarlo.

Para añadir un punto en la curva de contorno, tienes que hacer clic en la línea. Para eliminar un punto, haz clic y arrástralo afuera de la ventana.

Crea un contorno con estos ajustes:

  • Primer punto Entrada: 0% Salida: 38% Vértice: Desmarcado
  • Segundo punto Entrada: 18% Salida: 71% Vértice: Marcado
  • Tercer punto Entrada: 35% Salida: 69% Vértice: Marcado
  • Cuarto punto Entrada: 54% Salida: 82% Vértice: Desmarcado
  • Quinto punto Entrada: 100% Salida: 91% Vértice: Desmarcado

Luego haz clic en Nuevo y guarda el contorno como Luxury Contour.

Contour Editor settingsContour Editor settingsContour Editor settings

Así debe de lucir ahora el efecto de texto:

First Luxury layer styleFirst Luxury layer styleFirst Luxury layer style

Paso 9

Ahora haz clic en Nuevo estilo y nómbralo Lux Style A. No cierres todavía la ventana Estilo de capa. Vamos a crear ahora el segundo estilo de capa.

Haz clic en las casillas marcadas de los efectos Superposición de degradado y Sombra para deshabilitarlos.

Disabling layer style effectsDisabling layer style effectsDisabling layer style effects

Paso 10

Edita el Bisel y relieve con estos ajustes:

  • Estilo: Inglete interior
  • Técnica: Redondeado
  • Profundidad: 448%
  • Dirección: Arriba
  • Tamaño: 29 px
  • Suavizar: 0 px
  • Usar luz global: Marcado
  • Ángulo: 85°
  • Altitud: 32°
  • Suavizado: Desmarcado
  • Modo resaltado: Trama Color #7b7b7b Opacidad: 61%
  • Modo de sombra: Trama Color: #d8d8d8 Opacidad: 65%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Luego haz clic en la casilla Contorno de resplandor y edítalo con estos ajustes:

  • Primer punto Entrada: 0% Salida: 0% Vértice: Desmarcado
  • Segundo punto Entrada: 22% Salida: 98% Vértice: Marcado
  • Tercer punto Entrada: 51% Salida: 62% Vértice: Marcado
  • Cuarto punto Entrada: 75% Salida: 52% Vértice: Marcado
  • Quinto punto Entrada: 100% Salida: 17% Vértice: Marcado
Contour Editor settingsContour Editor settingsContour Editor settings

Paso 11

Ahora edita el efecto Trazo con estos ajustes:

  • Tamaño: 8 px
  • Posición: Interior
  • Modo de fusión: Normal
  • Opacidad: 100%
  • Sobreimprimir: Desmarcado
  • Tipo de relleno: Degradado
  • Invertir: Desmarcado
  • Estilo: Lineal
  • Alinear con capa: Marcado
  • Ángulo: -90°
  • Tramado: Desmarcado
  • Escala: 100%
Stroke settingsStroke settingsStroke settings

Paso 12

Edita el efecto Sombra interior con estos ajustes:

  • Modo de fusión: Normal
  • Color: #d8d8d8
  • Opacidad: 83%
  • Usar luz global: Desmarcado
  • Ángulo: -90°
  • Distancia: 0 px
  • Retraer: 100%
  • Tamaño: 9 px
  • Contorno: Gaussiano
  • Suavizado: Marcado
  • Ruido: 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Paso 13

Ahora edita el Resplandor interior con estos ajustes:

  • Modo de fusión: Trama
  • Opacidad: 51%
  • Ruido: 6%
  • Color: #bfbfbf
  • Técnica: Más suavizado
  • Origen: Centro
  • Retraer: 0%
  • Tamaño: 46 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Rango: 58%
  • Vibración: 0%
Inner Glow settingsInner Glow settingsInner Glow settings

Paso 14

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

  • Modo de fusión: Sobreexposición de color
  • Color: #d4d4d4
  • Opacidad: 6%
Color Overlay settingsColor Overlay settingsColor Overlay settings

Paso 15

Ahora vamos a usar el motivo adjunto a este tutorial. El motivo original es de Pixabay y no es fluido, así que tuve que editarlo y dejarlo listo para este tutorial.

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

  • Modo de fusión: Multiplicar
  • Opacidad: 100%
  • Motivo: Lux pattern (archivo zip)
  • Escala: 25%
  • Enlazar con capa: Marcado
Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Paso 16

Ahora haz clic en Nuevo estilo y guárdalo como Lux Stye B. Después de eso, haz clic en OK para cerrar la ventana Estilo de capa.

Así es como el efecto de texto debería lucir:

Second luruxy layer styleSecond luruxy layer styleSecond luruxy layer style

2. Cómo grabar la acción

Paso 1

Ve a Ventana > Acciones para abrir el panel Acciones. Luego haz clic en el ícono Crear grupo nuevo y nómbralo My Text Effects.

Creating a new action setCreating a new action setCreating a new action set

Paso 2

Ve al panel Capas y selecciona la capa de texto. Después, regresa al panel Acciones y haz clic en el ícono Crear acción nueva y nómbrala Luxury Text Effect.

Ahora Photoshop grabará los siguientes pasos. Mantente atento al panel Acciones y elimina cualquier error o paso innecesario al arrastrarlo al ícono de bote de basura.

Creating a new Photoshop actionCreating a new Photoshop actionCreating a new Photoshop action

Paso 3

Toma la herramienta Texto horizontal (T) y cambia el tamaño del texto a 140 pt. Luego renombra la capa de texto Lux A. Después, ve a Ventana > Estilos para abrir el panel Estilos y haz clic en Lux Style A para aplicarlo al texto.

Applying the first text effectApplying the first text effectApplying the first text effect

Paso 4

Ahora presiona Control-J para duplicar la capa. Después, renombra la nueva capa Lux B y aplícale Lux Style B.

Applying the second layer styleApplying the second layer styleApplying the second layer style

Paso 5

Mantén presionada la tecla Control y selecciona ambas capas de texto. Luego haz clic derecho en una de ellas y elige Convertir en objeto inteligente. Posteriormente, renombra el objeto inteligente Luxury Text Effect.

Creating and renaming the smart objectCreating and renaming the smart objectCreating and renaming the smart object

Paso 6

Ahora vamos a establecer los colores del efecto de texto. Puedes hacerlo del color que quieras. Te mostraré cómo crear un color dorado con algunas sombras púrpura oscuro.

Ve a Ventana > Ajustes y haz clic en el ícono de Mapa de degradado. Después, haz clic derecho en la capa Mapa de degradado y elige Crear máscara de recorte.

Creating a gradient map layerCreating a gradient map layerCreating a gradient map layer

Paso 7

Ve al panel Capas y haz doble clic en la miniatura del mapa de degradado para abrir el panel Propiedades. Luego ve al panel Propiedades y haz clic en la barra de degradado para abrir el Editor de degradado.

Haz clic debajo de la barra de degradado para crear nuevas detenciones. Usa los siguientes ajustes:

  • Primera detención Color: #000000 Ubicación: 22%
  • Segunda detención Color: #49002b Ubicación: 46%
  • Tercera detención Color: #ff8f21 Ubicación: 78%
  • Cuarta detención Color: #ffedd3 Ubicación: 100%
Opening the Gradient EditorOpening the Gradient EditorOpening the Gradient Editor
Gradient editor with a new gradientGradient editor with a new gradientGradient editor with a new gradient

Paso 8

Ve al panel Acciones y haz clic en Detener grabación para finalizar la acción.

Finishing the actionFinishing the actionFinishing the action

Paso 9

Agreguemos una sombra sencilla debajo del texto para que luzca mejor. Toma la herramienta Rectángulo redondeado (U) y crea una forma angosta negra debajo de la capa de texto.

Creating a shape below the textCreating a shape below the textCreating a shape below the text

Paso 10

Cambia la Opacidad de la capa de la forma a 34%. Luego ve a Filtro > Desenfocar > Desenfoque gaussiano y establécelo en 8.0 pixeles.

Applying gaussian blur to the shapeApplying gaussian blur to the shapeApplying gaussian blur to the shape

Y ¡terminamos!

Recuerda guardar la acción y los estilos de capa, para que puedas reinstalarlos posteriormente si los necesitas. También, esta acción de Photoshop se creó en un documento de 300 ppp, así que si lo experimentas en un documento con una resolución de pies por pulgada diferente, el efecto de texto lucirá distinto.

Luxury text effect final resultLuxury text effect final resultLuxury text effect final result

En este tutorial, aprendiste cómo crear un efecto de texto lujoso. Usamos dos estilos de capa y un mapa de degradado para ello. También grabamos una acción de Photoshop para aplicar el efecto de texto rápidamente a cualquier texto que queramos. Ahora, cada vez que quieras el mismo efecto, solo necesitas seleccionar la acción Luxury en el panel Acciones y hacer clic en Reproducir.

No olvides consultar el efecto de texto original: Efectos de texto delicados en Photoshop.

Delicate photoshop text effects promo imageDelicate photoshop text effects promo imageDelicate photoshop text effects promo image
Efectos de texto delicados en Photoshop

Aquí están algunos tutoriales que también te podrían gustar:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.