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 metal Photoshop

by
Read Time:6 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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.

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.

Relleno de degradado de fondo para el efecto metal PhotoshopRelleno de degradado de fondo para el efecto metal PhotoshopRelleno de degradado de fondo para el efecto metal Photoshop

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
Superposición de motivoSuperposición de motivoSuperposición de motivo

Paso 3

Esto añadirá un sutil motivo al fondo.Fondo con superposición de motivoFondo con superposición de motivoFondo con superposición de motivo

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.

Duplica la capa fondoDuplica la capa fondoDuplica la capa 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.

Crea el texto para el efecto metálicoCrea el texto para el efecto metálicoCrea el texto para el efecto metálico

Paso 2

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

Duplica la capa del textoDuplica la capa del textoDuplica la capa del texto

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
Sombra paralelaSombra paralelaSombra paralela

Paso 4

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

Texto con sombra paralelaTexto con sombra paralelaTexto con sombra paralela

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
Bisel y relieve para el texto metálico PhotoshopBisel y relieve para el texto metálico PhotoshopBisel y relieve para el texto metálico Photoshop

Paso 2

Para el Contorno, solo marca la casilla Suavizado.

ContornoContornoContorno

Paso 3

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

TexturaTexturaTextura

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
TrazoTrazoTrazo

Paso 5

Agrega un Resplandor Interior con estos parámetros:

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

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
Superposición de degradadoSuperposición de degradadoSuperposición de degradado

Paso 7

Añade una Sombra paralela con los siguientes valores:

  • Opacidad: 62%
  • Distancia: 8
  • Tamaño: 8
Sombra paralelaSombra paralelaSombra paralela

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.

Texto con estilo aplicadoTexto con estilo aplicadoTexto con estilo aplicado

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.

Aplicando desenfoque gaussiano en la textura metálicaAplicando desenfoque gaussiano en la textura metálicaAplicando desenfoque gaussiano en la textura metálica

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.

Cambia los parámetros de las capas de la textura metal PhotoshopCambia los parámetros de las capas de la textura metal PhotoshopCambia los parámetros de las capas de la textura metal Photoshop

Paso 3

Aplica la combinación de teclas Comando/Control-clic a la miniatura de la capa de texto para crear una selección.Selección de texto para el efecto metálicoSelección de texto para el efecto metálicoSelección de texto para el efecto metálico

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.

Añadir máscara de capa en la textura PhotoshopAñadir máscara de capa en la textura PhotoshopAñadir máscara de capa en la textura Photoshop

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

Parámetros de pincel para el efecto metal PhotoshopParámetros de pincel para el efecto metal PhotoshopParámetros de pincel para el efecto metal Photoshop

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.

Añade el pincel a partes horizontales del texto metálico PhotoshopAñade el pincel a partes horizontales del texto metálico PhotoshopAñade el pincel a partes horizontales del texto metálico Photoshop

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.

Cambia el Ángulo de los pinceles para el efecto texto PhotoshopCambia el Ángulo de los pinceles para el efecto texto PhotoshopCambia el Ángulo de los pinceles para el efecto texto Photoshop

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.

Agrega capa de ajuste de niveles para la textura PhotoshopAgrega capa de ajuste de niveles para la textura PhotoshopAgrega capa de ajuste de niveles para la textura Photoshop

Paso 2

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

Cambia el valor de Niveles para la textura metalCambia el valor de Niveles para la textura metalCambia el valor de Niveles para la textura metal

Paso 3

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

Añade capa de ajuste de mapa de degradado para el metal PhotoshopAñade capa de ajuste de mapa de degradado para el metal PhotoshopAñade capa de ajuste de mapa de degradado para el metal Photoshop

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.

Cambia los valores del Mapa de degradado para la textura metalCambia los valores del Mapa de degradado para la textura metalCambia los valores del Mapa de degradado para la textura metal

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

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads