×

用Fireworks设计水晶按钮

Kalet Kalet 发表于2009-03-20 12:00:14 浏览323 评论0

抢沙发发表评论

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

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

用Fireworks设计水晶按钮






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


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




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




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


用Fireworks设计水晶按钮

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




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

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




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




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



用Fireworks设计水晶按钮



群贤毕至

访客