使用 Fireworks 设计 Macromedia 按钮(半透明玻璃效果)

Fireworks一直是我最常用的网页图形设计软件，虽然Macromedia被Adobe收购，我相信Fireworks还会发展下去的。支持Fireworks!!!

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

看图:


查看网址：http://www.macromedia.com/cn/software/fireworks/

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



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



首先启动Fireworks,新建一个宽450px,高300px的图形文档.

绘制四个矩形;

p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.

p2:


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

p3:


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

P4:再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.

效果如图:



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



在加上文字效果阴影和光晕>>投影.就得到了最终效果. [cool],OK,大功告成,休息会儿.



不足之处请高手指点.


-----------------------------------------------------------------------
作者：吟清
网址：http://www.aspid.cn/blog/article.asp?id=263

 

不知道 leocy 说的边框的处理方式。

按照上面的教程做，效果出来了，但是还是不如 Macromedia 的看上去清晰、舒服。