推荐 关于 作品 下载 链接 留言
 
 
闲时无聊练练手,顺便贴上教程
天气:sunny 心情:心情指数:3

教程来至blueidea,先看看效果图:

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

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

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

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

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

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

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

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

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

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

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

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

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

十四、最终效果如下:

高光部分步骤

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

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

然后设置一下渐变

拉出如下的效果

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

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

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

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

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

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

七、最终效果:

Super 于 2008-6-29 19:42:43 发表在 生活点滴 | 查看
 
上一篇《绝对伏尔加》弦丽壁纸欣赏
下一篇你的人脉关系中不可缺少的十种人
 
Tags: 练手,教程,UI,ICON,金属
日志引用地址[]: http://www.superui.com/blog/track.asp?postID=185
相关日志
  ·ICON看图练手稿,非原创。 (2007-5-13)
 
2条评论
 
unregister bxyl
2008-3-2 14:42:09
很好很好。谢谢。
unregister DIEGO
2007-8-29 16:37:40
不错,很有质感~~~
 
 
 
发表评论
 
评论内容:
说老实话,做开心人,欢迎您留露箴言,您的观点仅代表个人,与本站无关,望请自尊!
验证码:
验证码
 
 
Copyright © 2007 SuperUI.Com 版权所有 感谢帅青蛙提供技术支持 感谢名仕网络提供空间 闽ICP备07033463号