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

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

Final 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 image — Efectos de texto delicados en Photoshop

Recursos del tutorial

Los siguientes recursos se utilizaron durante este tutorial:

Fuente Lobster1.4
Motivo acojinado *
Imagen de fondo dentro del archivo zip adjunto a 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.

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.

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%

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%

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%

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

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%

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%

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%

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%

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.

Así debe de lucir ahora el efecto de texto:

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.

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%

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

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%

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%

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%

Paso 14

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

Modo de fusión: Sobreexposición de color
Color: #d4d4d4
Opacidad: 6%

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

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:

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.

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.

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.

Paso 4

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

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.

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.

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%

Paso 8

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

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.

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.

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.

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.

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