Crea un simple y elegante efecto de texto metal Photoshop

Usar texturas Photoshop a menudo añade bonitos detalles a los efectos, y proporciona profundidad a los diseños planos. Este tutorial te mostrará cómo crear un simple efecto de texto con textura metal utilizando estilos de capa. Posteriormente, te mostrará cómo hacer que ese texto luzca más interesante agregando una sencilla superposición de textura metálica. ¡Comencemos!

Recursos del tutorial para efecto texto Photoshop

Los siguientes recursos se utilizaron durante la producción de este tutorial para efecto metálico.

• fuente spinweradC Bold 
• motivo paper_2 de Atle Mo
• motivo mosaico de 3 px de Gre3g
• Paquete gratuito de 6000 degradados Photoshop de Supertuts007 (carga los archivos RS_Chrome.grd y CSP True Sky Gradients.grd)
• Foto de stock de Nueva York (ya no está disponible) de AnotherJamesDean

1. Crea el fondo para la textura metálica

Paso 1

Crea un nuevo documento para el efecto metal Photoshop de 1024 x 1024 px en Adobe Photoshop. Establece el color de Frente en #7d7d7d y el color de Fondo en #434343. Selecciona la herramienta Degradado, elige el relleno de degradado de Frente a Fondo y haz clic en el ícono de Degradado radial.

Luego, haz clic y arrastra desde el centro del documento hacia una de las esquinas para crear el degradado del fondo y duplica la capa Fondo.

Paso 2

Haz doble clic en la capa Fondo copia para aplicar un efecto de Superposición de motivo usando los siguientes valores:

• Modo de fusión: Multiplicar
• Opacidad: 100%
• Motivo: paper_2

Paso 3

Esto añadirá un sutil motivo al fondo.

Paso 4

Duplica la capa Fondo copia, luego haz clic derecho en la copia y elige Rasterizar estilo de capa. Si estás trabajando con versiones inferiores a CS6, agrupa la capa de la copia y luego combina el grupo.

Cambia el Modo de fusión de la capa rasterizada a Superponer. Esto intensificará el motivo y oscurecerá el fondo.

2. Creando el texto para el efecto metal Photoshop

Paso 1

Crea el texto en Todo en Mayúsculas usando la fuente spinweradC Bold, el color #454646, la fuente en Tamaño 300 pt, y si estás creando más de una línea de texto, cambia el valor de Interlineado a 250.

Paso 2

Duplica la capa de texto y luego cambia su valor de Relleno a 0.

Paso 3

Haz doble clic en la capa del texto original para aplicar un sencillo efecto de Sombra paralela usando los valores mostrados a continuación:

• Distancia: 35
• Tamaño: 50

Paso 4

Esto aplicará la sombra a la capa de texto inferior.

3. Aplicando estilo al texto para efecto metal Photoshop

Haz doble clic en la copia de la capa de texto para aplicar el siguiente estilo de capa.

Paso 1

Agrega un Bisel y relieve con estos parámetros:

• Tamaño: 10
• Desmarca la casilla Usar luz global
• Ángulo: -169
• Altitud: 64
• Marca la casilla Suavizado
• Modo de resaltado: Luz intensa

Paso 2

Para el Contorno, solo marca la casilla Suavizado.

Paso 3

Añade una Textura usando el motivo mosaico de 3 px.

Paso 4

Agrega un Trazo con los siguientes parámetros:

• Tamaño: 1
• Tipo de relleno: Degradado
• Estilo: Reflejado
• Ángulo: 45
• Usa el degradado Chrome Bar 135

Paso 5

Agrega un Resplandor Interior con estos parámetros:

• Modo de fusión: Superponer
• Ruido: 100%
• Color: #f6f6f6
• Tamaño: 10

Paso 6

Añade una Superposición de degradado con estos parámetros:

• Modo de fusión: Luz suave
• Opacidad: 35%
• Estilo: Reflejado
• Ángulo: 45
• Marca la casilla Invertir
• Utiliza el degradado stove pipe 10

Paso 7

Añade una Sombra paralela con los siguientes valores:

• Opacidad: 62%
• Distancia: 8
• Tamaño: 8

Paso 8

Esto aplicará estilo al texto principal. El texto luce un poco plano y carece de detalles interesantes. Así que vamos a usar una textura para arreglar eso.

4. Agregando la textura metal

Paso 1

Coloca la Fotografía de stock de Nueva York arriba de todas las capas, luego aplica Filtro > Desenfocar > Desenfoque gaussiano y cambia el Radio a 1.5.

Paso 2

Cambia el Modo de fusión de la capa de la textura a Superponer y disminuye su Opacidad a 20% o cualquier otro valor que quieras, dependiendo de qué tan sutil o intenso quieres que sea el efecto. También puedes redimensionar la textura Photoshop y moverla ahora que puedes ver el texto detrás de ella hasta que te agrade el resultado que obtienes.

Paso 3

Aplica la combinación de teclas Comando/Control-clic a la miniatura de la capa de texto para crear una selección.

Paso 4

Haz clic en el ícono Añadir máscara de capa en la parte inferior del panel Capas para eliminar la textura adicional afuera del texto.

Lo maravilloso de usar una máscara de capa en lugar de eliminar es que puedes volver a aplicarla a cualquier otro texto que crees sin la necesidad de trabajar en la textura metal desde un principio.

5. Añadiendo los destellos para el efecto texto Photoshop

Paso 1

Establece el color de Frente en #ebebeb, toma la herramienta Pincel y abre el panel Pincel (Ventana > Pincel).

Elige una punta de pincel circular difuso de 35 px y cambia el valor de su Redondez a 30%.

Paso 2

Crea una nueva capa arriba de todas las capas, llámala Flares y cambia su Modo de fusión a Luz intensa. Luego añade algunos destellos en un par de los bordes horizontales del texto.

Paso 3

Para añadir más destellos con diferentes valores de Ángulo en el texto, puedes cambiar el valor de Ángulo de la punta del pincel haciendo clic y arrastrando la flecha en el cuadro de previsualización junto al valor de Ángulo en el panel Pincel o simplemente escribiendo un valor manualmente en el campo Ángulo.

6. Ajustando la iluminación y el color del resultado del efecto texto Photoshop

Paso 1

Haz clic en el ícono Crea nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Niveles.

Paso 2

Cambia el valor de Iluminaciones a 245 para aplicar un poco de brillo en el efecto metálico.

Paso 3

Haz clic en el ícono Crear nueva capa de relleno o de ajuste otra vez y elige Mapa de degradado.

Paso 4

Elige el degradado observado a continuación del archivo CSP True Sky Gradients.grd, luego cambia el Modo de fusión de la capa Mapa de degradado a Luz intensa y su Opacidad a 30%. Esto realzará el color del resultado final de la textura metálica.

¡Felicidades! Terminaste tu texto metálico Photoshop

En este tutorial, creamos y aplicamos estilo a un texto usando un par de diferentes efectos de capa para lograr la apariencia de metal Photoshop.

Posteriormente usamos una textura de foto de stock para añadir detalles al texto metálico Photoshop y para hacerlo lucir menos plano y más interesante. Después, modificamos un pincel para añadir un par de destellos en los bordes del texto.

Finalmente, añadimos algunas capas de ajuste para realzar la iluminación y el color del resultado del efecto texto Photoshop.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados a continuación.