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

Lo que vas a crear

El uso de texturas a menudo agrega detalles agradables a los efectos y da profundidad a los diseños planos. Este tutorial le mostrará cómo crear un efecto de texto de metal simple usando estilos de capa. Luego, le mostrará cómo hacer que el texto se vea más interesante al agregarle una superposición de textura simple. Empecemos!

Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial..

  • spinweradC Bold fuente
  • paper_2 patrón por Atle Mo
  • Patrón de azulejo 3px por Gre3g
  • Gradientes de Photoshop gratuitos del Pack 6000 de Supertuts007 (Cargar el RS_Chrome.grdCSP True Sky Gradients.grd archivos)
  • Acciones de NYC por AnotherJamesDean

1. Crea el fondo

Paso 1

Crear un nuevo 1024 x 1024 px Documento en Adobe Photoshop. Selecciona el Primer plano color para # 7d7d7d y el Fondo color para # 434343. Elige el Herramienta gradiente, elegir la Primer plano al fondo relleno de degradado, y haga clic en el Gradiente radial icono.

Luego, haga clic y arrastre desde el centro del documento a una de las esquinas para crear el degradado de fondo, y duplique la Fondo capa.

Paso 2

Haga doble clic en Copia de fondo capa para aplicar una Patrón de superposición Efecto utilizando los siguientes valores:

  • Modo de mezcla: Multiplicar
  • Opacidad: 100%
  • Modelo: paper_2

Paso 3

Esto agregará un patrón sutil al fondo.

Etapa 4

Duplicar el Copia de fondo capa, luego haga clic derecho en la copia, y elija Rasterizar estilo de capa. Si está trabajando con versiones anteriores a CS6, agrupe la capa de copia y luego combine el grupo.

Cambia las capas rasterizadas. Modo de mezcla a Cubrir. Esto intensificará el patrón y oscurecerá el fondo..

2. Creando el texto

Paso 1

Crea el texto en Todas las gorras usando la fuente spinweradC Bold, el color # 454646, la fuente tamaño 300 pt, y si está creando más de una línea de texto, cambie el Líder valor para 250.

Paso 2

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

Paso 3

Haga doble clic La capa de texto original para aplicar un simple Sombra paralela Efecto usando los siguientes valores:

  • Distancia: 35
  • Tamaño: 50

Etapa 4

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

3. Estilizando el texto

Haga doble clic La capa de texto de copia para aplicar el siguiente estilo de capa..

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 10
  • Desmarque la Usar luz global caja
  • Ángulo: -169
  • Altitud: 64
  • Comprobar el Antialias caja
  • Modo de resaltado: Viva luz

Paso 2

Para el Contorno, solo revisa el Antialias caja.

Paso 3

Agrega un Textura utilizando la Azulejo de 3 px Modelo.

Etapa 4

Agrega un Carrera con estos ajustes:

  • Tamaño: 1
  • Tipo de relleno: Gradiente
  • Estilo: Reflejado
  • Ángulo: 45
  • Utilizar el Barra de cromo 135 gradiente

Paso 5

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Cubrir
  • Ruido: 100%
  • Color: # f6f6f6
  • Tamaño: 10

Paso 6

Agrega un Gradiente de superposición con estos ajustes:

  • Modo de mezcla: Luz tenue
  • Opacidad: 35%
  • Estilo: Reflejado
  • Ángulo: 45
  • Comprobar el Marcha atrás caja
  • Utilizar el tubo de la estufa 10 gradiente

Paso 7

Agrega un Sombra paralela con estos ajustes:

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

Paso 8

Esto le dará estilo al texto principal. Sin embargo, el texto parece un poco plano y le faltan algunos detalles interesantes. Así que vamos a usar una textura para arreglar eso.

4. Añadiendo la textura

Paso 1

Colocar el NYC Stock imagen en la parte superior de todas las capas, luego ir a Filtro> Blur> Gaussian Blur, y cambiar el Radio a 1.5.

Paso 2

Cambiar la capa de textura. Modo de mezcla a Cubrir, y baja su Opacidad a 20%, o cualquier otro valor que te guste, dependiendo de cuán sutil o fuerte quieras que sea el efecto. También puede cambiar el tamaño de la textura y moverla ahora que puede ver el texto detrás de ella hasta que le guste el resultado que obtiene..

Paso 3

Comando / Control-Clic La miniatura de una capa de texto para crear una selección..

Etapa 4

Haga clic en el Añadir máscara de capa icono en la parte inferior de la Capas Panel para deshacerse de la textura extra fuera del texto..

Lo bueno de usar una máscara de capa en lugar de eliminarla es que puede volver a aplicarla a cualquier otro texto que cree sin tener que trabajar en la textura de nuevo..

5. Añadiendo las llamaradas

Paso 1

Selecciona el Primer plano color para #ebebeb, elige el Pincel, y abre el Cepillo panelVentana> Pincel).

Elige una ronda suave 35 px pincel de punta, y cambia su Redondez valor para 30%.

Paso 2

Crea una nueva capa encima de todas las capas, llámala Bengalas, y cambiar su Modo de mezcla a Viva luz. A continuación, agregue algunos destellos sobre un par de los bordes del texto horizontal.

Paso 3

Para agregar más bengalas con diferentes Ángulo valores en todo el texto, puede cambiar la punta del pincel Ángulo valor haciendo clic y arrastrando la flecha en el cuadro de vista previa al lado de la Ángulo valor en el Cepillo panel, o simplemente escribiendo un valor manualmente en el Ángulo campo.

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

Paso 1

Haga clic en el Crear nueva capa de relleno o ajuste icono en la parte inferior de la Capas panel y elegir Niveles.

Paso 2

Cambiar el Reflejos valor para 245 para alegrar un poco el efecto.

Paso 3

Haga clic en el Crear nueva capa de relleno o ajuste icono de nuevo y elige Mapa de gradiente.

Etapa 4

Elija el gradiente de abajo CSP True Sky Gradients.grd archivo, a continuación, cambie la capa del mapa de degradado Modo de mezcla a Viva luz, y es Opacidad a 30%. Esto realzará la coloración del resultado final..

¡Felicidades! Estas hecho

En este tutorial, creamos y diseñamos un poco de texto con un par de efectos de capa diferentes para lograr el aspecto metálico.

Luego usamos una textura de imagen de archivo para agregar algunos detalles al texto metálico, y para que se vea menos plana y más interesante. Después de eso, modificamos un simple pincel para agregar un par de destellos sobre los bordes del texto.

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

No dude en dejar sus comentarios, sugerencias y resultados a continuación..