gggds 发表于 2009-12-27 12:25:05

Fireworks MX 2004等高渐变填充(2)

  来玩下进阶,通过等高渐变填充我们可以直接做出很有质感的按钮。这里我们应用了多色彩渐变,并且加入了材质填充来加强质感。

http://edu.chinaz.com/Files/BeyondPic/5.gif
  等高渐变填充的丰富立体感表现,再配合Fireworks MX 2004增强的矢量图形绘制工具,我们已经可以做出几乎触手可及的小配件。这里用了甜甜圈Doughnut绘图工具做出雏形后再加以变形,效果中增加了内阴影的颜色来衬托高光部分。

http://edu.chinaz.com/Files/BeyondPic/6.gif
  因为等高渐变填充是矢量图形的内填色方式,所以点阵图应用这个效果就需要矢量图的配合。我们可以使用遮照的形式。在点阵图片上增加个矢量图形,填充使用等高渐变,具体设置如图:

http://edu.chinaz.com/Files/BeyondPic/7.gif
  把矢量图形拉到点阵图下层,两者组成遮照。再将图片背景色调成深色就可以看效果了。

http://edu.chinaz.com/Files/BeyondPic/8.gif
  这只是个简单示例,颜色方面,大家可以随便替换,找出自己需要的风格和效果。关于等高渐变填充,也欢迎大家再深入研究,共同交流分享。
页: [1]
查看完整版本: Fireworks MX 2004等高渐变填充(2)