Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

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

Ésto agregará una sutil textura al fondo.

Background 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 Texture

Paso 4

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

Levels

Paso 5

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

Hue 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 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 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 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 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 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
Satin

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 Overlay

Paso 6

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

  • Motivo: Fine diagonal lines
Pattern Overlay

Paso 7

Agrega una Sombra Paralela con éstos ajustes:

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

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

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

Paso 3

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

Styled 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 Emboss

Paso 2

Agrega un Contorno con éstos ajustes:

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

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
Stroke

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