Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto dorado 3D utilizando estilos de capa en Photoshop

by
Read Time:7 minsLanguages:

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

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

En este tutorial, voy a explicar cómo crear un efecto de texto dorado en 3D realista utilizando estilos de capa en Adobe Photoshop. ¡Empecemos!

Recursos del tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

  • Descarga el archivo Gold_Text_Effect-Assets.zip y extrae los dos archivos que contiene.
  • Instala el archivo Motivo "Patterns.pat".
  • Instala el archivo Contorno "CustomContours.shc".

Nota: Para instalar, tienes que hacer doble clic en los iconos. Es así de sencillo.

  • Descarga e instala la "fuente Anton".

1. Cómo crear el fondo

Paso 1

Crea un nuevo documento (Archivo > Nuevo).

  • Ancho: 850 px
  • Altura: 500 px
  • Resolución: 72 PPP
Create a new document to the text designCreate a new document to the text designCreate a new document to the text design

Paso 2

Duplica el fondo (ve a Capa > Duplicar capa > Aceptar) y renombra la nueva capa como "Motivo de fondo".

Paso 3

Ahora vamos a añadir una textura a la capa de fondo.

Haz doble clic en la capa "Motivo de fondo" para abrir la ventana de estilos de capa. Ve a Superposición de motivo y, a continuación, haz clic en la casilla Motivo y selecciona el Motivo01 recién añadido. Haz clic en Aceptar.

Pattern Overlay to the gold style photoshopPattern Overlay to the gold style photoshopPattern Overlay to the gold style photoshop

Paso 4

Para que el fondo se vea un poco oscuro, vamos a añadir una capa negra de Superposición de color con una Opacidad del 50%. Hay que hacer doble clic en la capa Motivo de fondo y, una vez que aparezca la ventana de estilo de capa, establece los siguientes valores en la sección Superposición de color.

  • Modo de fusión: Normal
  • Color: #000000
  • Opacidad: 50%
Color Overlay for the photoshop layer styleColor Overlay for the photoshop layer styleColor Overlay for the photoshop layer style

2. Cómo crear el texto y alinearlo

Paso 1

Escribe la palabra "GOLD" usando la fuente Anton.

  • Tamaño de fuente: 230 px
  • Tracking: -20 pt
  • Modo suavizado: Redondeado
  • Color: #ffffff
Text and Align for layer styleText and Align for layer styleText and Align for layer style

Paso 2

Duplica la capa de texto GOLD y dale el nombre de "GOLD A" a la capa superior y "GOLD B" a la capa inferior. Pronto conseguiremos el efecto 3D con ambas capas.

Usando la herramienta Mover, selecciona ambas capas de texto y la capa de fondo y luego haz clic en los comandos de alineación en el menú superior para centrar el texto.

  • Alinear horizontal: Centro
  • Alinear vertical: Centro
3D effect layers styles3D effect layers styles3D effect layers styles

3. Estiliza la capa principal

Paso 1

Vamos a trabajar en la capa GOLD A. Vamos a Estilo de capa > Superposición de motivo, hacemos clic en la casilla Motivo y elegimos Motivo02 de la lista. Esta textura funcionará como base para el efecto de metal dorado.

Metallic Pattern OverlayMetallic Pattern OverlayMetallic Pattern Overlay

Paso 2

Para empezar a crear el aspecto brillante, ve a Estilo de capa > Bisel y relieve y utiliza los siguientes valores.

  • Estilo: Bisel interior
  • Técnica: Redondear
  • Profundidad: 675%
  • Dirección: Superior
  • Tamaño: 190 px
  • Suavizar: 0 px
  • Ángulo: 90º
  • Usar luz global: Desmarcado
  • Altitud: 30º

Ahora, vamos a añadir el archivo "CustomContours.shc" previamente instalado. Haz clic en el icono desplegable de Contorno de resplandor y luego selecciona el contorno llamado "CustomContour01"

Ahora podemos continuar:

  • Suavizado: Marcado
  • Modo resaltado: Sobreexposición lineal (añadir)
  • Color de resaltado: #ebe89b
  • Opacidad de resaltado: 30%
  • Modo de sombra: Sobreexposición de color
  • Color de sombra: #655f54
  • Opacidad de sombra: 40%
Metallic Bevel Emboss 3D Photoshop styleMetallic Bevel Emboss 3D Photoshop styleMetallic Bevel Emboss 3D Photoshop style

Paso 3

Ve a Estilo de capa > Sombra interior y utiliza los ajustes que se muestran a continuación para aclarar los bordes.

  • Modo de fusión: Luz intensa
  • Opacidad: 50%
  • Color: #ffffff
  • Ángulo: 90º
  • Utilizar luz global: Desmarcado
  • Distancia: 1 px
  • Retraer: 0%
  • Tamaño: 0 px
  • Contorno: Predeterminado
  • Suavizado: Marcado
  • Ruido: 0%
Inner Shadow to metallic text styleInner Shadow to metallic text styleInner Shadow to metallic text style

Paso 4

Ve a Estilo de capa > Resplandor interior y utiliza los ajustes que se muestran a continuación para enfatizar los bordes iluminados.

  • Modo de fusión: Sobreexposición de color
  • Opacidad: 20%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más suavizado
  • Borde: Marcado
  • Vibración: 0%
  • Tamaño: 3 px

Ahora, vamos a añadir el archivo "CustomContours.shc" previamente instalado. Haz clic en el icono desplegable Contorno y luego selecciona el contorno llamado "CustomContour02".

Ahora podemos continuar:

  • Suavizado: Desmarcado
  • Rango: 50%
  • Vibración: 0%
Inner Glow to 3d textInner Glow to 3d textInner Glow to 3d text

Paso 5

Ahora vamos a enfatizar las luces para dar más realismo al efecto metálico. Ve a Estilo de capa > Satinado y utiliza los ajustes que se muestran a continuación.

  • Modo de fusión: Sobreexposición de color
  • Color: #fffae6
  • Opacidad: 20%
  • Ángulo 90º
  • Distancia: 150 px
  • Tamaño: 230 px

Ahora, vamos a añadir el archivo "CustomContours.shc" previamente instalado. Haz clic en el icono desplegable Contorno y luego selecciona el contorno llamado "CustomContour03".

Ahora podemos continuar:

  • Suavizado: Marcado
  • Invertir: Desmarcado
Metallic effect SatinMetallic effect SatinMetallic effect Satin

Paso 6

Ahora vamos a crear una superposición de degradado, que dará un efecto dorado más suave. Abre de nuevo el Estilo de capa y modifica la configuración de la Superposición de degradado con los siguientes valores.

  • Modo de fusión: Oscurecer
  • Opacidad: 100%
  • Invertir: Desmarcado
  • Estilo: Lineal
  • Alinear con capa: Marcado
  • Ángulo 90º
  • Escala: 100%

Haz clic en la Barra de degradado y haz un degradado con estos ajustes:

Consejo: Para crear un nuevo punto en el degradado, debes hacer clic debajo de la barra de degradado. Al hacer clic en cada una de las detenciones de color se puede modificar la Ubicación y el Color.

  • Color de la primera detención: #8e6617
  • Ubicación de la primera detención: 0%
  • Segunda detención de color: #876b2c
  • Ubicación de la segunda detención: 25%
  • Color de la tercera detención: #997a35
  • Ubicación de la tercera detención: 45%
  • Color de la cuarta detención: #e0b545
  • Ubicación de la cuarta detención: 67%
  • Color de la quinta detención: #947632
  • Ubicación de la quinta detención: 83%
  • Color de la sexta detención: #886218
  • Ubicación de la sexta detención: 53%
Gradient Overlay metallic effect photoshopGradient Overlay metallic effect photoshopGradient Overlay metallic effect photoshop
gold style photoshopgold style photoshopgold style photoshop

Paso 7

Para conseguir un color dorado realista, ve a Estilo de capa > Superposición de color y establece los siguientes valores.

  • Modo de fusión: Tono
  • Color: #fff0c9
  • Opacidad: 100%
Golden Color OverlayGolden Color OverlayGolden Color Overlay

4. Estiliza la segunda capa

Paso 1

Vamos a trabajar con la capa GOLD B, ¡así que asegúrate de seleccionarla!

Este es un paso importante para conseguir el efecto de perspectiva central 3D.

Utiliza el atajo de teclado Control-T para transformar la anchura ajustando la Escala horizontal al 92%. A continuación, pulsa Intro.

3d text effect photoshop3d text effect photoshop3d text effect photoshop

Paso 2

Vamos a añadir el mismo motivo para que coincida con la textura y el color de ambas capas de texto. Ve a Estilo de capa > Superposición de motivo, haz clic en la casilla Motivo y elige Motivo02 de la lista. Esta textura funcionará como base para el efecto 3D.

Ahora establece los siguientes valores:

  • Modo de fusión: Normal
  • Opacidad: 100%
  • Escala: 100%
  • Enlazar con capa: Marcado
Metal style photoshop Pattern OverlayMetal style photoshop Pattern OverlayMetal style photoshop Pattern Overlay

Paso 3

Ahora vamos a crear una superposición de degradado, que dará un efecto 3D profundo. Abre de nuevo el Estilo de capa y modifica la configuración de la Superposición de degradado con los siguientes valores:

  • Modo de fusión: Superponer
  • Opacidad: 100%
  • Invertir: Desmarcado
  • Estilo: Lineal
  • Alinear con capa: Marcado
  • Ángulo 90º
  • Escala: 100%

Haz clic en la Barra de degradado y haz un degradado con estos ajustes:

Recuerda: Para crear un nuevo punto en el degradado, tienes que hacer clic debajo de la barra de degradado. Al hacer clic en cada una de las detenciones de color se puede modificar la Ubicación y el Color.

  • Color de la primera detención: #1a1b1e
  • Ubicación de la primera detención: 0%
  • Color de la segunda detención: #525458
  • Ubicación de la segunda detención: 15%
  • Color de la tercera detención: #83878c
  • Ubicación de la tercera detención: 31%
  • Color de la cuarta detención: #eff0ee
  • Ubicación de la cuarta detención: 41%
  • Color de la quinta detención: #ffffff
  • Ubicación de la quinta detención: 46%
  • Color de la sexta detención: #797d82
  • Ubicación de la sexta detención: 53%
  • Color de la segunda detención: #5d6063
  • Ubicación de la segunda detención: 59%
  • Color de la tercera detención: #4e5057
  • Ubicación de la tercera detención: 65%
  • Color de la cuarta detención: #3c3e45
  • Ubicación de la cuarta detención: 72%
  • Color de la quinta detención: #4e5057
  • Ubicación de la quinta detención: 82%
  • Color de la sexta detención: #1a1b1e
  • Ubicación de la sexta detención: 100%
Metallic effect photoshop Gradient OverlayMetallic effect photoshop Gradient OverlayMetallic effect photoshop Gradient Overlay
3D Golden text effect photoshop3D Golden text effect photoshop3D Golden text effect photoshop

Paso 4

Para igualar el color dorado realista, ve a Estilo de capa > Superposición de color y establece los siguientes valores.

  • Modo de fusión: Luz fuerte
  • Color: #443a1d
  • Opacidad: 100%
Golden Color OverlayGolden Color OverlayGolden Color Overlay

5. Cómo hacer la sombra

Paso 1

Vamos a añadir algunas "sombras rústicas" a la capa de texto inferior. Ve a Estilo de capa > Sombra interior.

Utiliza el archivo "CustomContours.shc" previamente instalado. Haz clic en el icono desplegable Contorno y luego selecciona el contorno llamado "CustomContour04".

Utiliza los valores que se muestran a continuación para terminar la Sombra interior:

  • Modo de fusión: Luz suave
  • Color: #000000
  • Opacidad: 20%
  • Ángulo: -41º
  • Usar luz global: Desmarcado
  • Distancia: 28 px
  • Retraer: 100%
  • Tamaño: 0 px
  • Suavizado: Marcado
  • Ruido: 100%
Inner Shadow 3D Text EffectInner Shadow 3D Text EffectInner Shadow 3D Text Effect

Paso 2

Necesitamos añadir algunas sombras para separar el texto del fondo. Ve a Estilo de capa > Resplandor exterior y utiliza los valores que se muestran a continuación.

  • Modo de fusión: Color más oscuro
  • Opacidad: 80%
  • Ruido: 20%
  • Color: #000000
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 30%
  • Contorno: Predeterminado
  • Suavizado: Desmarcado
  • Rango: 50%
  • Vibración: 0%
Shadow Outer Glow Gold Text EffectShadow Outer Glow Gold Text EffectShadow Outer Glow Gold Text Effect

Paso 3

¡Este es el paso final! Vamos a añadir algunas sombras definidas para conseguir un aspecto iluminado y elegante. Ve a Estilo de capa > Sombra paralela y utiliza los valores que se muestran en la imagen de abajo.

  • Modo de fusión: Normal
  • Color: #010101
  • Opacidad: 20%
  • Ángulo: 90º
  • Usar luz global: Desmarcado
  • Distancia: 20 px
  • Extensión: 100 px
  • Tamaño: 5 px
  • Contorno: Predeterminado
  • Ruido: 0%
  • La capa cubre la sombra paralela: Marcado

Imagen final

Buen trabajo, ¡terminaste!

En este tutorial, te mostré cómo crear un efecto realista de texto metálico dorado en 3D. Espero que hayas disfrutado de este tutorial y puedas utilizar lo que has aprendido para tus propios proyectos.

¡Por favor, no dudes en comentar y mostrarme tus resultados!.

30 Estilos cromados y de cristal para Photoshop [LOTE]

Si buscas más inspiración para efectos de texto dorado en 3D, puedes usar este "Efecto de estilo de una capa" que tiene un aspecto realista y una sola capa.

30 Chrome Crystal Photoshop Styles BUNDLE30 Chrome Crystal Photoshop Styles BUNDLE30 Chrome Crystal Photoshop Styles BUNDLE

Efectos de texto dorado en 3D

Aquí tenemos un estilo 3D concéntrico con un papel metálico muy realista como textura. Pensar fuera de lo común puede ayudarte a mejorar mi idea del tutorial anterior (¡hay un reto!).

3D Gold Text Effects3D Gold Text Effects3D Gold Text Effects

50 estilos dorados y plateados

O tal vez puedas convertir el dorado en plateado, cobrizo, etc., como éste.

50 Gold Silver Styles50 Gold Silver Styles50 Gold Silver Styles

Efectos de texto dorados

Por último, te muestro este efecto de texto plano pero totalmente dorado. Por favor, recuerda, ¡sé creativo en todos tus trabajos!

Gold Text EffectsGold Text EffectsGold Text Effects

Hay muchos más efectos de texto metálico en 3D en GraphicRiver, así que consulta la gama completa para encontrar uno que te guste.

También puedes seguir otro tutorial para reforzar tus nuevas habilidades para hacerlos. Recuerda, piensa en cómo se ve y trata de replicar los efectos. Siempre puedes hacer tus propios efectos, pero la primera vez conviene seguir otro ejemplo para aprender de la manera correcta.

One subscription.
Unlimited Downloads.
Get unlimited downloads