gggds 发表于 2009-12-27 03:12:43

Fireworks制作晶莹剔透的质感按钮ICON教程

一组按钮效果：

http://www.blue1000.com/upload/070725230518121.gif

第一步、画一个略扁的圆，线形垂直填充。

http://www.blue1000.com/upload/070725230518122.gif


http://www.blue1000.com/upload/0707252305181210.gif

第二步、复制这个圆，并且长和宽各减少4个像素，线形垂直填充。

http://www.blue1000.com/upload/0707252305181211.gif


http://www.blue1000.com/upload/0707252305181212.gif

第三步、再次复制这个圆，并且长和宽个减少18个像素，线形垂直填充。

http://www.blue1000.com/upload/0707252305181213.gif


http://www.blue1000.com/upload/0707252305181214.gif

第四步、继续复制这个圆，用钢笔工具调整到下图形状，线形填充100%\"20%，透明度40%。

http://www.blue1000.com/upload/0707252305181215.gif


http://www.blue1000.com/upload/0707252305181216.gif

第五步、用钢笔画出下面两个部分，耐心点调整放置于椭圆的下方形成3D效果。

http://www.blue1000.com/upload/0707252305181217.gif


http://www.blue1000.com/upload/070725230518123.gif


第六步、关键的质感高光制作：用通常的上下两个椭圆组合而成，用蒙板遮盖掉多余部分，注意颜色搭配。

http://www.blue1000.com/upload/070725230518124.gif


http://www.blue1000.com/upload/070725230518125.gif

第七步、这个形状随便你了：投影，距离0，白色100%

http://www.blue1000.com/upload/070725230518126.gif


http://www.blue1000.com/upload/070725230518127.gif

第八步、最后把所有的组合起来，加上投影柔化4，距离4，角度270，黑色80%。

http://www.blue1000.com/upload/070725230518128.gif


http://www.blue1000.com/upload/070725230518129.gif
页: [1]
查看完整版本: Fireworks制作晶莹剔透的质感按钮ICON教程