Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Futurista Efecto de Texto Metálico en Adobe Photoshop

Scroll to top
Read Time: 4 min

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

En éste consejo rápido, vamos a crear un simple efecto de Texto de Estilo de Capa, similar a los efectos de texto que puedes comprar en Envato Market. Así que estarás solo usando una textura, un motivo, y un par de estilos de capa para crear un brillante efecto de texto con temática futurista. ¡Comencemos!

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

1. Crear el Fondo

Paso 1

Crea un nuevo documento de 800 x 600px, rellena la capa Background (fondo) con el color #252525, y lugo duplícala.

Create the BackgroundCreate the BackgroundCreate the Background

Paso 2

Haz doble click en la capa Fondo copia para aplicar un efecto de Superposición de Motivo usando el motivo Fine diagonal lines del paquete 30 Motivos Sencillos.

Pattern OverlayPattern OverlayPattern Overlay

Ésto agregará una sutil textura al fondo.

Background TextureBackground TextureBackground Texture

Paso 3

Coloca la imagen Free Texture Stock - Lights 1 (2560x1600px) arriba de ambas capas Fondo, redimensiónala como sea necesario, y luego cambia el Modo de Fusión de su capa a Sobreexponer Color.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Paso 4

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Sombras a 50.

LevelsLevelsLevels

Paso 5

Ve a Imagen > Ajustes > Tono/Saturación, y cambia el valor de Tono a -13.

Hue SaturationHue SaturationHue Saturation

2. Crea las Capas de Texto

Paso 1

Crea el texto usando la fuente Street Cred. El Color es #a2a2a2 y el Tamaño es 200 pt.

Create the TextCreate the TextCreate the Text

Paso 2

Duplica la capa de texto, cambia el valor de Relleno de la copia a 0, y luego duplica la copia.

Create the Copy Text LayersCreate the Copy Text LayersCreate the Copy Text Layers

3. Aplica Estilo a la Capa de Texto Original

Haz doble click en la capa de texto original para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 18
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 59
  • Altitud: 58
  • Marca la casilla Suavizado
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Subexposición Lineal
  • Color: #585858
  • Opacidad: 35%
  • Distancia: 0
  • Tamaño: 7
Inner ShadowInner ShadowInner Shadow

Paso 3

Agrega un Resplandor Interior con éstos ajustes:

  • Modo de Fusión: Luz Intensa
  • Opacidad: 100%
  • Color: #a39a7b
  • Origen: Centro
  • Tamaño: 29
Inner GlowInner GlowInner Glow

Paso 4

Agrega un estilo Satinado con éstos ajustes:

  • Modo de Fusión: Luz Fuerte
  • Color: #d0d0d0
  • Distancia: 5
  • Tamaño: 8
  • Marca la casilla Suavizado
  • Marca la casilla Invertir
SatinSatinSatin

Paso 5

Agrega una Superposición de Degradado con éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Opacidad: 35%
  • Escala: 150%
  • Usa el relleno de degradado Violeta, Naranja
Gradient OverlayGradient OverlayGradient Overlay

Paso 6

Agrega un Superposición de Motivo con éstos parámetros:

  • Motivo: Fine diagonal lines
Pattern OverlayPattern OverlayPattern Overlay

Paso 7

Agrega una Sombra Paralela con éstos ajustes:

  • Opacidad: 50%
  • Distancia: 10
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Ésto aplicará estilo a la capa de texto original.

Style Text Layer 1Style Text Layer 1Style Text Layer 1

4. Aplica Estilo a la Primera Copia de la Capa de Texto

Haz doble click en la capa de texto primera copia para aplicar el siguiente estilo de texto:

Paso 1

Agrega una Sombra Interior con éstos ajustes:

  • Modo de Fusión: Subexposición Lineal
  • Color: #585858
  • Opacidad: 80%
  • Distancia: 0
  • Tamaño: 13
Inner ShadowInner ShadowInner Shadow

Paso 2

Agrega una Superposición de Degradado con éstos parámetros:

  • Modo de Fusión: Luz Suave
  • Usa el relleno de degradado Center Gradient
Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Ésto aplicará estilo a la primera copia de la capa de texto.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

5. Aplica Estilo a a Segunda Copia de la Capa de Texto

Haz doble click en la segunda copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Estilo: Relieve de Trazo
  • Tamaño: 2
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 119
  • Altitud: 37
  • Contorno de Resplandor: Aro - Doble
  • Marca la casilla Suavizado
  • Modo Resaltado: luz intensa
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos ajustes:

  • Contorno: - Pendiente - Hacia Abajo
  • Marca la casilla Suavizado
ContourContourContour

Paso 3

Agrega un Trazo con éstos parámetros:

  • Tamaño: 3
  • Posición: Centro
  • Tipo de Relleno: Degradado
  • Usa el relleno de degradado Gold 18k - L
StrokeStrokeStroke

¡Felicidades! ¡Terminaste!

En éste tutorial, usamos un motivo sencillo, y modificamos una textura para crear el fondo.

Luego, creamos tres capas de texto, y les aplicamos estilo a cada una de ellas para crear el efecto de texto y el trazo.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads