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 cepillado en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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.

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.

Background Gradient

Paso 2

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

Duplicate Background and Change Blend Mode

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.

Levels Adjustment Layer

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.

Levels Values

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.

Adding the Background Texture

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.

HueSaturation Adjustment Layer

Paso 3

Cambia el valor de Tono a 152.

HueSaturation Values

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.

Create the Text

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
Adjust the Kerning Values

Paso 3

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

Text After Adjusting the Kerning

Paso 4

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

Change the Tracking Value

Paso 5

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

Duplicate the Text Layer

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
Stroke

Paso 2

Añade una Sombra paralela con estos ajustes:

  • Distancia: 21
  • Tamaño: 21
Drop Shadow

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.

Text with Stroke and Shadow Applied

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.

Bevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Niveles de redondeado
  • Marca la casilla Suavizado
Contour

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.

Stroke

Paso 4

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

Second Layer of Stroke

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
Bevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Desnivel - profundo
  • Marca la casilla Suavizado
Contour

Paso 3

Añade un Resplandor interior con estos ajustes:

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

Paso 4

Agrega una Superposición de degradado con estos ajustes:

  • Utiliza el relleno degradado stove pipe 30.
Gradient Overlay

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.

First Layer of Styled Text

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.
Gradient Overlay

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.
Pattern Overlay

Paso 3

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

Second Layer of Styled Text

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.

Brush Tool and Light Layer

Paso 2

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

Adding Light Behind the Text

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.

Converting the Text Layers into a Smart Object

Paso 2

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

Warp Text

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.

Adjust the Warping

Paso 4

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

Warped Text

¡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.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.