FW快速制作动态按钮四状态(1)
（1）在Fireworks中新建一个大小为200×60的文件，使用工具箱上的圆角矩形工具绘制一个圆角矩形，在属性面板中设置圆角值为47，得到如图1所示的图像。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112115452.jpg
图1 绘制圆角矩形 （2）然后在属性面板中填充设置中选择\"Gradient\">>\"Linear\"，即选择线性填充，并在浮动颜色框中设置第一个颜色块值为#B6B6B6，第二个颜色块值为#FFFFFF，得到图2所示的图像。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112116588.jpg
图2 设置渐变填充 （3）由于现在是左右渐变，我们想实现上下渐变，其实只要调整渐变填充的控制杆就可以了，如图3所示。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112116968.jpg
图3 调整控制杆 （4）按住Ctrl＋Shift＋D克隆圆角矩形，然后使用工具箱上的矩形工具绘制一个矩形，并使用选择工具同时按住Shift键选择矩形和克隆所得的圆角矩形，如图4所示。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112116315.jpg
图4 同时选中矩形和圆角矩形 （5）点击\"Modify\"菜单，选择\"Combine Paths\"（组合路径）>>\"Punch\"（打孔），将两个路径使用打孔效果，得到图5所示的图像。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112116531.jpg
图5 打孔后的图像效果 （6）选中打孔所得的图形，在属性面板中将其笔触设为无，线性填充的第一个颜色块设为#3399FF，第二个颜色块设为#D0F3FD，适当调整控制杆，并在属性面板中设置不透明度设为70%，得到如图6所示的图像。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112116636.jpg
图6 调整填充效果 （7）为了实现高光的效果，我们将画布显示的比例调到400%，然后点击工具箱上的钢笔工具，绘制图7所示的路径。
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112116545.jpg
图7 绘制路径
页:
[1]