gggds 发表于 2009-12-27 03:11:09

Fireworks教程:制作水晶按钮教程

这是Macromedia Fireworks 8官方网站上新版Fireworks功能宣传一个Flash按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。

http://www.blue1000.com/upload/2008_09/080910002637251.jpg

下面我们使用Fireworks来制作一款这样的按钮,看最终效果。看图:

http://www.blue1000.com/upload/2008_09/080910002637252.jpg

好下面我们开始Fireworks制作Macroedia按钮。

http://www.blue1000.com/upload/2008_09/080910002637253.gif

首先启动Fireworks,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.

http://www.blue1000.com/upload/2008_09/080910002637254.gif

再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图

http://www.blue1000.com/upload/2008_09/080910002637255.gif

再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.
再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.

http://www.blue1000.com/upload/2008_09/080910002637256.jpg

把P3和P4往P2中间移动拼合,得到如图效果:

http://www.blue1000.com/upload/2008_09/080910002637257.jpg

在加上文字效果阴影和光晕>>投影.就得到了最终效果. OK,大功告成

http://www.blue1000.com/upload/2008_09/080910002637258.jpg
页: [1]
查看完整版本: Fireworks教程:制作水晶按钮教程