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

Este tutorial te guiará para crear un efecto de texto de metal cepillado, usando múltiples estilos de capas y algunas texturas. Trabajarás un poco con el texto en sí, y también usarás un objeto inteligente para deformar el texto estilizado pero manteniéndolo editable, para que pueda ser modificado bastante rápido sin necesidad de repetir todos los pasos. ¡Empecemos!

Recursos del tutorial

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

• Fuente Paragon Black
• 0986 de ooc-sdz
• Texturas Grunge Whitewashed de WebTreatsETC
• Free Pack 6000 photoshop gradients (Paquete gratuito de 6000 degradados de photoshop) (Carga el archivo CHROMES.grd)

1. Creación del fondo

Paso 1

Crea un nuevo documento de 1000 x 600px. Establece el color de Primer plano en #6b6c81 y el color de Fondo en #4a4b5f. Elige la herramienta Degradado, escoge el relleno de degradado Desde el primer plano al fondo y haz clic en el icono de Degradado radial.

Luego, haz clic y arrastra desde el centro del documento a una de las esquinas para crear el degradado de fondo.

Paso 2

Duplica la capa Fondo y cambia el Modo de fusión de la copia a Multiplicar.

Paso 3

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

Paso 4

Cambia el valor de Sombras a 3 y el valor de Gama a 0,91 para oscurecer un poco más el fondo.

2. Adición de la textura del fondo y cambio del color

Paso 1

Coloca la imagen 0986 encima de las dos capas del Fondo, renombra su capa como Textura y cambia su Modo de fusión a Superponer. Luego cambia el tamaño y muévela hasta que te guste como se ve.

Paso 2

Haz clic en el icono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Tono/Saturación.

Paso 3

Cambia el valor de Tono a 152.

3. Creación y modificación del texto

Paso 1

Crea el texto en Mayúsculas usando la fuente Paragon Black, el Tamaño 200 pt, y el color #6c6d82.

Paso 2

A continuación, vamos a ajustar el Kerning (en Ventana > Carácter), que determina el espacio entre las letras individuales. Como puedes ver, las letras no están espaciadas por igual, así que tendrás que hacer clic para colocar el cursor del ratón entre cada par de letras, y luego introducir un valor de Kerning que haga que la distancia entre las letras sea lo más similar posible.

Esto es importante porque vamos a añadir un trazo más tarde, así que si el Kerning no está establecido, el trazo podría superponerse entre algunas letras, y estar demasiado lejos de otras. Puedes hacer este paso ahora, o después de aplicar el trazo.

Tendrás que probar un par de valores hasta que obtengas un resultado que te guste. Los valores que se usaron aquí son:

• T y O: 1
• O y U: 4
• U y G: -20
• G y H: 3

Paso 3

Deberías tener un texto de aspecto más ordenado ahora.

Paso 4

Para aumentar aún más el espacio entre las letras, cambia el valor de Tracking a 10.

Paso 5

Duplica la capa de texto tres veces, y cambia el valor de Relleno de la tercera a 0.

4. Estilizando 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 Trazo con estos ajustes:

• Tamaño: 7
• Tipo de relleno: Degradado
• Ángulo: 90
• Utiliza el relleno degradado stove pipe 155b

Paso 2

Añade una Sombra paralela con estos ajustes:

• Distancia: 21
• Tamaño: 21

Paso 3

Esto agregará el trazo y la sombra. Si aún no has ajustado el kerning, o crees que necesitas ajustarlo un poco más, ahora sería un buen momento ya que el trazo está aplicado al texto.

5. Estilizando 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:

Paso 1

Añade un Bisel y relieve con estos ajustes:

• Estilo: Relieve del trazo
• Técnica: Cincel Duro
• Tamaño: 7
• Contorno de resplandor: Peldaños redondeados
• Marca la casilla Suavizado
• Modo resaltado: Luz intensa

Esto no tendrá ningún resultado hasta que añadas un efecto de Trazo, ya que el Relieve del trazo se aplica solo a un Trazo.

Paso 2

Añade un Contorno con estos ajustes:

• Contorno: Niveles de redondeado
• Marca la casilla Suavizado

Paso 3

Añade un Trazo con estos ajustes:

• Tamaño: 5
• Tipo de relleno: Degradado
• Ángulo: 90
• Utiliza el relleno degradado stove pipe 60.

Ahora puedes ver el efecto del Relieve del trazo.

Paso 4

Esto creará otra capa de trazo brillante, con un aspecto más 3D.

6. Estilizando 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:

Paso 1

Añade un Bisel y Relieve con estos ajustes:

• Técnica: Cincel Duro
• Tamaño: 3
• Marca la casilla Suavizado

Paso 2

Añade un Contorno con estos ajustes:

• Contorno: Desnivel - profundo
• Marca la casilla Suavizado

Paso 3

Añade un Resplandor interior con estos ajustes:

• Ruido: 9%
• Color: #f5f4e5
• Tamaño: 21

Paso 4

Agrega una Superposición de degradado con estos ajustes:

• Utiliza el relleno degradado stove pipe 30.

Paso 5

Esto estilizará al texto. Se ve bien en este momento, pero puede usar otra capa de texto estilizada para añadir más profundidad y detalles.

7. Estilizando la tercera copia de la capa de texto

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

Paso 1

Agrega una Superposición de degradado con estos ajustes:

• Modo de fusión: Luz intensa
• Opacidad: 52%
• Estilo: Reflejado
• Marca la casilla Invertir
• Utiliza el relleno degradado stove pipe 70.

Paso 2

Agrega una Superposición de motivo con estas configuraciones:

• Modo de fusión: Multiplicar
• Opacidad: 60%
• Motivo: Usa el motivo que se muestra a continuación del paquete de Texturas Grunge Whitewashed.

Paso 3

Esto hará que el efecto se vea más interesante y realista.

8. Aplicación de brillo el área detrás del texto

Paso 1

Toma la herramienta Pincel, asegúrate de que el color de Primer plano sigue siendo el #6b6c81, crea una nueva capa encima de la capa de Textura, llámala Luz, y cambia su Modo de fusión a Sobreexponer color.

Paso 2

Usa una punta circular bastante grande y difusa para iluminar el área detrás del texto.

9. Conversión de las capas de texto en un objeto inteligente y su deformación

Paso 1

Selecciona todas las capas de texto que tienes y, a continuación, ve a Filtro > Convertir para filtros inteligentes. Esto colocará todas las capas de texto seleccionadas en un objeto inteligente. Puedes hacer doble clic en la miniatura del objeto inteligente en cualquier momento para abrir las capas de texto originales, y luego modificarlas como quieras.

Las capas de texto se abrirán en un documento separado, por lo que después de realizar los cambios necesarios, tendrás que guardarlos (Archivo > Guardar), y luego cerrar el documento de objeto inteligente (Archivo > Cerrar). El texto se actualizará automáticamente en el documento original. Así que no necesitarás volver a crear el efecto para un texto diferente, aunque quizás quieras ajustar el contenido de la capa de Luz.

Paso 2

Con la capa de objeto inteligente seleccionada, ve a Edición > Transformación > Deformar.

Paso 3

Elige Inflar en el menú desplegable Deformar de la barra de Opciones, luego haz clic y arrastra el punto de control ligeramente para modificar la forma a tu gusto, y presiona la tecla Enter para aceptar los cambios.

Paso 4

Puedes volver a Edición > Transformar > Deformar para modificar el resultado cuando sea necesario.

¡Felicitaciones! Lo lograste

En este tutorial, usamos un relleno de degradado radial, una textura y un par de capas de ajuste para crear un fondo grunge y oscuro.

Luego creamos el texto y ajustamos sus valores de Kerning y Tracking para modificar el espacio entre las letras. Una vez que modificamos el texto, creamos tres copias más de su capa.

Cada copia de las capas de texto fue estilizada con un montón de diferentes efectos y valores para obtener el resultado final de metal cepillado.

Luego usamos un pincel difuso para dar brillo al área detrás del texto, y colocamos las capas de texto en un objeto inteligente, para finalmente deformar el texto y darle un aspecto más 3D.

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