Fireworks滚盖图技巧高级篇

核心提示：本节学习重点：掌握使用Fireworks4制作高级滚盖图的技巧，掌握Firewroks4与Dreamweaver4结合使用的方法，Fireworks滚盖图技巧高级篇，1、打开fw，新建文件，在矩形的两侧各添加两个修饰性的小矩形，高度比中间的矩形稍低，大小为200*60像素，背景色采用透明（Transparent）

本节学习重点：掌握使用Fireworks4制作高级滚盖图的技巧。掌握Firewroks4与Dreamweaver4结合使用的方法。

1、打开fw，新建文件。大小为200*60像素，背景色采用透明（Transparent）。分辨率保持默认大小。

2、制作按钮并输出相应Html文件。请看具体步骤：

2、1 选取工具箱的矩形绘制工具，在编辑区绘制一个矩形，矩形的Stroke（描边）选项设为None（不要有描边）；Fill（填充）选项中填充类型选择Linear（线性填充），填充颜色的调配顺序为“#000066--#FFFFFF--#8787CF”，其余的选项保持默认，（当然，你可以选择相应的材质进行填充）填充效果请看图01所示：

图 01

2、2 默认情况下，线性填充的方向是按照填充颜色从左向右的方向进行填充，现在，我们要改变一下它的填充方向，选中该矩形，点取工具箱的油漆桶工具，然后在矩形上方由上向下拖动油漆桶，这样，矩形的填充色就会变成由上向下的填充形式。如图02所示：

图 02

2、3 选中该矩形，打开Info（信息）面板，将矩形的高度设为和画布的高度相同：60像素，宽度可以根据需要，自行设定。如图03：

图 03

2、4 采用同样的方法，在矩形的两侧各添加两个修饰性的小矩形，高度比中间的矩形稍低，填充方式和颜色同中间矩形保持一致。效果如图04所示：

图 04