Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Photoshop | Drawing | Design a brushed metal icon using Photoshop
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Design a brushed metal icon using Photoshop

We will design a nice brushed metal, aluminium looking icon from scratch, using Photoshop.

 

 
  Author: mat | Version: CS5 | 14th March 2012 |  
 
 
1.
 

Create a new Photoshop document with a size of 500 x 500 pixels and white background.

Choose the Rounded Rectangle Tool.

 
 
2.
 

Set the Radius to 40 px.


 
 
3.
 

Set the foreground color to #5f5f5f.

Create a new layer and draw a rounded rectangle.

 
 
4.
 

Click the layer fx button and choose Gradient Overlay...

 
 
5.
 

Leave the default black to white Gradient and set Opacity to 77%.

Click OK.

 
 
6.
 

Press Ctrl + J to duplicate the layer.

Press Ctrl + T to enter free transform mode then set Width (W:) and Height (H:) to 96% (see picture).

Press Enter.

 
 
7.
 

Now double-click the Gradient Overlay effect of the duplicated layer (see picture).

 
 
8.
 

Set Opacity to 100% and click the gradient.

 
 
9.
 

Set the new gradient as I did.

The left and right color should be set to color code #575757 the middle one to #b6b6b6.

Just click under the middle of a gradient to add a new color (see picture).

 
 
10.
 

Choose the Inner Shadow on the left side and choose the same settings as I did.

 
 
11.
 

Choose the Bevel and Emboss on the left side then choose the same Structure settings as I did ...

 
 
12.
 

... and same Shading settings as I did.

Click OK.

 
 
13.
 

This is how it should look like by now.

 
 
14.
 

Choose the Horizontal Type Tool.

 
 
15.
 

Choose some "beefy font", enter a letter, set an according size and place it in a middle of the icon.

You can press Ctrl + T to resize the letter.

 
 
16.
 

Click effect (fx) button of the new text layer and choose Inner Shadow.

 
 
17.
 

Choose the same settings as I did.

 
 
18.
 

Choose Bevel and Emboss on left side and choose the same Structure settings as I did ...

 
 
19.
 

... and choose the same Shading settings as I did.

 
 
20.
 

Choose Stroke on the left side and choose the same settings as I did.

Click OK.

 
 
21.
 

Create a new layer.

Press D to set a black foreground color.

Press Alt + Delete to fill the layer with black color.

In the menu click Filter, Noise and choose Add Noise...

Choose the same settings as I did and click OK.


 
 
22.
 

In the menu click Filter, Blur and choose Radial Blur...

Choose the same settings as I did and click OK.

 
 
23.
 

All you have to do now is set Screen for a new layer's blending mode.

 
 
24.
 

That's it!

 
 
 
   
  Please login to post a comment
  Click to open user profile  
jthyme67, 22nd Apr 2024, 6:35 PM
Raise your own food, https://www.barifarms.com/ Birchen Marans and Croad Langshan Hatching eggs and chicks are wonderful!

 
 
  Click to open user profile  
jameseo, 2nd May 2024, 10:43 AM
When your website or blog goes live for the first time, it is exciting. That is until you realize no one but you and your.Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too.Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. https://www.digitekprinting.com/poster-p....
 
 
  Click to open user profile  
minho266, 3rd May 2024, 6:36 AM
This essay is excellent and really helpful. I've been silently practicing this, and I'm becoming better at it! Enjoy yourself, work harder, and develop your impressiveness https://loan-calculator.io
 
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO