In this quick Photoshop tutorial, we’ll learn how to create a simple but realistic metallic effect in Photoshop. In less than 6 steps we can create a nice effect and you can use it as a background for your web projects. You can mix the technique for different metallic effect patterns. For different document sizes, you may have to change the filter input values. Scroll down to learn this Photoshop effect.
Learn How to Create a Metallic Effect in Photoshop
Tutorial Details and Resources
Apps: Adobe Photoshop (CS3 or later)
Estimated Completion Time: 5-10′ Minutes
Step 1 > Create a Document
First run Photoshop and create a new document. For this tutorial my document resolution is at 800 x 480 pixels.
Step 2 > Gradient Background
Pick the Gradient Tool (G) in your toolbox and create a 5 point gradient similar to (image 2a). Use the following colors: #a4a2a3 for the dark color and #d2d2d2 for the highlights. Next, fill horizontally the background (image 2b).
2a) Gradient Colors
2b) Fill the Background
Step 3 > Metallic Texture
Create a new layer (Shift+Ctrl+N) and fill it with #d2d2d2 color by using the Paint Bucket Tool (G) (image 3a). Next, go to Filter > Noise > Add Noise and increase the amount to 400%, set Distribution to Uniform & check the Monochromatic option (image 3b).
Finally, go to Filter > Blur > Motion Blur and set the Angle to 0 & Distance to 40 pixels (image 3c). Press OK to confirm the filter.
3a) Fill the Background & Add Noise
3b) Noise Settings.
3c) Motion Blur Settings
Step 4 > Refine the Texture
With the texture layer active go to Layer > Layer Mask > Reveal All to add a layer mask (image 4a). Change the Foreground color to black (#000000) and pick a large soft brush by using the Brush Tool (B) in your toolbox. Lower the brush opacity to 65-70% and draw over the mask in left and right corners (image 4b).
Next, set the Layer Blending Mode to Overlay and Opacity to 60% (image 4c).
4a) Add Layer Mask
4b) Draw around the left & right corners with 70% visible soft brush
Step 5> Add Noise
Create another layer and fill it again with #d2d2d2 color by using the Paint Bucket Tool (B). Go to Filter > Noise > Add Noise to add noise with 10% Amount, Gaussian Distribution & Monochromatic effect (image 5a). Next, change the layer blending mode to Linear Burn and opacity to 10%.
5a) Add Noise
Step 6> Curves
To make the image more intense and appealing go to Layer > New Adjustment Layer > Curves. Move the shadow pointer right side and highlights the pointer left side, similar to (image 6a). If the Curves tab is not visible or you can’t find it simply double-click the Curves layer icon.
6a) Curves Settings
Simple, fast and cool metallic effect. Change the background gradient direction for different effect.