打印

[教程] 金属质感图标制作教程(原创)

本主题由 zobyking 于 2007-12-31 18:02 分类
第一次写的教程,很多地方言语表达不清,有哪里不足,望能谅解!


先看看效果图:


一、新建一个300x300象素的文档,填充黑色背景色
二、新建一层画一个这样的形状如下图:(形状按个人喜欢去定义,一开始做的话用圆形更为合适) 填充渐变;(不要取消选择)


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



四、复制第三步的图层,再然后缩小到90% ,填充颜色(#3E8111);如下图:



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


六、然后在上面做高光;如下图:


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


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


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


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





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


十二、然后如此类推做出以下效果,如下图:(记住要新建一层再操作,方便修改)


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

十四、最终效果如下:


注:PSD原文件下载

[ 本帖最后由 hjp2005 于 2007-8-26 12:39 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • mzbx8888 威望 +3 我很赞同 2007-8-26 12:53
http://hi.baidu.com/justin0530
全是红叉~~~~~~~~
啊,我的太阳……
顶一下,楼主赶快来重新编辑一下,图片都是叉
提醒楼主zcool好像要防止盗链的,不知道防不防blue的,
人生就是在舞台上...演戏!
好了,我在本地重新编辑了!
希望这个教程对大家有所帮助,希望大家喜欢,谢谢!
http://hi.baidu.com/justin0530

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
fw和ps 是相通的

TOP

引用:
原帖由 jack99 于 2007-8-24 17:27 发表
fw和ps 是相通的
我看楼上还是有点底子的,为什么不写点教程啥的,造福一下大众。

TOP

fw我不通

希望jack99 给点FW教程学习一下。
http://hi.baidu.com/justin0530

TOP

LZ教程写得很认真,细节也到位

就是用色弱了点,后面两个图标显得有点脏,能再调下就更好了。
找工作了。。。加油!

TOP

嗯 不错蛮feel~
Just WaRmTonE

TOP

还是可以的,呵呵

TOP

请问下 那个高光怎么做效果好?谢谢

TOP

高光部分步骤

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


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


然后设置一下渐变


拉出如下的效果


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


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


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


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


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


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


七、最终效果


附:PSD原文件:

[ 本帖最后由 hjp2005 于 2007-9-11 12:38 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
http://hi.baidu.com/justin0530

TOP

引用:
原帖由 hjp2005 于 2007-8-24 17:37 发表
fw我不通

希望jack99 给点FW教程学习一下。
我做FW模仿你的做了一个,

[ 本帖最后由 caoyi3113 于 2007-8-26 13:41 编辑 ]

TOP

回复 #13 caoyi3113 的帖子

可以提供PNG原文件学习一下FW吗??
http://hi.baidu.com/justin0530

TOP

这个就是源文件了。

TOP


交个作业,做得不怎么像~外面金属的高光还是不会做~

[ 本帖最后由 difficulthjr 于 2007-8-28 22:15 编辑 ]

TOP

我学习
有空就交个作业

TOP

不错。质感十足 啊。
http://hi.baidu.com/momean

TOP

楼主真强!

金属按钮的难点就在于对光泽的把握度上,楼主能把握的这么到位,实乃高手也~~

TOP

请版主提供一下另两个文件的的源文件可以吗

TOP

不错,学习了

TOP

好详细的讲解

楼主真是个大好人
讲解得好详细...感动啊

TOP