PhotoShop设计不锈钢UI图标教程
教程介绍了如何使用PhotoShop制作一个逼真的方形不锈钢按钮的过程，主要使用的是图层样式和形状，在配合路径完成最终效果，教程步骤很多，练习需要点耐心，有兴趣的朋友可以跟着学一下，做完记得交作业。临摹的成果：
http://pic.16xx8.com/allimg/150527/1439522014-0.jpg
http://pic.16xx8.com/allimg/150527/1439523S5-1.jpg
http://pic.16xx8.com/allimg/150527/1439523194-2.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:137835 作者：P大点S 出处：网络 下面，我们开始山寨之旅。 新建文档，我用的大小是2000*1500像素，设置背景色为# 101010
http://pic.16xx8.com/allimg/150527/1439521600-3.jpg
新建一层，设置前景色为白色，使用圆角柔边画笔，设置大小为1500像素，在画布中点一点，设置图层的不透明度为60%。
http://pic.16xx8.com/allimg/150527/1439525431-4.jpg
下面，我们来做背景中那个圆形的图案，我这里是用一个无缝图案来完成的。新建一个40*40像素的文件，背景为透明，用椭圆工具画一个20*20像素的正圆，并让其水平居中，垂直居中。以下截图为方便观看，是放大了1200%的截图。
http://pic.16xx8.com/allimg/150527/1439525231-5.jpg
复制一层椭圆图层，执行“滤镜—其他—位移”，设置水平和垂直位移均为我们文档大小的一半。
http://pic.16xx8.com/allimg/150527/143952GJ-6.jpg
现在我们的效果应该是这样。
http://pic.16xx8.com/allimg/150527/14395260R-7.jpg
下面，我们将自定图案预设。点击“编辑—自定图案”
http://pic.16xx8.com/allimg/150527/14395211H-8.jpg
http://pic.16xx8.com/allimg/150527/1439523Q4-9.jpg
OK，现在回到我们那个图标的文档，在刚才那个白色画笔图层的顶层新建一层，执行“编辑—填充”，选择我们刚才自定义的图案。
http://pic.16xx8.com/allimg/150527/143952D63-10.jpg
http://pic.16xx8.com/allimg/150527/1439524351-11.jpg
为这个图案图层设置一个图层样式。
http://pic.16xx8.com/allimg/150527/14395232A-12.jpg
http://pic.16xx8.com/allimg/150527/1439521T1-13.jpg
http://pic.16xx8.com/allimg/150527/1439526336-14.jpg
设置完图层样式，我们完成了背景的创建，效果如下：
http://pic.16xx8.com/allimg/150527/143952K34-15.jpg
下面，我们开始图标部分的操作。 用圆角矩形工具，运用减去模式，画出如下的外框形状来。
http://pic.16xx8.com/allimg/150527/1439521a2-16.jpg
为这个外框添加一个图层样式。
http://pic.16xx8.com/allimg/150527/143952M10-17.jpg
http://pic.16xx8.com/allimg/150527/1439524Y1-18.jpg
接下来，还是用圆角矩形工具，画出如下图中的红色的内框。
http://pic.16xx8.com/allimg/150527/1439521O3-19.jpg
为其添加一个图层样式。
http://pic.16xx8.com/allimg/150527/1439524259-20.jpg
http://pic.16xx8.com/allimg/150527/14395260J-21.jpg
接下来，我们来做那个纹理效果，纹理的话网上估计大把，我也试着做了一下。新建一层，填充#333333，执行“滤镜—杂色—添加杂色”，设置数量为13%，高斯分布，勾选单色。
http://pic.16xx8.com/allimg/150527/143952L31-22.jpg