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

这是
( y% M8 I$ l2 @( e% _: mMac
romedia
" w  K  P+ Q: X  ZFireworks
8官方网站上新版Fireworks功能宣传一个
% t9 i" x  t  e! z% n, I) zFlash
按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。
9 I; Z" R3 g) T& w6 c9 H


7 w$ h- k, p: q! B6 Y, ?下面我们使用
# a% s! A8 A& w% ], H3 ZFireworks
来制作一款这样的按钮，看最终效果。看图:
, x/ M- d) v- |
/ b0 T  ?( f( |% G

/ G2 O0 b, T3 D6 d. O2 h好下面我们开始
Fireworks
+ u# O# A  y8 n9 L) T7 H制作
9 E0 u# X' v) j! X; r! S2 HMac
+ J; Y, M7 z9 ~# P/ K$ Z' H' uroedia按钮。
) H. ^: m  ^( @" B) I* q) ]
& Q* l, h! b) E: L$ m  I* k
. r, K, `' z. E' g4 l2 U
: n. h- B3 X3 W) R( d首先启动
Fireworks
0 a' S+ c. `2 Y$ I2 o8 v  _$ ?,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.
$ `5 k7 n# w3 b0 _# N4 p2 ~& I


再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图
1 u  e) Z2 X" x( |( h9 D4 K$ C


再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.
; X% ?$ K; `7 x0 w/ J, ]8 k再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.

: Y7 L! a' E) D5 X
- Y* `/ }" n. S: p/ {1 l  R
把P3和P4往P2中间移动拼合,得到如图效果:
$ s( _# b" m, x


/ l; Y9 O$ @* {) m在加上文字效果阴影和光晕>>投影.就得到了最终效果. OK,大功告成

2 |5 {) b+ E% l1 v# {+ u- @0 u