Quantcast
Channel: Envato Tuts+ Design & Illustration
Viewing all articles
Browse latest Browse all 6352

How to Create a Vintage Rusted Metal Sign in Adobe Photoshop

$
0
0
Final product image
What You'll Be Creating

The vintage old metal sign is a part of the Vintage Metal Sign Photoshop Action from my portfolio on Envato Market.

Vintage Metal Sign Photoshop Action
Vintage Metal Sign Photoshop Action

Gerascophobia

Gerascophobia is an abnormal or persistent fear of growing old or ageing. All things are affected by the passage of time, and they deteriorate as they get older. 

Some people like aged, vintage objects, but these old objects can also trigger the fear of growing old. In this tutorial you will learn how to make a metal sign look old and worn in Adobe Photoshop. 

Tutorial Assets

The following assets were used during the production of this tutorial:

1. Create the Wall Background

Step 1

Create a new 850 x 570px document, and create a new layer called Wall Background. Copy and Paste the Old Plaster Wall on this layer. 

Old Plaster Wall Texture

Step 2

Create a Hue/Saturation adjustment layer and set the level of Saturation to -57

Hue Saturation Adjustment in Photoshop

Step 3

Create a Levels adjustment layer and set the levels of the Shadow Input Level to 0, the Midtone Input Level to 1.22, and the Highlight Input Level to 201. Also set the Highlight Output Level to 153.

Levels Adjustment in Photoshop

Step 4

Create a Selective Color adjustment layer and set the levels Yellows and Cyans.

Selective Color Adjustment in Photoshop

2. Create the Rounded Rectangle Shape

Step 1

Create a new layer called Vintage Sign. Pick the Rounded Rectangle Tool and set the Radius to 25 px. Draw a rectangle shape with rounded corners.

Rectangle Shape with Rounded Corners

Step 2

Add this layer style to the Vintage Sign layer: Drop Shadow (color #141715) and Bevel and Emboss (colors: #ffffff and #000000).

Drop Shadow in Photoshop
Bevel and Emboss in Photoshop

3. Create the Vintage Sign

Step 1

Add the Scratched Texture on a new layer above the Vintage Sign layer. Right click on the Scratched Texture layer and choose Create Clipping Mask. 

Scratched Texture

Step 2

Go to Layer > New Adjustment Layer > Selective Color. Right click on the adjustment layer and choose Create Clipping Mask. 

Selective Color Adjustment in Photoshop

Step 3

Double click on the Selective Color Thumbnail to edit it. From the Colors drop-down, we'll change the setting for Reds, Yellows, Greens, Whites, and Neutrals

Edit Selective Color Adjustment

4. Add the Car PNG

Step 1

Add the Car PNG image on a new layer. 

Car PNG Image

Step 2

Go to Layer > New Adjustment Layer > Hue/Saturation. Right click on the adjustment layer and choose Create Clipping Mask. 

To change the color of the car, double click on the Hue/Saturation Thumbnail to edit it. Set the Hue to 180 and the Saturation to 51.

Change Object Color in Photoshop

Step 3

Go to Image > Trim and make these settings to cut the image. 

Image Trim in Photoshop

Step 4

Create a mask for this layer by clicking on the mask button at the bottom of the Layers panel.

Add Layer Mask in Photoshop

Step 5

Go to the Scratched Texture layer, keep the Control key pressed, and click on the layer thumbnail of the layer to make a selection. Press Control-C to copy the selection.

Make Selection From Layer in Photoshop

Step 6

Go to the Car layer and on the Channels tab click on the Car Mask to make it visible. Press Control-V to paste the image.

Work with Channels in Photoshop

Press Control-D to deselect.

Step 7

Make sure you are on the Car layer mask thumbnail and go to Image > Adjustments > Levels. Set the Input Levels depending on how you want the image to look. 

Levels Adjustment in Photoshop

5. Create the Vintage Text Effect

Step 1

Add the text that you want using the Team Spirit Font type. Use the color #ffffff for the text and size 200 pt

Vintage Font Type in Photoshop

Step 2

Add this layer style to the Vintage Text layer. Drop Shadow (color#000000), Inner Shadow (color #000000), Inner Glow (color #464646), Bevel and Emboss (color #ffffff and #000000), Color Overlay (you can choose the color) and Stroke (color #ffffff). 

Drop Shadow Layer Style
Inner Shadow Layer Style
Inner Glow Layer Style
Bevel and Emboss Layer Style
Color Overlay Layer Style
Stroke Layer Style

Click on the Color Overlay style to hide it for now.

Step 3

Add the Scratched Texture on a new layer above the Vintage Text layer. Right click on the layer and choose Create Clipping Mask

Vintage Text Effect in Photoshop

Step 4

Add a Gradient Map by clicking on the Create new fill or adjustment layer button at the bottom of the Layers panel. Right click on the adjustment layer and choose Create Clipping Mask

Add Gradient Map in Photoshop

Step 5

Change the Gradient Map color tones: (color #bcbcbc, location 30%), (color #868981, location 53%), (color #cf3854, location 73%), and (color #94274e, location 91%).

Edit Gradient Colors in Photoshop

Step 6

If you use the Color Overlay layer style, you can easily change the color of the vintage text.

6. Create the Metal Bolts

Step 1

Create a new layer and use the Brush Tool and a hard round brush to paint a dot in each corner of the metal sign.

Add Metal Bolts

Step 2

Add this layer style to the Metal Bolts layer: Fill Opacity 0%,  Drop Shadow (color #000000), Inner Shadow (color #000000), Outer Glow (color #ffffff), Inner Glow (color #ffffff), Bevel and Emboss (color #ffffff and #000000).

Fill Opacity Layer Style in Photoshop
Drop Shadow Layer Style in Photoshop
Inner Shadow Layer Style in Photoshop
Outer Glow Layer Style in Photoshop
Inner Glow Layer Style in Photoshop
Bevel and Emboss Layer Style in Photoshop

7. Lighting Adjustments

Step 1

Create a new layer and add the Old Plaster Wall on this layer. Set the blend mode to Multiply and add a Gradient Overlay (color #030201 and color #ffffff) layer style.

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

Step 2

Add a Gradient Map adjustment layer above the Old Plaster Wall second layer. The colors for the gradient are #9e8b7a with location 12% and #ffffff with location 100%.

Right click and choose Create Clipping Mask.

Gradient Map Adjustment Layer

Congratulations! You're Done!

In this tutorial you learned how to create an old vintage metal sign in Photoshop using channels and textures. I hope you've enjoyed this tutorial. 

Vintage Metal Sign in Photoshop

The retro metal sign is a part of Vintage Metal Sign Photoshop Action from my portfolio on Envato Market.

Vintage Metal Sign Photoshop Action
Vintage Metal Sign Photoshop Action

Viewing all articles
Browse latest Browse all 6352

Trending Articles