Fireworks CS5：创建和调整矢量图形

矢量图形的基本要素是路径和点。在绘图时，矢量路径和点由软件自动生成，如果放大矢量图，也只是将其尺寸进行放大，而图形看上去和原来一模一样。与之相反，位图则是由像素矩阵形成图像，如果将其放大，位图图像就会越来越粗糙，变得模糊不可识别。

1）绘制矢量图形对象

矢量图形是用直线或者曲线来描述的，而这些曲线又是由点来构成的。因此，矢量工具主要是一些点、线绘制工具。

（1）绘制基本图形

Fireworks提供了多种绘制基本图形的矢量工具，包括“直线”工具、“矩形”工具、“椭圆”工具以及“多边形”工具。

“直线”工具可以用来绘制不同角度的直线路径。在工具箱中选择“直线”工具后，光标会变为十字形状，按住鼠标左键并往任意方向拖动，至合适位置释放鼠标键，即可绘制一条直线，如图5－20所示。绘制完毕后，可以在工具箱的“颜色”选项区域中选择绘图的颜色，如图5－21所示。

图5－20　绘制直线图　　　　

图5－21　设置绘图的颜色

如要绘制矩形，可以在工具箱中单击“矩形”工具按钮，然后在绘图窗口中按下鼠标左键并拖动即可。在绘制矩形时，如果按住Shift键可以绘制出正方形，如图5－22所示。

图5－22　绘制的矩形

选择“矩形”工具后，属性面板如图5－23所示。可以在此属性面板中，设置矩形边框的笔触颜色、笔触宽度、笔触样式以及矩形的填充颜色等。

图5－23　“矩形”工具属性面板

如要绘制椭圆，可以在工具箱中单击“椭圆”工具按钮，然后在绘图窗口中按下鼠标左键并拖动。在绘制椭圆时，按住Shift键，可以绘制正圆。图5－24所示为使用“椭圆”工具绘制的椭圆和正圆。选择“椭圆”工具后的属性面板与选择“矩形”工具后的属性面板相同，可以参照“矩形”工具属性面板进行相关设置。

图5－24　绘制椭圆和正圆

如要绘制多边形图形，可以在工具箱中单击“多边形”工具按钮，然后在绘图窗口中按下鼠标左键并拖动即可。在绘制多边形时，可以在“多边形”工具属性面板中的“边”文本框中设置不同的数值，来绘制不同边数的多边形。图5－25所示为绘制的五边形和六边形图形。

图5－25绘制不同边数的多边形

（2）绘制扩展图形

Fireworks CS5提供了一组扩展矢量图形绘制工具，使用它们可以绘制更多的几何图形。在Fireworks CS5中，在工具箱中的“矩形”工具按钮上按下鼠标左键不放，即可打开工具组菜单。在工具组菜单中，可以选择绘制L 形、圆角矩形、斜切矩形、斜面矩形、箭头、螺旋线、连接线形等图形的工具，如图5－26所示。

图5－26　绘制扩展矢量图形

（3）绘制不规则图形

在Fireworks CS5中可以绘制不规则图形，所谓不规则图形主要是指通过路径构成的图形。使用Fireworks CS5提供的“钢笔”工具可以轻松绘制各种样式的路径。

选择工具箱中的“钢笔”工具，在绘图窗口中单击确定起始节点，再选择合适的位置单击确定第2个节点，这时Fireworks会在起点和第2个节点之间自动连接一条直线。如果在创建第2个节点时按下鼠标左键并拖动，会改变连接两节点直线的曲率，使直线变为曲线，如图5－27所示。重复上述步骤，即可创建带有多个节点的连续曲线。

图5－27　使用“钢笔”工具绘制曲线

2）制作动画组件实例

通过制作一个笔记本电脑图形实例，来讲述在Fireworks CS5中绘制和编辑路径的方法，其中路径的运算在绘制路径中最为常用。

绘制如图5－44所示的图形实例。

（1）启动Fireworks CS5，新建一个空白文档，设置背景色为白色。

（2）选择工具箱中的“矩形”工具，在绘图窗口中绘制矩形，并在属性面板中设置填充颜色为＃E8E8E3，笔触颜色为＃736B67，笔尖“大小”数值为2，“笔尖类型”为“1像素硬化”，“圆度”数值为25%，如图5－28所示。

图5－28　绘制矩形

（3）按Shift＋Ctrl＋D 组合键复制图形，选择工具箱中“缩放”工具调整图形大小，如图5－29所示。

图5－29　复制并调整图形

（4）在属性面板中，设置填充类别为“渐变”｜“线性”，渐变填充颜色为＃578DBE 至＃70C7C7，笔触颜色为＃1B0E82，如图5－30所示。(www.xing528.com)

图5－30　设置复制图形填充

（5）选择工具箱中的“指针”工具选中复制的矩形，并调整线性渐变效果，如图5－31所示。

图5－31　调整渐变效果

（6）使用“指针”工具选中步骤（2）绘制的矩形，并按Shift＋Ctrl＋D 组合键复制图形，选择“修改”｜“排列”｜“移到最后”命令，在属性面板中设置填充颜色为＃58504C，笔触颜色为无，然后使用键盘方向键微移图形，如图5－32所示。

图5－32　复制并调整图形

（7）使用“指针”工具选中步骤（2）绘制的矩形，并按Shift＋Ctrl＋D 组合键复制图形，并在属性面板中设置笔触大小为3，然后使用键盘上方向键向下移动图形，如图5－33所示。选择工具箱中的“扭曲”工具，并调整复制图形形状，如图5－34所示。

图5－33　复制并调整图形　　　　

图5－34　扭曲图形

（8）使用“指针”工具选中步骤（7）绘制的矩形，并按Shift＋Ctrl＋D 组合键复制图形，选择“修改”｜“排列”｜“移到最后”命令，在属性面板中设置填充颜色为＃58504C，笔触颜色为无，然后使用键盘方向键微移图形，如图5－35所示。

图5－35　复制并调整图形

（9）使用“指针”工具选中步骤（7）绘制的矩形，并按Shift＋Ctrl＋D 组合键复制图形。选择工具箱中的“缩放”工具，并调整复制图形形状，如图5－36所示。

图5－36　缩小图形

（10）选择工具箱中的“扭曲”工具，调整复制图形形状，并在属性面板中设置填充颜色为＃CDC9C1，如图5－37所示。

图5－37　调整图形

（11）使用“指针”工具选中步骤（3）创建的矩形，并按Shift＋Ctrl＋D 组合键复制图形，然后选择“缩放”工具调整复制图形的大小及位置，如图5－38所示。

图5－38　复制并调整图形

（12）在属性面板中，设置笔触“大小”数值为2，“圆度”数值为40%，并使用“矩形”工具在文档中拖动绘制矩形，然后使用“指针”工具选中步骤（11）中复制的矩形和刚绘制的矩形，选择“修改”｜“组合路径”｜“打孔”命令，调整图形如图5－39所示。

图5－39　组合路径

（13）使用“指针”工具选中步骤（12）创建的矩形，并按Shift＋Ctrl＋D 组合键复制图形，选择“修改”｜“排列”｜“下移一层”命令，在属性面板中设置填充颜色为＃58504C，笔触颜色为无，然后使用键盘方向键微移图形，如图5－40所示。

图5－40　复制并调整图形

（14）选择“椭圆”工具并按Shift键同时在文档中拖动绘制圆形，然后在属性面板中设置填充颜色为无，笔触颜色为＃749AC8，笔触大小为4，如图5－41所示。

图5－41　绘制圆形

（15）使用“指针”工具选中刚创建的圆形，并按Shift＋Ctrl＋D 组合键复制图形，然后选择“缩放”工具调整复制图形的大小及位置，如图5－42所示。

图5－42　缩放图形

（16）使用“指针”工具选中所有圆形，选择“刀子”工具切割圆形，并将多余路径删除，如图5－43所示。得到最终效果如图5－44所示。

图5－43　切割路径　　　　

图5－44　实例最终效果