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

Crea un fácil efecto de texto metálico en 3D con Adobe Photoshop

Read Time: 7 mins

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

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

Duplicar un elemento con una transformación es una de las formas más fáciles y rápidas de crear objetos 3D en Photoshop. Este tutorial te guiará a través de la creación de un texto en 3D utilizando ese método, y luego a través del estilizado de las diferentes capas que obtengas para crear un efecto de texto metálico y de aspecto retro. ¡Empecemos!

Recursos del tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial.

  • Fuente Nexa Rust.
  • Paquete gratuito de 6000 degradados para photoshop de Supertuts007 (Carga el archivo CHROMES.grd).
  • Motivos de cuero repetibles gratuitos de WebTreatsETC.
  • Para cargar los contornos utilizados, ve a Edición > Ajustes preestablecidos > Gestor de ajustes preestablecidos, y elige Contornos en el menú desplegable Tipo de ajuste preestablecido. A continuación, haz clic en la pequeña flecha a la derecha del menú desplegable Tipo de ajuste preestablecido y haz clic en Contornos cerca de la parte inferior del menú emergente. Cuando aparezca el cuadro de diálogo después de eso, solo tienes que hacer clic en Añadir, y obtendrás los contornos.

1. Crea el fondo

Paso 1

Crea un nuevo documento de 900 x 675 px. Establece el color de Primer plano en #252927 y el color de Fondo en #0d0e0e. Elige la herramienta Degradado, escoge el relleno de 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 GradientBackground GradientBackground Gradient

Paso 2

Haz doble clic en la copia de capa de Fondo para aplicar el siguiente estilo de capa.

Añade una Superposición de color con estos ajustes:

  • Color: #1c1f26
  • Modo de fusión: Color
Color OverlayColor OverlayColor Overlay

Paso 3

Agrega una Superposición de degradado con estos ajustes:

  • Modo de fusión: Superponer
  • Estilo: Reflejado
  • Ángulo: 45
  • Marca la casilla Invertir
  • Usa el relleno degradado Silver 20ss
Gradient OverlayGradient OverlayGradient Overlay

Paso 4

Agrega una Superposición de motivo con estas configuraciones:

  • Modo de fusión: Luz suave
  • Motivo: webtreats_grey_leather.jpg
  • Escala: 50%
Pattern OverlayPattern OverlayPattern Overlay

Esto aplicará una textura simple de cuero al fondo.

Leather BackgroundLeather BackgroundLeather Background

2. Crea el texto y los objetos inteligentes

Paso 1

Crea el texto utilizando la fuente Nexa Rust Script. El Tamaño es 245 pt y el color es #f4f4f4.

Create the TextCreate the TextCreate the Text

Paso 2

Duplica la capa de texto y arrastra la copia debajo de la original.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Paso 3

Entra en el modo Transformación libre yendo a Edición > Transformación libre (Comando-T). Toca la tecla de la Flecha derecha una vez, y luego toca la tecla de la Flecha hacia abajo una vez también, para mover el texto copiado un píxel a la derecha y un píxel hacia abajo. Luego presiona la tecla Enter para aceptar los cambios.

Transform the TextTransform the TextTransform the Text

Paso 4

Cambia el color del texto de la copia a #4e4e4e. Presiona las teclas Comando-Opción-Shift-T (Control-Alt-Shift-T para Windows) 17 veces para duplicar la capa con la transformación para crear la extrusión 3D.

Create the 3D ExtrusionCreate the 3D ExtrusionCreate the 3D Extrusion

Paso 5

Selecciona todas las copias de la capa de texto, y ve a Filtro > Convertir para filtros inteligentes. Cambia el nombre de la capa del objeto inteligente para añadir la copia 1 después del texto que tienes.

Duplica la capa del objeto inteligente dos veces, renombra las copias de las capas para añadir la copia 2 y la copia 3, y luego cambia el valor de Relleno de la capa de la copia 3 a 0.

Create and Rename the Smart ObjectsCreate and Rename the Smart ObjectsCreate and Rename the Smart Objects

3. Estiliza la capa de texto original

Haz doble clic en la capa de texto original para aplicar el siguiente estilo de capa.

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Estilo: Bisel exterior
  • Tamaño: 3
  • Desmarca la casilla Usar luz global
  • Ángulo: 77
  • Altitud: 42
  • Marca la casilla Suavizado
  • Modo resaltado: Luz lineal
  • Modo de sombra - Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Gaussiano
  • Marca la casilla Suavizado
ContourContourContour

Paso 3

Añade un Trazo con estos ajustes:

  • Tamaño: 1
  • Tipo de relleno: Degradado
  • Ángulo: -135
  • Utiliza el relleno degradado aluminum 150e
StrokeStrokeStroke

Paso 4

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Subexponer color
  • Ruido: 10%
  • Color: #8c8c8c
  • Fuente: Centro
  • Tamaño: 18
Inner GlowInner GlowInner Glow

Paso 5

Agrega una Superposición de degradado con estos ajustes:

  • Estilo: Reflejado
  • Ángulo: 45
  • Escala: 150%
  • Utiliza el relleno degradado aluminum 150e
Gradient OverlayGradient OverlayGradient Overlay

Paso 6

Esto estilizará la capa de texto original. Lo que vamos a hacer a continuación es intentar usar otros rellenos de degradado y efectos de capa que coincidan con éste para estilizar la parte 3D del texto.

Styled Text LayerStyled Text LayerStyled Text Layer

4. Estiliza la primera capa de la extrusión 3D

Haz doble clic en la copia 2 de la capa de objetos inteligentes para aplicar el siguiente estilo de capa:

Paso 1

Añade una Sombra interior con estos ajustes:

  • Color: #424242
  • Desmarca la casilla Usar luz global
  • Ángulo: -42
  • Distancia: 57
  • Tamaño: 16
Inner ShadowInner ShadowInner Shadow

Paso 2

Agrega una Superposición de degradado con estos ajustes:

  • Estilo: Reflejado
  • Ángulo: 45
  • Escala: 150%
  • Utiliza el relleno degradado dark chrome (cromo oscuro)

Haz clic en el cuadro Degradado para modificar el relleno degradado.

Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Haz clic en la Detención de color de la luz cerca del final del lado derecho de la barra de degradado y luego haz clic en el botón Borrar para borrar esa detención, ya que no necesitamos su color de luz allí.

Modify the Gradient FillModify the Gradient FillModify the Gradient Fill

Paso 4

Añade una Sombra paralela con estos ajustes:

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

Esto estilizará la primera capa de la extrusión 3D, añadiendo el degradado de aspecto metálico.

Styled 3D Extrusion Layer 1Styled 3D Extrusion Layer 1Styled 3D Extrusion Layer 1

5. EstilIza la segunda capa de la extrusión 3D

Haz doble clic en la copia 3 de la capa de objetos inteligentes para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 0
  • Marca la casilla Suavizado
  • Modo resaltado: Luz intensa
  • Modo de sombra - Opacidad: 65%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade un Contorno con estos ajustes:

  • Contorno: Cono
  • Marca la casilla Suavizado
ContourContourContour

Paso 3

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Luz intensa
  • Ruido: 10%
  • Color: #c5c5c5
  • Técnica: Preciso
  • Fuente: Centro
  • Tamaño: 46
Inner GlowInner GlowInner Glow

Paso 4

Añade un efecto Satinado con estos ajustes:

  • Modo de fusión: Subexponer color
  • Color: #717171
  • Distancia: 7
  • Tamaño: 18
  • Contorno: Pendiente poco profunda - Valle
SatinSatinSatin

Esto intensificará y mejorará la parte tridimensional del texto.

Styled 3D Extrusion Layer 2Styled 3D Extrusion Layer 2Styled 3D Extrusion Layer 2

6. Crea la sombra

Paso 1

Selecciona la copia 1 de la capa del objeto inteligente, y ve a Filtro > Desenfocar > Desenfoque de movimiento. Cambia el Ángulo a 55 y la Distancia a 100.

Motion BlurMotion BlurMotion Blur

Paso 2

Cambia el Modo de fusión de la copia 1 a Subexponer color y su Opacidad al 25%.

Shadow Layer Blend Mode and OpacityShadow Layer Blend Mode and OpacityShadow Layer Blend Mode and Opacity

Paso 3

Usa la herramienta Mover para mover la sombra de manera que se extienda desde la parte superior del texto hacia abajo.

Move the ShadowMove the ShadowMove the Shadow

7. Añade una viñeta

Paso 1

Haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas y elige Degradado.

Create a Gradient Adjustment LayerCreate a Gradient Adjustment LayerCreate a Gradient Adjustment Layer

Paso 2

Usa un relleno degradado de Transparente a color con los colores #ebebeb a la izquierda y #282828 a la derecha. A continuación, cambia el Estilo a Radial y la Escala a 300.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Paso 3

Por último, cambia el Modo de fusión de la capa de ajuste a Multiplicar.

Gradient Layer Blend ModeGradient Layer Blend ModeGradient Layer Blend Mode

¡Felicitaciones! Lo lograste

En este tutorial, creamos un fondo de cuero simple, y le aplicamos algunos efectos de capa. Luego, creamos una pieza de texto, la duplicamos, transformamos la copia, hicimos otro par de copias de ella y junto con la transformación, generamos la extrusión 3D.

Convertimos las capas de extrusión 3D en un Objeto inteligente, lo duplicamos y lo estilizamos junto con la capa de texto original.

Luego usamos muchos efectos de capa y rellenos degradados para lograr el aspecto retro y metálico. Creamos la sombra usando el filtro Desenfoque de movimiento, y modificamos el Modo de fusión y la posición de su capa.

Finalmente, usamos una capa de ajuste de degradado para añadir una viñeta al resultado final.

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados en la sección a continuación.

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