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

Cómo crear un efecto de texto de metal brillante en Adobe Photoshop

Read Time: 7 mins

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

El uso de motivos con diferentes ajustes de brillo y textura puede hacer que la creación de efectos interesantes y detallados sea un trabajo divertido y sencillo. Este tutorial te enseñará cómo utilizar la técnica de duplicado con transformación para crear una pieza de texto 3D, y luego a utilizar un montón de diferentes estilos de capas para lograr un efecto de texto metálico brillante. ¡Empecemos!

Recursos del tutorial

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

1. Crea el fondo

Paso 1

Crea un nuevo documento de 1260 x 850 px, y duplica la capa de Fondo.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

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

Paso 2

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

  • Marca la casilla Tramado
  • Modo de fusión: Luz suave
  • Opacidad: 85%
  • Estilo: Radial
  • Escala: 150%
  • Marca la casilla Invertir
  • Haz clic en la casilla Degradado para crear el degradado
Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Tendrás que hacer clic debajo de la barra de Degradado para añadir Paradas de color. Luego, en cada Parada de color que tengas, puedes hacer clic para seleccionarla, y modificar sus valores de Color y Ubicación como se muestra a continuación.

Estos son los valores utilizados de izquierda a derecha:

  • Color: #212121, Ubicación: 0
  • Color: #656667, Ubicación: 72
  • Color: #646565, Ubicación: 100
Gradient EditorGradient EditorGradient Editor

Paso 4

Agrega una Superposición de motivo con estas configuraciones:

  • Motivo: webtreats_black_leather.jpg
Pattern OverlayPattern OverlayPattern Overlay

Esto estilizará el fondo con textura de cuero.

Leather BackgroundLeather BackgroundLeather Background

2. Crea el texto y la extrusión 3D

Paso 1

Crea el texto en Mayúsculas usando la fuente Sans Serif Exb FLF. El Tamaño es de 300 pt, el color es #504d4a, y la Escala horizontal es de 90%.

Create the TextCreate the TextCreate the Text

Paso 2

Duplica la capa de texto, cambia el valor de Relleno de la copia a 0, y duplícala.

Duplicate Text LayersDuplicate Text LayersDuplicate Text Layers

Paso 3

Duplica la capa de texto original y arrastra la copia debajo de ella.

Ve a Edición > Transformación libre (Comando-T), y luego presiona la tecla de la Flecha derecha una vez, y la tecla de la Flecha abajo una vez para mover la copia de la capa 1 px a la derecha y 1 px hacia abajo.

A continuación, pulsa la tecla Enter para aceptar los cambios.

Move the TextMove the TextMove the Text

Paso 4

Presiona Opción-Comando-Shift-T (Alt-Control-Shift-T para Windows) nueve veces para duplicar la capa con la transformación a fin de crear la extrusión 3D.

Duplicate the Text with TransformationDuplicate the Text with TransformationDuplicate the Text with Transformation

Paso 5

Selecciona todas las capas de texto debajo de la capa de texto original, y ve a Filtro > Convertir para filtros inteligentes. Renombra la capa del objeto inteligente a 3D. A continuación, duplícala y cambia el valor de Relleno de la copia a 0.

Convert to Smart ObjectsConvert to Smart ObjectsConvert to Smart Objects

3. Estiliza la primera capa 3D

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

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Técnica: Cincel Duro
  • Tamaño: 10
  • Contorno brillante: Desnivel - Profundo
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Añade una Sombra interior con estos ajustes:

  • Distancia: 0
  • Extensión: 10
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Paso 4

Agrega una Superposición de degradado con estos ajustes:

  • Utiliza el relleno de degradado CSP True Sky Blue.
Gradient OverlayGradient OverlayGradient Overlay

Paso 5

Añade una Sombra paralela con estos ajustes:

  • Distancia: 20
  • Tamaño: 20
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará la capa 3D principal y agregará el color del degradado. Una vez que termines de estilizar el resto de las capas, puedes volver a ésta y probar diferentes rellenos de degradado si quieres.

Styled 3D LayerStyled 3D LayerStyled 3D Layer

4. Estiliza la copia de la capa 3D

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

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Técnica: Cincel duro
  • Tamaño: 15
  • Desmarca la casilla Usar luz global
  • Ángulo: 30
  • Altitud: 50
  • Marca la casilla Suavizado
  • Modo resaltado - Opacidad: 0%
  • Modo de sombra - Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Cono
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Añade una Sombra interior con estos ajustes:

  • Distancia: 0
  • Extensión: 10
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Paso 4

Agrega una Superposición de degradado con estos ajustes:

  • Modo de fusión: Superponer
  • Estilo: Reflejado
  • Ángulo: 60
  • Utilice el relleno de degradado faucet 30
Gradient OverlayGradient OverlayGradient Overlay

Paso 5

Agrega una Superposición de motivo con estas configuraciones:

  • Modo de fusión: Superponer
  • Opacidad: 90%
  • Motivo: metal_2-512px.jpg
  • Escala: 75%
Pattern OverlayPattern OverlayPattern Overlay

Esto añadirá más profundidad y detalle a la parte 3D.

Styled 3D Copy LayerStyled 3D Copy LayerStyled 3D Copy Layer

5. Estiliza la capa de texto original

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

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 14
  • Desmarca la casilla Usar luz global
  • Ángulo: 76
  • Altitud: 69
  • Marca la casilla Suavizado
  • Modo resaltado: Luz intensa
  • Color: #ffe1c9
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Marca la casilla Contorno y utiliza los valores predeterminados.

ContourContourContour

Paso 3

Añade una Textura con estos ajustes:

  • Motivo: metal_2-512px.jpg
  • Profundidad: 50%
TextureTextureTexture

Paso 4

Añade un Trazo con estos ajustes:

  • Tamaño: 2
  • Posición: Interior
  • Modo de fusión: Luz lineal
  • Tipo de relleno: Degradado
  • Estilo: Reflejado
  • Ángulo: 90
  • Utiliza el relleno de degradado stove pipe 50
StrokeStrokeStroke

Paso 5

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Subexposición de color
  • Color: #123c6b
  • Opacidad: 55%
  • Distancia: 0
  • Tamaño: 60
  • Contorno: Desnivel - Profundo
  • Marca la casilla Suavizado
Inner ShadowInner ShadowInner Shadow

Paso 6

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Ruido: 15%
  • Color: #f4d9c0
  • Tamaño: 14
Inner GlowInner GlowInner Glow

Paso 7

Añade un Satinado con estos ajustes:

  • Modo de fusión: Sobreexposición de color
  • Color: #9a9a9a
  • Distancia: 48
  • Tamaño: 39
  • Contorno: Cono - Asimétrico
SatinSatinSatin

Paso 8

Agrega una Superposición de degradado con estos ajustes:

  • Modo de fusión: Iluminar
  • Utiliza el relleno de degradado stove pipe 100
Gradient OverlayGradient OverlayGradient Overlay

Paso 9

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Ruido: 10%
  • Color: #c6ab6a
  • Tamaño: 35
Outer GlowOuter GlowOuter Glow

Paso 10

Añade una Sombra paralela con estos ajustes:

  • Color: #8d5411
  • Distancia: 10
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará el texto principal.

Styled Text LayerStyled Text LayerStyled Text Layer

6. Estiliza la primera copia de la capa de texto

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

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 1
  • Marca la casilla Suavizado
  • Modo resaltado: Luz intensa
  • Modo de sombra: Subexponer color
  • Color: #74460f
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Peldaños redondeados
  • Marca la casilla Suavizado
ContourContourContour

Paso 3

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Ruido: 30%
  • Color: #f3d8aa
  • Fuente: Centro
  • Tamaño: 62
Inner GlowInner GlowInner Glow

Esto intensificará el efecto brillante en el centro del texto.

Styled Copy Text LayerStyled Copy Text LayerStyled Copy Text Layer

7. Estiliza la segunda copia de la capa de texto

Haz doble clic en la segunda copia de la capa de texto para aplicar un efecto de Resplandor interior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Opacidad: 55%
  • Ruido: 30%
  • Color: #d5ad89
  • Tamaño: 14
Inner GlowInner GlowInner Glow

Esto intensificará el efecto brillante en los bordes.

Styled Second Copy Text LayerStyled Second Copy Text LayerStyled Second Copy Text Layer

8. Añade la imagen de la textura de fondo y ajusta el color del resultado final

Paso 1

Coloca la imagen Textura de acero Inoxidable con desviación de luz encima de la copia de la capa de Fondo, cambia su tamaño según sea necesario, y luego cambia el Modo de fusión de su capa a Luz suave.

Place Texture ImagePlace Texture ImagePlace Texture Image

Paso 2

Haz clic en el icono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Equilibrio de color.

Add Color Balance Adjustment LayerAdd Color Balance Adjustment LayerAdd Color Balance Adjustment Layer

Paso 3

Con la opción Tono establecida en Medios tonos, cambia los valores a -35, -1, +10, y marca la casilla Conservar luminosidad.

Color Balance SettingsColor Balance SettingsColor Balance Settings

¡Felicitaciones! Lo lograste

En este tutorial, creamos un fondo de cuero simple, y añadimos un par de copias del texto en el que estábamos trabajando.

Luego copiamos el texto con una transformación para crear la parte 3D, y lo convertimos en un objeto inteligente.

Después de eso, estilizamos todas las capas, para lograr el efecto de textura y brillo, usando un montón de diferentes estilos de capas con diferentes ajustes y valores.

Finalmente, añadimos una textura simple al fondo, y usamos una capa de ajuste de Equilibrio de color para mejorar la coloración del resultado final.

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

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads