El uso de texturas a menudo añade detalles agradables a los efectos, y da profundidad a los diseños planos. Este tutorial te mostrará cómo crear un efecto de texto metálico simple utilizando estilos de capas. Luego, te mostrará cómo hacer que ese texto se vea más interesante agregándole una simple superposición de texturas. ¡Empecemos!

Recursos del tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial.

• spinweradC Bold Fuente 
• Motivo paper_2 (papel_2) de Atle Mo
• Motivo 3px tile (mosaico 3px) de Gre3g
• Paquete gratuito de 6000 degradados para Photoshop de Supertuts007 (Carga los archivos RS_Chrome.grd y CSP True Sky Gradients.grd)
• NYC Stock de AnotherJamesDean

1. Crea el fondo

Paso 1

Crea un nuevo documento de 1024 x 1024 px en Adobe Photoshop. Establece el color de Primer plano en #7d7d7d y el color de Fondo en #434343. Elige la herramienta Degradado, selecciona el relleno degradado de Primer plano a fondo y haz clic en el icono Degradado radial.

A continuación, haz clic y arrastra desde el centro del documento a una de las esquinas para crear el degradado de fondo, y duplica la capa de Fondo.

Paso 2

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

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

Paso 3

Esto agregará un motivo sutil al fondo.

Paso 4

Duplica la copia de la capa de Fondo, luego haz clic con el botón derecho del ratón en la copia y elige Rasterizar estilo de capa. Si trabajas con versiones anteriores a CS6, agrupa la copia de la capa 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. Crea el texto

Paso 1

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

Paso 2

Duplica la capa de texto y, a continuación, cambia su valor de Relleno a 0.

Paso 3

Haz doble clic en la capa de texto original para aplicar un efecto simple de Sombra paralela utilizando los siguientes valores:

• Distancia: 35
• Tamaño: 50

Paso 4

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

3. Estiliza el texto

Haz doble clic en la 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: 10
• Desmarca la casilla Usar luz global
• Ángulo: -169
• Altitud: 64
• Marca la casilla Suavizado
• Modo resaltado: Luz intensa

Paso 2

Para el Contorno, simplemente marca la casilla Suavizado.

Paso 3

Agrega una Textura usando el motivo de 3 px tile.

Paso 4

Añade un Trazo con estos ajustes:

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

Paso 5

Añade un Resplandor interior con estos ajustes:

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

Paso 6

Agrega una Superposición de degradado con estos ajustes:

• 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 estos ajustes:

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

Paso 8

Esto estilizará el texto principal. Sin embargo, el texto se ve un poco plano y carece de algunos detalles interesantes. Así que vamos a usar una textura para arreglar eso.

4. Añade la textura

Paso 1

Coloca la imagen NYC Stock sobre todas las capas, luego ve a Filtro > Desenfocar > Desenfoque gaussiano, y cambia el Radio a 1.5.

Paso 2

Cambia el Modo de fusión de la capa de textura a Superponer, y baja su Opacidad al 20%, o cualquier otro valor que desees, dependiendo de cuán sutil o fuerte quieras que sea el efecto. También puedes cambiar el tamaño de la textura y moverla hasta que te guste el resultado, debido a que puedes ver el texto que hay detrás de ella.

Paso 3

Pulsa Comando/Control y haz clic en la miniatura de una capa de texto para crear una selección.

Paso 4

Haz clic en el icono Añadir máscara de capa en la parte inferior del panel Capas para deshacerte de la textura extra fuera del texto.

Lo bueno de usar una máscara de capa, en lugar de borrar, es que puedes volver a aplicarla a cualquier otro texto que crees sin necesidad de trabajar en la textura de nuevo.

5. Añade los destellos

Paso 1

Pon el color de Primer plano en #ebebeb, elige la herramienta Pincel y abre el panel Pincel (Ventana > Pincel).

Escoge una punta de pincel circular difusa de 35 px, y cambia su valor de Redondez al 30%.

Paso 2

Crea una nueva capa en la parte superior de todas las capas, llámala Destellos, y cambia su Modo de fusión a Luz intensa. Luego agrega algunos destellos sobre un par de bordes de texto horizontales.

Paso 3

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

6. Ajusta la iluminación y la coloración del resultado final

Paso 1

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

Paso 2

Cambia el valor de Luces a 245 para darle algo de luminosidad al efecto.

Paso 3

Vuelve a hacer clic en el icono Crear nuevo relleno o capa de ajuste y elige Mapa de degradado.

Paso 4

Escoge el degradado que aparece a continuación del archivo CSP True Sky Gradients.grd, luego cambia el Modo de fusión de la capa del mapa de degradado a Luz intensa, y su Opacidad al 30%. Esto mejorará la coloración del resultado final.

¡Felicitaciones! Lo lograste

En este tutorial, creamos y estilizamos un texto utilizando distintos efectos de capa para conseguir el aspecto de metal.

Luego usamos una imagen de stock como textura para añadir algunos detalles al texto de metal, a fin de que se viera menos plano y más interesante. Después de eso, modificamos un pincel simple para añadir un par de destellos sobre los bordes del texto.

Finalmente, añadimos algunas capas de ajuste para mejorar la iluminación y la coloración del resultado final.

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