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

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

7 ]+ u. }8 Z# h$ p/ J$ f( L
, A& D& c7 Q7 c  v5 M7 q
! Y" `+ }. U3 r下面我们使用Fireworks来制作一款这样的按钮，看最终效果。看图:
0 g0 ?9 z& c7 X, O# b) c3 g9 `' {& b: q
( H$ T; b- m/ [: \

' T' @" h* V6 ~; V好下面我们开始Fireworks制作Macroedia按钮。


3 F( H) e4 ?) z  S  K; {
首先启动Fireworks,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.
  H' z2 r2 v6 s9 {

9 G' F8 Z; \7 v4 A; U3 H8 O  N
再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图


+ |" k. O  ]$ |/ I% ^0 v: ^9 M
: W, g  n/ k8 r再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.
再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.
1 ~  ^3 L' e9 e+ R) v% h

: C3 f2 f: C+ ?
把P3和P4往P2中间移动拼合,得到如图效果:
) {) [% [8 N: E+ i. X- ?. A7 e
( R7 |. m- Z" [$ E7 }1 ?: z  `$ [, i* ]

在加上文字效果阴影和光晕>>投影.就得到了最终效果. OK,大功告成
5 c2 F- u4 x& V6 R) G
* ^# x' U9 M& o( L3 o! ]