先看看效果图
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054102253-0.png)
新建一个256 * 256像素文件,分辨率为300,如下图。
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054105114-1.png)
1、使用圆角矩形工具,设置半径值为60像素,按住Shift键绘制带有圆角的正方形,如下图。
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/205410K19-2.png)
2、为底层添加渐变样式,得到的效果如下图。
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054102438-3.png)
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/20541042Y-4.png)
3、按Ctrl + J 复制底层得到副本,按Ctrl + T 对底部副本进行调整大小,并更改渐变方向,效果如下图。
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054103605-5.png)
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054102352-6.png)
4、继续按Ctrl + J 复制底层副本,得到副本2。并按Ctrl + T 进行变换处理,并为其更改渐变样式,如下图。
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054105158-7.png)
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/205410F42-8.png)
5、继续使用圆角矩形工具绘制,并为其添加图层样式,以制作类似下图所示的效果。
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/205410A59-9.png)
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/2054103X5-10.png)
![Photoshop绘制金属控件效果的网页图标](/uploads/allimg/121110/20541054J-11.png)