Creating a Rust Effect in Photoshop

2

The trouble with clean signs is that they can sometimes a bit too clean, and thus unrealistic. Here’s a way to make signs look as if they’ve been aged over many years by rust and decay.

Step 1: Choose your sign

I’ve started with this old Castrol Motor Oil sign, which I’ve cut out and placed on a different background. But you could use anything – even a sign you’ve created yourself from scratch.

Step 2: Add a shadow

Use the Layer Effects dialog from the button at the bottom of the Layers panel to add a soft drop shadow. This gives the sign some distance from the background.

Step 3: Start painting rust

Make a new layer, choose a soft-edged brush, and set the foreground color to brown. Set the mode of the brush from Normal to Dissolve by Control-clicking (macOS) or Right-clicking (Windows). Set the opacity to just 10 per cent (shortcut: press the 1 key on your keyboard). Now, when you paint on the new layer, you’ll get a scattering of individual pixels. Use Command+Option+G / Ctrl+Alt+G to make a clipping mask with the sign layer, so it only shows up where it overlaps that layer.

Step 4: Blur the rust

Use Filter > Blur > Gaussian Blur to add a 1-pixel blur to the rust layer, which will soften it and make it look less pixelated.

Step 5: Add a bevel

Open the Layer Style dialog, and set the style to Inner Bevel (it will probably be on that setting already). Set the depth to its maximum value of 1000%, and make the size small – around 3 pixels will work well.

Step 6: The bevel result

Here’s how it looks after adding that bevel. The rust has taken on a three-dimensional quality, and looks as if it’s raised from the surface of the sign.

Step 7: Make the cutaway

Make another new layer, and once again set it to use the layer beneath as a Clipping Mask. Choose a mid-gray as the foreground color and, with the brush still set to Dissolve mode, change the opacity to around 70%. Now when you paint you’ll cover a lot more of the area, but still produce a dotty effect.

Step 8: Add a bevel

No need to blur this layer. Instead, add an Inner Bevel, but this time change the Technique to Chisel Soft for a stronger result. You may want to reduce the Depth value as well if it looks too strong. Set the Direction to Down so it’s recessed.

Step 9: Add a contour

Check the Contour button under Bevel & Emboss, and choose a U-shaped contour from the pop-up Elements menu. Feel free to try other contours as well, to see how they look. Also, add an Inner Shadow from the Layer Style dialog to accentuate it.

Step 10: The cutaway result

Here’s the image after adding the Bevel with the Contour, and the Inner Shadow. With the direction set to Down, it’s a much stronger version of the effect created earlier.

Step 11: Mask the cutaway

Those fuzzy edges of the cutaway look unconvincing. Choose Layer > Layer Mask > Reveal All to make an empty mask, and paint over the edges in black – having first set the brush mode back to Normal – to limit the visibility of the cutaway area.

Step 12: Mask the sign

Go back to the original sign layer, and add a Layer Mask here as well. With a hard-edged brush, paint in black to eat away the sign in the cutaway areas. Note how the shadow will automatically follow the new visible part of the layer as you do so. Important note: if you do ever paint in Dissolve mode, always remember to set the brush back to Normal afterwards or it will drive you crazy next time you want to paint.

Step 13: Desaturate the sign

The sign so far looks too bright for something that’s supposed to be old and weathered. One solution is to add a Gradient Map Adjustment Layer, which you can choose from the Adjustments pop-up menu at the bottom of the Layers Panel. Click the preset to set the gradient to black and white, and make a Clipping Mask with the sign layers beneath.

Step 14: The Gradient Map result

Here’s how the Gradient Map looks – it knocks all the color out of the sign. To desaturate only a little, change the mode of this Adjustment Layer from Normal to Hard Light.

Step 15: After the mode change

Here’s how it looks with the Gradient Map set to Hard Light mode. It knocks the color back a lot, and also strengthens the rust effect. Too strong? Then just reduce the opacity of the layer.

Step 16: The finished result

This is the result with the Gradient Map layer set to 50% opacity. It dulls the colors to a lesser degree, but still produces a more weathered appearance.

Steve Caplin is a freelance photomontage artist based in London, whose satirical illustrations have appeared in newspapers and magazines around the world. He is the author of the best-selling How to Cheat in Photoshop, as well as 100% Photoshop, Art & Design in Photoshop and 3D Photoshop. He writes regularly for CreativePro and is an instructor at LinkedIn Learning. His YouTube channel 2 Minute Photoshop is a library of over 100 Photoshop tutorials, each just two minutes long, hosted at photoshop.london. When he’s not at his computer Steve builds improbable furniture, which can be seen at curieaux.com.
  • Gary Ludwig says:

    What am I missing here? “Rust” is literally the name of a colour. Would it have made sense for at least some of the rust to be rust-coloured?

  • Rezu says:

    Creating a rush effect is so much interesting to do. Thanks for you post. This is so much informative and perfectly explained.

  • >