7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto retro cromado en Adobe Photoshop

Scroll to top
Read Time: 4 mins
This post is part of a series called Grease Movie Week.
How to Create a Summer Lovin' Digital Painting With Natural Brushes
This post is part of a series called Retro Text Effect Tutorials.
Create a 3D Retro Text Effect Using Layer Styles in Adobe Photoshop
How to Create a 3D Hologram Text Effect in Adobe Photoshop

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

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

Los efectos de texto en cromo se utilizan mucho en diferentes proyectos de diseño. Este tutorial te mostrará cómo utilizar un par de estilos de capa e imágenes de textura para crear un efecto de texto cromado muy fácil, inspirado en los años 50. Empecemos.

Recursos del tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos:

1. Crear el fondo

Paso 1

Crea un nuevo documento de 600 x 350 px. Coloca (Archivo > Colocar elementos incrustado) la imagen del interior del coche retro clásico encima de la capa de Fondo, y cambia el tamaño según lo necesites.

Place the Background ImagePlace the Background ImagePlace the Background Image

Paso 2

Ve a Filtro > Desenfoque > Desenfoque gaussiano, y establece el Radio en 10.

Apply Gaussian BlurApply Gaussian BlurApply Gaussian Blur

Paso 3

Haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas y elige Tono/Saturación.

Add a Hue Saturation Adjustment LayerAdd a Hue Saturation Adjustment LayerAdd a Hue Saturation Adjustment Layer

Paso 4

Haz clic en el icono Recortar a capa y cambia el valor de Saturación a -20.

Hue Saturation SettingsHue Saturation SettingsHue Saturation Settings

2. Crea las capas de texto

Paso 1

Crea el texto utilizando la fuente Dymaxion Script. El color será #a4a4a4 y el tamaño es 150 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 duplica la copia de la capa.

Duplicate LayersDuplicate LayersDuplicate Layers

3. Estilo de 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:

  • Técnica: Cincel duro
  • Tamaño: 7
  • Contorno de resplandor: Cono
  • Marca la casilla Suavizado
  • Modo de resaltado: Luz Intensa
  • Opacidad: 50%
  • Shadow Mode Opacidad: 50%
Bevel and EmbosBevel and EmbosBevel and Embos

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Cono /Invertido
  • Marca la casilla Suavizado
ContourContourContour

Paso 3

Agrega una Sombra Paralela con ésta configuración:

  • Opacidad: 90%
  • Distancia: 3
  • Tamaño: 7
Drop ShadowDrop ShadowDrop Shadow

Esto dará un estilo a la primera capa de texto.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

4. Estilo de la primera capa de texto para copiar

Haz doble clic en la primera capa de texto copiada para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

  • Tamaño: 7
  • Contorno  de resplandor: Pasos redondeados 
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz intensa
  • Opacidad: 50%
  • Modo sombra - Opacidad: 20%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Desnivel Profundo
  • Marca la casilla Suavizado
ContourContourContour

Esto dará un estilo a la segunda capa de texto.

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

5. Estilo de la segunda capa de texto copiada

Haz doble clic en la segunda capa de texto copiada para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

  • Tamaño: 7
  • Contorno  de resplandor: Anillo - Doble
  • Marca la casilla Suavizado
  • Modo de resaltado: Luz Intensa
  • Opacidad: 70%
  • Modo sombra - Opacidad: 20%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Cono
  • Marca la casilla Suavizado
ContourContourContour

Paso 3

Agrega una Sombra Paralela con ésta configuración:

  • Opacidad: 70%
  • Distancia: 3
  • Tamaño: 7
Drop ShadowDrop ShadowDrop Shadow

Esto dará un estilo a la última capa de texto, añadiendo más detalles y terminando el efecto de cromo.

Styled Text Layer 3Styled Text Layer 3Styled Text Layer 3

6. Añadir la textura al texto

Paso 1

Agrega la imagen Lateral del coche clásico de lujo en la parte superior de todas las capas y cambia el nombre de la capa a Textura. Cambia el tamaño según sea necesario y luego haz clic en la miniatura de una capa de texto para crear una selección.

Add the Text TextureAdd the Text TextureAdd the Text Texture

Paso 2

Haz clic en el icono Añadir máscara de capa en la parte inferior del panel Capas para eliminar las partes de la textura que están fuera de la selección de texto.

Si quieres mover la textura, puedes hacer clic en el icono de enlace entre las miniaturas de la capa y la máscara para eliminarla, y luego haz clic en la miniatura de la capa, y mueve la textura dentro de la máscara.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Paso 3

Cambia el Modo de fusión de la capa Textura a Subexponer color y su Opacidad al 30%.

Puedes elegir la herramienta Mover para mover la textura hasta que te guste el resultado que consigas.

La textura añadirá un bonito tono y detalles al efecto, y hará que parezca más realista.

Adjust the Texture SettingsAdjust the Texture SettingsAdjust the Texture Settings

7. Ajustar el color del resultado final

Paso 1

Haz clic en el icono Crear nuevo relleno o capa de ajuste y elige Mapa de degradado.

Add a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment Layer

Paso 2

Elige el relleno de degradado Violeta, Verde, Naranja y marca la casilla Suavizado.

Cambia el Modo de fusión de la capa de ajuste a Color y la Opacidad a 15%.

Adjsutment Layer SettingsAdjsutment Layer SettingsAdjsutment Layer Settings

Esto añadirá una sensación más clásica al resultado final.

Adjusted ColoringAdjusted ColoringAdjusted Coloring

¡Felicidades! Ya está hecho

En este tutorial, utilizamos una imagen de stock para crear un fondo sencillo para nuestro efecto de texto. A continuación, creamos un par de capas de texto y las estilizamos para conseguir el efecto cromado.

Luego, utilizamos otra imagen de archivo para añadir algunas texturas y detalles sutiles al texto cromado. Por último, añadimos una capa de ajuste de mapa de degradado para crear un colorido más clásico para el resultado final.

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

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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.