How to use Photoshop to make a simple metal control icon effect

Final effect

Create a new 256 * 256 pixel file with a resolution of 300, as shown below.

1. Use the Rounded Rectangle tool, set the radius value to 60 pixels, and hold down the SHIFT key to draw a square with rounded corners, as shown below.

, add a gradient style to the bottom, and the results are as shown below.

3, press CTRL + J copy the bottom, press CTRL + T to resize the bottom copy, and change the direction of the gradient, the effect of the following figure.

4, continue to press CTRL + J copy the bottom copy, get copy 2. and press CTRL + T to transform and change the gradient style for it, as shown in the following figure.

5. Continue to draw with the rounded Rectangle tool and add a layer style to it to make the same effect as shown in the following illustration.

6, copied in the same way, we only need to resize it 。 And then modify the gradient style for it, make the following diagram of the effect can be. Colors can be changed as you prefer.

/tbody>
br> , using the Ellipse tool, hold down the SHIFT key to draw the positive circle, add a layer style to it, make a metal button, and the effect is as shown below.

8, now we just need to copy and adjust the location can be.