32 123
发新话题
打印

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

本主题由 iconsbox 于 2008-10-17 00:17 加入精华

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

先看看效果图:


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





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





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



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



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



八、在上面再新建一层,做如图的效果(不会做这步的再跟我提出)



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



[ 本帖最后由 justin_h 于 2008-2-20 20:46 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

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









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



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



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

十四、最终效果如下:



附:PSD源文件

[ 本帖最后由 justin_h 于 2008-2-17 19:17 编辑 ]
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • iconsbox 贡献值 +5 优秀原创教程加分! 2008-2-17 19:20
  • iconsbox =饭团= +30 优秀原创教程加分! 2008-2-17 19:20

TOP

呵呵,历经种种困难,终于发上来了!感谢Justin_h原创教程!
这篇教程做的很细,非常适合初学者学习。
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

不错不错!辛苦了!

TOP

非常好的教程,感谢了

TOP

谢谢分享,很实用的教程

TOP

一直把握不好金属效果,一不小心就成水晶了....看了这个有点启发

TOP

先顶再看~!

TOP

不错!辛苦了!很实用!

TOP

不喜欢这种金属,有锈迹的比较有感觉
设计说话,用代码攻坚!

TOP

icon 有锈迹不大美观把        

TOP

不错,看过很好~~~~~~~~~~~~·

TOP

那个金属边框做的很正点.LZ辛苦了

TOP

很细

很细致 很精致 真是 不错 谢谢!

TOP

试着做了一个 !可惜图不清晰!
附件: 您所在的用户组无法下载或查看附件

TOP

 32 123
发新话题