Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Crea un simple y elegante efecto de texto metálico texturizado en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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.

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.

Background Gradient Fill

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

Paso 3

Esto agregará un motivo sutil al fondo.

Background with Pattern Overlay

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.

Duplicate Background Layer

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.

Create the Text

Paso 2

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

Duplicate the Text Layer

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
Drop Shadow

Paso 4

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

Text with Drop Shadow

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

Paso 2

Para el Contorno, simplemente marca la casilla Suavizado.

Contour

Paso 3

Agrega una Textura usando el motivo de 3 px tile.

Texture

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
Stroke

Paso 5

Añade un Resplandor interior con estos ajustes:

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

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

Paso 7

Añade una Sombra paralela con estos ajustes:

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

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.

Styled Text

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.

Gaussian Blur the Texture

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.

Change the Texture Layers Settings

Paso 3

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

Text Selection

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.

Add Layer Mask

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

Brush Settings

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.

Add Brush To Horizontal Parts

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.

Change the Brushs Angle

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.

Add Levels Adjustment Layer

Paso 2

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

Change Levels Value

Paso 3

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

Add Gradient Map Adjustment Layer

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.

Change the Gradient Map Values

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

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.