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

　（1）在Fireworks中新建一个大小为200×60的文件，使用工具箱上的圆角矩形工具绘制一个圆角矩形，在属性面板中设置圆角值为47，得到如图1所示的图像。
9 a' P/ X' D" d; m; f
7 I% c$ {- K# c+ ?* A
! h4 C8 `# m2 A+ {, N) b) H图1 绘制圆角矩形 　　（2）然后在属性面板中填充设置中选择\"Gradient\">>\"Linear\"，即选择线性填充，并在浮动颜色框中设置第一个颜色块值为#B6B6B6，第二个颜色块值为#FFFFFF，得到图2所示的图像。
" ?5 P2 G. }7 n( k0 l/ C
& j: A; t2 K$ i% h  S8 v
图2 设置渐变填充 　　（3）由于现在是左右渐变，我们想实现上下渐变，其实只要调整渐变填充的控制杆就可以了，如图3所示。
  E  F! h! c) J5 c0 ~
  H( J) p7 E- N) _
6 s& s( U: N: [图3 调整控制杆 　　（4）按住Ctrl＋Shift＋D克隆圆角矩形，然后使用工具箱上的矩形工具绘制一个矩形，并使用选择工具同时按住Shift键选择矩形和克隆所得的圆角矩形，如图4所示。

2 q& V; b; d9 k9 X, N! n) \' N, }
图4 同时选中矩形和圆角矩形 　　（5）点击\"Modify\"菜单，选择\"Combine Paths\"（组合路径）>>\"unch\"（打孔），将两个路径使用打孔效果，得到图5所示的图像。
& z7 g  h7 z6 ]7 P7 H4 y. A! b. |

! Y! `, e3 q6 H! L图5 打孔后的图像效果 　　（6）选中打孔所得的图形，在属性面板中将其笔触设为无，线性填充的第一个颜色块设为#3399FF，第二个颜色块设为#D0F3FD，适当调整控制杆，并在属性面板中设置不透明度设为70%，得到如图6所示的图像。

4 f5 @( q+ E# E7 g. m
% q$ \; m" F; S2 p; T! U1 ]7 P图6 调整填充效果 　　（7）为了实现高光的效果，我们将画布显示的比例调到400%，然后点击工具箱上的钢笔工具，绘制图7所示的路径。

) i1 B5 A; _! J* M9 G( B9 Z
6 l5 S  D8 P' a+ B9 K2 O& E, _图7 绘制路径