James 发表于 2009-1-26 22:34:09

Photoshop 制作金属质感图标

第一次写的教程，很多地方言语表达不清，有哪里不足，望能谅解！

先看看效果图：

http://www.sz41.com.cn/attachments/135120/images/200912610253741277801.jpg


一、新建一个300x300象素的文档，填充黑色背景色。

二、新建一层画一个这样的形状如下图：（形状按个人喜欢去定义，一开始做的话用圆形更为合适） 填充渐变；（不要取消选择）

http://www.sz41.com.cn/attachments/135120/images/200912610253747277802.jpg


三、复制形状那个图层,然后缩小到80%；拉个垂直黑白渐变；如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610253755277803.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610253761277804.jpg


四、复制第三步的图层,再然后缩小到90% ,填充颜色（#3E8111）；如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610253767277805.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610253773277806.jpg


五、再复制第四步的图层,再然后缩小到80-90% ；填充径向渐变；如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610253782377807.jpg


六、然后在上面做高光；如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610253790377808.jpg


七、复制第四步的图层，点选图层填充为白色，向上移动1-2象素，这样更有层次感；如下图：

http://www.sz41.com.cn/attachments/135120/images/200912610253799377809.jpg


八、在上面再新建一层，做如图的效果

http://www.sz41.com.cn/attachments/135120/images/200912610253853778010.jpg


九、然后回到第一层，再上面新建一层，按ctrl G与下层组合起来，再用钢笔描出一个轮廓，如下图；

http://www.sz41.com.cn/attachments/135120/images/2009126102538103778011.jpg


十、然后ctrl enter 选中填充白色，再设置图层样式，如下几图：

http://www.sz41.com.cn/attachments/135120/images/2009126102538253778012.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102538323778013.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102538373778014.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102538433778015.jpg


十一、再新建一层于上，然后ctrl G再与下层组合，用钢笔描出一个轮廓，再做渐变；如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102538473778016.jpg


十二、然后如此类推做出以下效果，如下图：（记住要新建一层再操作，方便修改）

http://www.sz41.com.cn/attachments/135120/images/2009126102538514778017.jpg


十三、为了更为有金属感，在第一层上用加深和减弱工具涂抹一下，效果更明显！

十四、最终效果如下：

http://www.sz41.com.cn/attachments/135120/images/2009126102538604778018.jpg


高光部分步骤

一、新建一层，用椭圆工具画出椭圆，填充白色，再用旋转工具放到适当的位置，如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102538654778019.jpg


二、再新建一层，用钢笔画出上部分的高光，如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102538694778020.jpg


然后设置一下渐变

http://www.sz41.com.cn/attachments/135120/images/2009126102538744778021.jpg


拉出如下的效果

http://www.sz41.com.cn/attachments/135120/images/2009126102538764778022.jpg


三、继续新建一层，用钢笔画出下半部分的高光，如下图：

http://www.sz41.com.cn/attachments/135120/images/2009126102538884778023.jpg


渐变设置跟前面一样，拉出如下效果：

http://www.sz41.com.cn/attachments/135120/images/2009126102538964778024.jpg


四、继续新建一层，钢笔画出右面部分的高光，

http://www.sz41.com.cn/attachments/135120/images/200912610253914778025.jpg


渐变设置跟面前一样，拉出如下效果：

http://www.sz41.com.cn/attachments/135120/images/200912610253954778026.jpg


五、继续新建一层，用椭圆工具画出比较小的椭圆，填充白色，旋转好位置，透明度设置为50%，效果如下：

http://www.sz41.com.cn/attachments/135120/images/2009126102539144778027.jpg


六、这样就差不多了，最终高光效果如下：

http://www.sz41.com.cn/attachments/135120/images/2009126102539215778028.jpg


七、最终效果：

http://www.sz41.com.cn/attachments/135120/images/2009126102539275778029.jpg

meing 发表于 2009-6-28 19:50:14

很感谢这么详细的讲解！

李力李力 发表于 2015-4-8 22:54:29

十分专业

daith 发表于 2019-1-27 09:41:53

多好啊
页: [1]
查看完整版本: Photoshop 制作金属质感图标