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

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:

• Recursos para el efecto de texto dorado
• Fuente Anton

• 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

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.

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%

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

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

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.

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%

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%

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%

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

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%

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%

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.

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

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%

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%

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%

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%

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.

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!).

50 estilos dorados y plateados

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

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!

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.

• 
  Efectos de texto
  Consejo rápido: Cómo crear un efecto de texto de cobre metálico utilizando estilos de capa en Photoshop
  Enrique Elicabe
• 
  Estilos de capa
  Cómo crear una maqueta negra y dorada de logotipo y texto en 3D
  Jan Stverak
• 
  Efectos de texto
  Cómo crear un efecto de texto plateado inspirado en los años 80 con Adobe Photoshop
  Rose
• 
  Efectos de texto
  Crea un sencillo efecto de texto metálico en 3D con Adobe Photoshop
  Rose