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

这是Macromedia Fireworks 8官方网站上新版Fireworks功能宣传一个Flash按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。
5 Z4 P1 a7 J) ?1 Y3 j8 r
$ M  _3 R1 d; C$ g" h
: y# h( d' N) ~! S
下面我们使用Fireworks来制作一款这样的按钮，看最终效果。看图:
, J0 H$ V2 \0 |/ g! W2 `, {


% C8 q5 d/ h( z: K3 C$ Z好下面我们开始Fireworks制作Macroedia按钮。
5 N3 @" g0 L& h/ v) M0 V9 d6 @- ]
/ U3 L; N9 y, k- u# M6 O9 N

" l9 h/ h! @) I8 G8 i! r" g% ^9 v4 ]1 u首先启动Fireworks,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.
: S9 |. |" |; R$ J7 ]. {8 p5 y  w$ X

+ g9 p' R" E% t  L% e9 q
再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图
& p& T/ H; k: S8 z

+ w" n5 Z& s5 G- j  F# U3 o3 F# r; |
再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.
* ^4 {) n8 j# n8 {5 l4 S2 [; `再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.
/ S# |2 K9 D- {- H4 ^8 I
/ n% @. @" M2 D& C/ o
2 E* e9 g- T0 ?$ c% q5 H# @& O
$ K9 }( f5 N" O8 R) M把P3和P4往P2中间移动拼合,得到如图效果:


  g# h+ h& ?/ b9 K
1 x- M8 Y. Q& e7 R# ?  V& U; X在加上文字效果阴影和光晕>>投影.就得到了最终效果. OK,大功告成

& F( z& T7 ?. J* K