打印本文 打印本文 关闭窗口 关闭窗口
用Fireworks设计Macromedia按钮
作者:武汉SEO闵涛  文章来源:敏韬网  点击数898  更新时间:2009/4/23 13:34:43  文章录入:mintao  责任编辑:mintao
  Fireworks一直是我最常用的网页图形设计软件,虽然Macromedia被Adobe收购,我相信Fireworks还会发展下去的。支持Fireworks!!!  这是Macromedia Fireworks 8官方网站上新版Fireworks功能宣传一个Flash按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。 看图:

用Fireworks设计Macromedia按钮


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

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

用Fireworks设计Macromedia按钮

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

用Fireworks设计Macromedia按钮

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

用Fireworks设计Macromedia按钮

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

用Fireworks设计Macromedia按钮

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

用Fireworks设计Macromedia按钮

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

用Fireworks设计Macromedia按钮

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

用Fireworks设计Macromedia按钮

  不足之处请高手指点.


打印本文 打印本文 关闭窗口 关闭窗口