Learn How to Create a Metallic Effect in Photoshop
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 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.
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) on 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) on 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> Curvers
To make the image more intense and appealing go to Layer > New Adjustment Layer > Curves. Move the shadow pointer right side and highlights 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.
We provide free and premium web resources for everyone. Download our graphic design elements, icons, backgrounds, vectors and everything else. Stay tuned for more freebies, Photoshop tutorials and inspirational articles.