1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Cómo crear una placa de metal oxidado y vintage en Adobe Photoshop

Scroll to top
Read Time: 5 min
This post is part of a series called Phobia Week!.
How to Create a Fear of the Dark Illustration in Adobe Illustrator

() translation by (you can also view the original English article)

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

La placa de metal vintage es una parte de la acción de Photoshop de placa de metal vintage de mi portafolio en Envato Market.

Vintage Metal Sign Photoshop ActionVintage Metal Sign Photoshop ActionVintage Metal Sign Photoshop Action
Acción de Photoshop de placa de metal vintage

Gerascofobia 

La gerascofobia es un miedo anormal o persistente a envejecer. Todas las cosas se ven afectadas con el paso del tiempo, y se deterioran a medida que envejecen.

A algunas personas les gustan los objetos antiguos y vintage, pero estos objetos antiguos también pueden desencadenar el miedo a envejecer. En este tutorial aprenderás cómo hacer que una placa de metal se vea viejo y desgastado en Adobe Photoshop.

Recursos para el tutorial

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

1. Crear el fondo de la pared

Paso 1

Crea un nuevo documento de 850 x 570 px y crea una nueva capa llamada Fondo de pared. Copia y pega la pared de yeso antiguo en esta capa.

Old Plaster Wall TextureOld Plaster Wall TextureOld Plaster Wall Texture

Paso 2

Crea una capa de ajuste de Tono/Saturación y establece el nivel de Saturación en -57.

Hue Saturation Adjustment in PhotoshopHue Saturation Adjustment in PhotoshopHue Saturation Adjustment in Photoshop

Paso 3

Crea una capa de ajuste de Niveles y establece los niveles del Nivel de entrada de sombra en 0, el Nivel de entrada de medios tonos en 1,22 y el Nivel de entrada de resaltado en 201. Establece también el Nivel de salida de resaltado en 153.

Levels Adjustment in PhotoshopLevels Adjustment in PhotoshopLevels Adjustment in Photoshop

Paso 4

Crea una capa de ajuste de Color selectivo y establece los niveles Amarillos y Cianes.

Selective Color Adjustment in PhotoshopSelective Color Adjustment in PhotoshopSelective Color Adjustment in Photoshop

2. Crear la forma de rectángulo redondeado

Paso 1

Crea una nueva capa llamada Placa vintage. Elige la Herramienta rectángulo redondeado y establece el Radio en 25 px. Dibuja una forma de rectángulo con esquinas redondeadas.

Rectangle Shape with Rounded CornersRectangle Shape with Rounded CornersRectangle Shape with Rounded Corners

Paso 2

Añade este estilo de capa a la capa Placa vintageSombra paralela (color #141715) y Bisel y relieve (colores: #ffffff y #000000).

Drop Shadow in PhotoshopDrop Shadow in PhotoshopDrop Shadow in Photoshop
Bevel and Emboss in PhotoshopBevel and Emboss in PhotoshopBevel and Emboss in Photoshop

3. Crear la placa vintage

Paso 1

Añade la Textura rayada en una nueva capa por encima de la capa Placa vintage. Haz clic derecho en la capa Textura rayada y elige Crear máscara de recorte.

Scratched TextureScratched TextureScratched Texture

Paso 2

Ve a Capa > Nueva capa de ajuste > Color selectivo. Haz clic derecho en la capa de ajuste y elige Crear máscara de recorte.

Selective Color Adjustment in PhotoshopSelective Color Adjustment in PhotoshopSelective Color Adjustment in Photoshop

Paso 3

Haz doble clic en la miniatura de color selectivo para editarlo. En la lista desplegable Colores, cambiaremos la configuración de Rojos, Amarillos, Verdes, Blancos y Neutros.

Edit Selective Color AdjustmentEdit Selective Color AdjustmentEdit Selective Color Adjustment

4. Añadir la imagen PNG de carro

Paso 1

Añade la imagen PNG del carro en una nueva capa.

Car PNG ImageCar PNG ImageCar PNG Image

Paso 2

Ve a Capa > Nueva capa de ajuste > Tono/Saturación. Haz clic derecho en la capa de ajuste y elige Crear máscara de recorte.

Para cambiar el color del carro, haz doble clic en la miniatura de tono/saturación para editarlo. Establece el Tono en 180 y la Saturación en 51.

Change Object Color in PhotoshopChange Object Color in PhotoshopChange Object Color in Photoshop

Paso 3

Ve a Imagen > Recortar y realiza estos ajustes para recortar la imagen.

Image Trim in PhotoshopImage Trim in PhotoshopImage Trim in Photoshop

Paso 4

Crea una máscara para esta capa haciendo clic en el botón de máscara en la parte inferior del panel Capas.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop

Paso 5

Ve a la capa Textura rayada, mantén presionada la tecla Control y haz clic en la miniatura de la capa para hacer una selección. Presiona Control+C para copiar la selección.

Make Selection From Layer in PhotoshopMake Selection From Layer in PhotoshopMake Selection From Layer in Photoshop

Paso 6

Ve a la capa Carro y en la pestaña Canales haz clic en Máscara de carro para que sea visible. Presiona Control+V para pegar la imagen.

Work with Channels in PhotoshopWork with Channels in PhotoshopWork with Channels in Photoshop

Presiona Control+D para anular la selección.

Paso 7

Asegúrate de estar en la miniatura de la máscara de capa de Carro y ve a Imagen > Ajustes > Niveles. Establece los Niveles de entrada en función de cómo desees que se vea la imagen.

Levels Adjustment in PhotoshopLevels Adjustment in PhotoshopLevels Adjustment in Photoshop

5. Crea el efecto de texto vintage

Paso 1

Añade el texto que desees utilizando el tipo de fuente Team Spirit. Utiliza el color #ffffff para el texto y el tamaño en 200 pt.

Vintage Font Type in PhotoshopVintage Font Type in PhotoshopVintage Font Type in Photoshop

Paso 2

Añade este estilo de capa a la capa Texto vintage. Sombra paralela (color #000000), Sombra interior (color #000000), Resplandor interior (color #464646), Bisel y relieve (color #ffffff y #000000), Superposición de color (puedes elegir el color) y Trazo (color #ffffff).

Drop Shadow Layer StyleDrop Shadow Layer StyleDrop Shadow Layer Style
Inner Shadow Layer StyleInner Shadow Layer StyleInner Shadow Layer Style
Inner Glow Layer StyleInner Glow Layer StyleInner Glow Layer Style
Bevel and Emboss Layer StyleBevel and Emboss Layer StyleBevel and Emboss Layer Style
Color Overlay Layer StyleColor Overlay Layer StyleColor Overlay Layer Style
Stroke Layer StyleStroke Layer StyleStroke Layer Style

Haz clic en el estilo Superposición de color para ocultarlo por ahora.

Paso 3

Añade la Textura rayada en una nueva capa por encima de la capa Texto vintage. Haz clic derecho en la capa y elige Crear máscara de recorte.

Vintage Text Effect in PhotoshopVintage Text Effect in PhotoshopVintage Text Effect in Photoshop

Paso 4

Añade un mapa de degradado haciendo clic en Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas. Haz clic derecho en la capa de ajuste y elige Crear máscara de recorte.

Add Gradient Map in PhotoshopAdd Gradient Map in PhotoshopAdd Gradient Map in Photoshop

Paso 5

Cambia los tonos de color del mapa de degradado: (color #bcbcbc, ubicación 30%), (color #868981, ubicación 53%), (color #cf3854, ubicación 73%) y (color #94274e, ubicación 91%).

Edit Gradient Colors in PhotoshopEdit Gradient Colors in PhotoshopEdit Gradient Colors in Photoshop

Paso 6

Si usas el estilo de capa Superposición de color, puedes cambiar fácilmente el color del texto vintage.

6. Crear los pernos de metal

Paso 1

Crea una nueva capa y usa la Herramienta pincel y un pincel circular definido para pintar un punto en cada esquina de la placa de metal.

Add Metal BoltsAdd Metal BoltsAdd Metal Bolts

Paso 2

Añade este estilo de capa a la capa Pernos metálicos: Opacidad de relleno 0%, Sombra paralela (color #000000), Sombra interior (color #000000), Resplandor exterior (color #ffffff), Resplandor interior (color #ffffff), Bisel y relieve (color #ffffff y #000000).

Fill Opacity Layer Style in PhotoshopFill Opacity Layer Style in PhotoshopFill Opacity Layer Style in Photoshop
Drop Shadow Layer Style in PhotoshopDrop Shadow Layer Style in PhotoshopDrop Shadow Layer Style in Photoshop
Inner Shadow Layer Style in PhotoshopInner Shadow Layer Style in PhotoshopInner Shadow Layer Style in Photoshop
Outer Glow Layer Style in PhotoshopOuter Glow Layer Style in PhotoshopOuter Glow Layer Style in Photoshop
Inner Glow Layer Style in PhotoshopInner Glow Layer Style in PhotoshopInner Glow Layer Style in Photoshop
Bevel and Emboss Layer Style in PhotoshopBevel and Emboss Layer Style in PhotoshopBevel and Emboss Layer Style in Photoshop

7. Ajustes de iluminación

Paso 1

Crea una nueva capa y añade la pared de yeso antigua en esta capa. Establece el modo de fusión en Multiplicar y añade un estilo de capa Superposición de degradado (color #030201 y #ffffff).

Blend Mode Layer Style in PhotoshopBlend Mode Layer Style in PhotoshopBlend Mode Layer Style in Photoshop
Gradient Overlay Layer Style in PhotoshopGradient Overlay Layer Style in PhotoshopGradient Overlay Layer Style in Photoshop

Paso 2

Añade una capa de ajuste de Mapa de degradado por encima de la segunda capa pared de yeso antigua. Los colores para el degradado son #9e8b7a con ubicación al 12% y #ffffff con ubicación al 100%.

Haz clic derecho y elige Crear máscara de recorte.

Gradient Map Adjustment LayerGradient Map Adjustment LayerGradient Map Adjustment Layer

¡Felicitaciones! ¡Terminaste!

En este tutorial aprendiste a crear una antigua placa de metal vintage en Photoshop usando canales y texturas. Espero que te haya gustado este tutorial.

Vintage Metal Sign in PhotoshopVintage Metal Sign in PhotoshopVintage Metal Sign in Photoshop

La placa de metal retro es una parte de la acción de Photoshop de placa de metal vintage de mi portafolio en Envato Market.

Vintage Metal Sign Photoshop ActionVintage Metal Sign Photoshop ActionVintage Metal Sign Photoshop Action
Acción de Photoshop de placa de metal vintage
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.
One subscription. Unlimited Downloads.
Get unlimited downloads