7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Hacer Texto con Textura de Metal en Photoshop

Read Time: 7 mins

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

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

En este tutorial aprenderás cómo hacer texto de metal en Photoshop, solo necesitarás un par de texturas, motivos y estilos de capa. ¡Comencemos a crear tu textura de metal!

Este efecto de texto se inspira en los Estilos de Capa disponibles en GraphicRiver.

Recursos para el Tutorial de Efectos de Texto en Photoshop

Los siguientes recursos se utilizaron durante la producción de éste tutorial para crear el efecto de letras metálicas Photoshop:

1. Cómo Agregar Ajustes Preestablecidos

Paso 1

Dirígete a Edición > Ajustes Preestablecidos > Gestor de Ajustes y elige Motivos del menú desplegable Tipo de ajuste preestablecido.

Luego, haz click en la flecha pequeña a la derecha del menú desplegable Tipo de Ajuste Preestablecido y haz click en el conjunto Motivos Naturales. Después de esto aparecerá el cuadro de diálogo, solo haz clic en Añadir.

Tutorial: cómo hacer texto de metal en PhotoshopTutorial: cómo hacer texto de metal en PhotoshopTutorial: cómo hacer texto de metal en Photoshop
Tutorial: cómo hacer texto de metal en Photoshop

Paso 2

Abre la imagen Metal scales seamless texture 1 en Photoshop y dirígete a Edición > Definir Motivo, nombra el motivo Metal Scales y haz clic en OK..

Define el motivo para tu efecto de letras PhotoshopDefine el motivo para tu efecto de letras PhotoshopDefine el motivo para tu efecto de letras Photoshop
Define el motivo para tu efecto de letras Photoshop

2. Cómo Crear un Fondo Texturizado para tu Tipografía de Metal

Paso 1

Crea un nuevo documento de 1000 x 600 px. Luego haz click en el icono Crear nuevo capa de relleno o ajuste en la parte inferior del panel Capas y elige Degradado para tus letras con efecto de metal.

Elige un ajuste para la capa de degradado para tus letras Photoshop con efectosElige un ajuste para la capa de degradado para tus letras Photoshop con efectosElige un ajuste para la capa de degradado para tus letras Photoshop con efectos
Elige un ajuste para la capa de degradado para tus letras Photoshop con efectos

Paso 2

Crea el relleno de degradado usando los colores #301e14 a la izquierda y #0d0909 a la derecha para tu efecto de metal en Photoshop.

Establece el Estilo en Radial y la Escala en 250.

Ajustes de degradado para texto metálico en PhotoshopAjustes de degradado para texto metálico en PhotoshopAjustes de degradado para texto metálico en Photoshop
Ajustes de degradado para texto metálico en Photoshop

Paso 3

Coloca la imagen Texture 555 arriba de la capa del Degradado, y cambia su nombre su capa BG Texture.

Cambia el Modo de Fusión de la capa BG Texture a Luz Suave y modifica su tamaño según sea necesario para tu textura de metal.

Configuración de la textura de fondo para tu tipografía de metalConfiguración de la textura de fondo para tu tipografía de metalConfiguración de la textura de fondo para tu tipografía de metal
Configuración de la textura de fondo para tu tipografía de metal

Paso 4

Agrega una capa de ajuste de Mapa de Degradado y recórtala con la capa BG Texture. Utiliza el relleno de degradado de abajo y marca la casilla Tramado. Luego, cambia el Modo de Fusión de la capa Mapa de Degradado a Color y su Opacidad a 75% para tu efecto de metal en Photoshop.

Configuración de degradado para efecto de letras metálicas PhotoshopConfiguración de degradado para efecto de letras metálicas PhotoshopConfiguración de degradado para efecto de letras metálicas Photoshop
Configuración de degradado para efecto de letras metálicas Photoshop

3. Cómo Crear Capas de Texto para tu Tipografía de Metal

Paso 1

Crea el texto metálico en Photoshop usando la fuente Skyoval. Establece el Color en #7f7b78 y el Tamaño en 350 pt.

Crea tus letras con efecto de metalCrea tus letras con efecto de metalCrea tus letras con efecto de metal
Crea tus letras con efecto de metal

Paso 2

Duplica la capa de texto y cambia el valor de Relleno de la copia a 0 para el efecto de metal en Photoshop.

Duplica la capa de texto para el efecto de letras PhotoshopDuplica la capa de texto para el efecto de letras PhotoshopDuplica la capa de texto para el efecto de letras Photoshop
Duplica la capa de texto para el efecto de letras Photoshop

Paso 3

Duplica la copia de la capa de texto para el efecto de letras Photoshop.

Crea otra capa de texto para tu tipografía de metalCrea otra capa de texto para tu tipografía de metalCrea otra capa de texto para tu tipografía de metal
Crea otra capa de texto para tu tipografía de metal

4. Cómo Aplicar Estilo a la Capa de Texto Original

Haz doble-clic en la capa de texto original para aplicar el siguiente estilo de capa a la tipografía de metal.

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 18
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 112
  • Altitud: 32
  • Contorno de Resplandor: Desnivel - Profundo
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
    • Color: #f3d6b7
  • Modo de Sombra: Subexposición Lineal
    • Color: #7a7a7a
Bisel y relieve para letras Photoshop con efectosBisel y relieve para letras Photoshop con efectosBisel y relieve para letras Photoshop con efectos
Bisel y relieve para letras Photoshop con efectos

Paso 2

Agrega un Contorno con éstos parámetros para tu efecto de letras Photoshop:

  • Contorno: Semicircular
  • Marca la casilla Suavizado.
Contorno para efecto de letras metálicas PhotoshopContorno para efecto de letras metálicas PhotoshopContorno para efecto de letras metálicas Photoshop
Contorno para efecto de letras metálicas Photoshop

Paso 3

Agrega una Textura con esta configuración para el efecto de metal en Photoshop:

  • Motivo: Clouds (Nubes)
  • Escala: 25%
  • Profundidad: 5%
Textura para cómo hacer texto de metal en PhotoshopTextura para cómo hacer texto de metal en PhotoshopTextura para cómo hacer texto de metal en Photoshop
Textura para cómo hacer texto de metal en Photoshop

Paso 4

Agrega una Sombra Interior con éstos parámetros para tu texto metálico en Photoshop:

  • Modo de Fusión: Trama
  • Color: #4e9d86
  • Opacidad: 50%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 90
  • Distancia: 8
  • Tamaño: 9
  • Contorno: Semicircular
Sombra interior para efectos de texto en PhotoshopSombra interior para efectos de texto en PhotoshopSombra interior para efectos de texto en Photoshop
Sombra interior para efectos de texto en Photoshop

Paso 5

Agrega un Resplandor Interior con éstos parámetros para tu textura de metal :

  • Modo de Fusión: Diferencia
  • Opacidad: 35%
  • Color: Usa el relleno de degradado Bronze Bz55
  • Origen: Centro
  • Tamaño: 29
Resplandor interior para letras Photoshop con efectosResplandor interior para letras Photoshop con efectosResplandor interior para letras Photoshop con efectos
Resplandor interior para letras Photoshop con efectos

Paso 6

Agrega un efecto Satinado con éstos parámetros a tus letras con efecto de metal :

  • Modo de Fusión: Luz Fuerte
  • Color#deb7a7
  • Opacidad: 50%
  • Ángulo: 90
  • Distancia: 13
  • Tamaño: 15
  • Contorno: Pendiente - Hacia Abajo
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
Efecto satinado para texto metálico en PhotoshopEfecto satinado para texto metálico en PhotoshopEfecto satinado para texto metálico en Photoshop
Efecto satinado para texto metálico en Photoshop

Paso 7

Agrega una Superposición de Colores con éstos parámetros para los efectos de texto en Photoshop:

  • Color#653739
  • Modo de Fusión: Subexponer Color
Superposición de colores para letras Photoshop con efectosSuperposición de colores para letras Photoshop con efectosSuperposición de colores para letras Photoshop con efectos
Superposición de colores para letras Photoshop con efectos

Paso 8

Agrega una Sombra Paralela con éstos parámetros:

  • Color: #010101
  • Opacidad: 85%
  • Distancia: 15
  • Tamaño: 10
Sombra paralela para textura de metalSombra paralela para textura de metalSombra paralela para textura de metal
Sombra paralela para textura de metal

Esto aplicará estilo a la primer capa de texto para la tipografía de metal.

Capa de texto para efecto de letras PhotoshopCapa de texto para efecto de letras PhotoshopCapa de texto para efecto de letras Photoshop
Capa de texto para efecto de letras Photoshop

5. Cómo Aplicar Estilo a la Primera Copia de la Capa de Texto

Haz doble-clic en la primera copia de la capa de texto para aplicar el siguiente estilo de capa a las letras con efecto de metal:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros para un efecto de metal en Photoshop:

  • Tamaño: 10
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 69
  • Altitud: 42
  • Contorno de Resplandor: Cono - Invertido
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
    • Color: #f3d6b7
  • Modo de Sombra:
    • Opacidad: 0%
Bisel y relieve para efecto de letras metálicas PhotoshopBisel y relieve para efecto de letras metálicas PhotoshopBisel y relieve para efecto de letras metálicas Photoshop
Bisel y relieve para efecto de letras metálicas Photoshop

Paso 2

Agrega un Contorno con éstos parámetros para tu efecto de letras Photoshop:

  • Contorno: Cono
  • Marca la casilla Suavizado.
  • Rango: 100%
Contorno para tipografía de metalContorno para tipografía de metalContorno para tipografía de metal
Contorno para tipografía de metal

Paso 3

Agrega una Textura con éstos parámetros para los efectos de texto en Photoshop:

  • Motivo: Margaritas Azules
  • Escala: 25%
  • Profundidad: 5%
Textura para efectos de texto en PhotoshopTextura para efectos de texto en PhotoshopTextura para efectos de texto en Photoshop
Textura para efectos de texto en Photoshop

Paso 4

Agrega una Sombra Interior con éstos parámetros para tu texto metálico en Photoshop:

  • Modo de Fusión: Subexposición Lineal
  • Color#a5a7cb
  • Opacidad: 50%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 90
  • Distancia: 5
  • Retraer: 10
  • Tamaño: 9
sombra interior para letras con efecto de metalsombra interior para letras con efecto de metalsombra interior para letras con efecto de metal
sombra interior para letras con efecto de metal

Paso 5

Agrega un Resplandor Interior con éstos parámetros para tus efectos de texto en Photoshop:

  • Modo de Fusión: Superponer
  • Opacidad: 11%
  • Color: Usa el relleno de degradado stove pipe 100
  • Técnica: Preciso
  • Origen: Centro
  • Tamaño: 18
  • Contorno: Cono - Invertido
Resplandor interior  para efecto de metal en PhotoshopResplandor interior  para efecto de metal en PhotoshopResplandor interior  para efecto de metal en Photoshop
Resplandor interior para efecto de metal en Photoshop

Esto aplicará estilo a la segunda capa de texto a tus letras Photoshop con efectos.

Segunda capa para tipografía de metalSegunda capa para tipografía de metalSegunda capa para tipografía de metal
Segunda capa para tipografía de metal

6. Cómo Aplicar Estilo a la Segunda Copia de la Capa de Texto

Haz doble-clic en la segunda copia de la capa de texto para aplicar el siguiente estilo de capa a tus efectos de texto en Photoshop:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros a tus letras Photoshop con efectos:

  • Tamaño: 32
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -30
  • Altitud: 48
  • Contorno de Resplandor: Cono
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Intensa
Cómo hacer texto de metal en Photoshop: bisel y relieve Cómo hacer texto de metal en Photoshop: bisel y relieve Cómo hacer texto de metal en Photoshop: bisel y relieve
Cómo hacer texto de metal en Photoshop: bisel y relieve

Paso 2

Agrega un Contorno con éstos parámetros a tu texto metálico en Photoshop:

  • Contorno: Aro - Doble
  • Marca la casilla Suavizado
  • Rango: 100%
Contorno para letras Photoshop con efectosContorno para letras Photoshop con efectosContorno para letras Photoshop con efectos
Contorno para letras Photoshop con efectos

Paso 3

Agrega una Textura con éstos parámetros a tus letras con efecto de metal:

  • Motivo: Metal Scales
  • Escala: 50%
Textura para efecto de letras PhotoshopTextura para efecto de letras PhotoshopTextura para efecto de letras Photoshop
Textura para efecto de letras Photoshop

Paso 4

Agrega un Resplandor Interior con estos parámetros para un efecto de letras metálicas Photoshop :

  • Modo de Fusión: Luz Lineal
  • Opacidad: 35%
  • Color#e5d2b2
  • Tamaño: 29
  • Contorno: Cono - Asimétrico
Resplandor interior para efecto de letras metálicas PhotoshopResplandor interior para efecto de letras metálicas PhotoshopResplandor interior para efecto de letras metálicas Photoshop
Resplandor interior para efecto de letras metálicas Photoshop

Paso 5

Agrega un efecto Satinado con éstos parámetros a tus efectos de texto en Photoshop:

  • Modo de Fusión: Luz Lineal
  • Color#930f7
  • Opacidad: 50%
  • Ángulo: 5
  • Distancia: 51
  • Tamaño: 65
  • Contorno:
  • Marca la casilla Suavizado
  • Desmarca la casilla Invertir
Satinado para texto metálico en PhotoshopSatinado para texto metálico en PhotoshopSatinado para texto metálico en Photoshop
Satinado para texto metálico en Photoshop

Paso 6

Agrega una Superposición de Motivo con éstos parámetros para tus letras con efecto de metal:

  • Modo de Fusión: Aclarar
  • Opacidad: 35%
  • Motivo: Metal Scales
  • Escala: 50%
Superposición de motivo para textura de metalSuperposición de motivo para textura de metalSuperposición de motivo para textura de metal
Superposición de motivo para textura de metal

Esto aplicará estilo a la capa final de tu tipografía de metal.

Capa tres para efecto de letras metálicas PhotoshopCapa tres para efecto de letras metálicas PhotoshopCapa tres para efecto de letras metálicas Photoshop
Capa tres para efecto de letras metálicas Photoshop

7. Cómo Ajustar el Color

Agrega una capa de ajuste de Mapa de Degradado encima de todas las capas, usa el relleno de degradado de abajo y marca la casilla Tramado.

Luego, cambia el Modo de Fusión de la capa del Mapa de Degradado a Luz Suave y su Opacidad a 20%.

Mapa de degradado para efectos de texto en PhotoshopMapa de degradado para efectos de texto en PhotoshopMapa de degradado para efectos de texto en Photoshop
Mapa de degradado para efectos de texto en Photoshop

¡Felicidades! Terminaste

En éste tutorial, creamos un fondo usando un relleno de degradado y una textura. Luego, vimos cómo hacer texto de metal en Photoshop creando un par de capas de texto y aplicando estilo a cada una de ellas para lograr el efecto de metal líquido.

Siéntete con toda confianza de dejar tus comentarios, sugerencias y resultados a continuación. 

Final ResultFinal ResultFinal Result
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.
Scroll to top
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.