FW快速制作动态按钮四状态(1)

　（1）在Fireworks中新建一个大小为200×60的文件，使用工具箱上的圆角矩形工具绘制一个圆角矩形，在属性面板中设置圆角值为47，得到如图1所示的图像。


# Q" l3 D4 O7 P- Y- O4 d图1 绘制圆角矩形 　　（2）然后在属性面板中填充设置中选择\"Gradient\">>\"Linear\"，即选择线性填充，并在浮动颜色框中设置第一个颜色块值为#B6B6B6，第二个颜色块值为#FFFFFF，得到图2所示的图像。

6 B6 F9 J2 w6 B; X* W! I% Z
. i  n, M/ ^  I图2 设置渐变填充 　　（3）由于现在是左右渐变，我们想实现上下渐变，其实只要调整渐变填充的控制杆就可以了，如图3所示。
/ }& X* y4 }* d& j

' o2 h- P1 F( t: c/ J图3 调整控制杆 　　（4）按住Ctrl＋Shift＋D克隆圆角矩形，然后使用工具箱上的矩形工具绘制一个矩形，并使用选择工具同时按住Shift键选择矩形和克隆所得的圆角矩形，如图4所示。

9 {' N' w  ?# `( f
2 ~" G$ I; I- O图4 同时选中矩形和圆角矩形 　　（5）点击\"Modify\"菜单，选择\"Combine Paths\"（组合路径）>>\"unch\"（打孔），将两个路径使用打孔效果，得到图5所示的图像。


" `7 z( G9 U/ i! ?, r, r* Z! b( _图5 打孔后的图像效果 　　（6）选中打孔所得的图形，在属性面板中将其笔触设为无，线性填充的第一个颜色块设为#3399FF，第二个颜色块设为#D0F3FD，适当调整控制杆，并在属性面板中设置不透明度设为70%，得到如图6所示的图像。

" B! [& q# m# W: f# k& g  @
2 `" [: |( b" w; X* ~, Z图6 调整填充效果 　　（7）为了实现高光的效果，我们将画布显示的比例调到400%，然后点击工具箱上的钢笔工具，绘制图7所示的路径。
+ d+ q( q, Z6 Y6 g
- X# }* k0 r8 ^8 e) Z
1 W! Q( e* ]7 {% v" Y+ J图7 绘制路径