中文版Fireworks-CS5基础与上机实训课件-03

计算机基础与实训教材系列《中文版FireworksCS5基础与上机实训》计算机基础与实训教材系列《中文版FireworksCS5基1第三

章绘制矢量图形

第三章绘制矢量图形2学习目标矢量图形的基本要素是路径和点。在绘图时，矢量路径和点由软件自动生成，如果放大矢量图，也只是将其尺寸进行放大，而图形看上去和原来一模一样。与之相反，位图则是由像素矩阵形成图像，如果将其放大，位图图像就会越来越粗糙，变得模糊不可识别。Fireworks淡化了矢量图和位图之间的区别，使用“钢笔”工具既可以编辑矢量路径也可以绘制可编辑的位图。本章将详细介绍在默认的对象模式下绘制矢量图形的方法。学习目标矢量图形的基本要素是路径和点。在本章重点

基本矢量图形的绘制方法不规则图形的绘制方法选择图形的方法笔触和填充的设置修改矢量路径本章重点基本矢量图形的绘制方法3.1绘制基本矢量图形

矢量图形是用直线或者曲线来描述的，而这些曲线又是由点来构成的。因此，矢量工具主要是一些点、线绘制工具。Fireworks提供了多种矢量工具，包括“直线”工具、“钢笔”工具、“椭圆”工具、“矩形”工具以及“多边形”工具等。3.1绘制基本矢量图形矢量图形是用直线或3.1.1“直线”工具

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

3.1.1“直线”工具“直线”工具可以用来3.1.2“矩形”工具如要绘制矩形，可以在工具箱中单击“矩形”工具按钮，然后在绘图窗口中按下鼠标左键并拖动即可。在绘制矩形时，如果按住Shift键，可以绘制出正方形。

3.1.2“矩形”工具如要绘制矩形，可以3.1.3

“椭圆”工具

如要绘制椭圆，可以在工具箱中单击“椭圆”工具按钮，然后在绘图窗口中按下鼠标左键并拖动。在绘制椭圆时，按住Shift键，可以绘制正圆。

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

3.1.4“多边形”工具如要绘制多边形图3.1.5绘制扩展图形

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

3.1.5绘制扩展图形Fireworks3.2绘制不规则图形

在FireworksCS5中可以绘制不规则图形，所谓不规则图形主要是指通过路径构成的图形。使用FireworksCS5提供的“钢笔”工具可以轻松绘制各种样式的路径。3.2绘制不规则图形在Firework3.2.1认识贝塞尔曲线和路径在使用工具箱中的“钢笔”工具绘制图形对象时，无论是曲线或是规则的基本图形，它们的轮廓线都被称为路径，因此路径是矢量绘图中一个很重要的概念。

贝塞尔曲线路径

锚点3.2.1认识贝塞尔曲线和路径在使用工具箱中的“钢3.2.2使用“钢笔”工具绘制路径“钢笔”工具常用于绘制比较复杂、精确的曲线。选择工具箱中的“钢笔”工具，在绘图窗口中单击确定起始节点，再选择合适的位置单击确定第2个节点，这时Fireworks会在起点和第2个节点之间自动连接一条直线。如果在创建第2个节点时按下鼠标左键并拖动，会改变连接两节点直线的曲率，使直线变为曲线。重复上述步骤，即可创建带有多个节点的连续曲线。

3.2.2使用“钢笔”工具绘制路径“钢笔”3.3设置笔触和填充笔触和填充是绘制对象时最基本的两个属性，笔触附着在路径上，而填充则处于路径内部。3.3设置笔触和填充笔触和填充是绘制对象3.3.1设置笔触

设置的笔触会被应用到当前的操作对象上去。对于已有对象，在被选中的情况下，可以直接在属性面板上设置笔触的属性，即可产生相应的效果。如果绘制一个新对象，其路径上的笔触效果会沿用上次对象的属性。也可以在开始绘图前，取消选择所有对象，然后将笔触设置为“无”，这时将只绘制对象的路径。绘制完毕后，在保持对象被选中的状态下，在属性面板中设置其属性，相应的笔触就会应用到路径上。

内置笔触类别笔触纹理笔触选项3.3.1设置笔触设置的笔触会被应用到当3.3.2设置填充

在绘制的图形中，不管图形路径封闭与否，都存在填充区域，并可加入填充效果。填充效果可以是单一的填充颜色，也可以是渐变色，还可以是图像。填充能使对象产生丰富多彩的效果，而不像一般线条画那样单调。属性面板上包括了所有的填充属性的设置，主要有填充的类别、边缘柔和度以及纹理填充等。

单色填充网页抖动填充图案填充渐变填充设置填充边缘和填充纹理3.3.2设置填充在绘制的图形中，不管图3.4修改矢量路径

FireworksCS5中提供了多种修改路径的工具和方式，包括“自由变形”工具、“更改区域形状”工具和“刀子”工具等。3.4修改矢量路径FireworksC3.4.1自由变形路径

使用“自由变形”工具可以直接对矢量对象执行弯曲和变形操作。从工具箱中选择“自由变形”工具按钮，鼠标指针将变成形状。此时在“自由变形”工具属性面板中的“大小”文本框中可以设置被拉伸的路径的长度。

3.4.1自由变形路径使用“自由变形”工具可以直3.4.2更改区域形状

在工具箱中选择“更改区域形状”工具按钮，在画布空白处按下鼠标左键，指针将变成两个红色同心圆。指针的内圆是工具的全强度边界。内外圆之间的区域以低于全强度的强度更改路径的形状。指针外圆确定指针的引力拉伸，可以在属性面板中设置其强度。

3.4.2更改区域形状在工具箱中选择“3.4.3切割路径

如果需要切割路径，可以使用工具箱中的“刀子”工具。该工具能够将一个路径切断成两条或多条路径。

3.4.3切割路径如果需要切割路径，可3.5路径间的运算FireworksCS5的“修改”|“组合路径”子菜单中有6个选项，分别是“接合”、“拆分”、“联合”、“交集”、“打孔”和“裁切”命令。使用这些命令可以执行路径间的运算。3.5路径间的运算FireworksCS53.5.1接合路径

接合路径可以将多个路径对象合并成单个路径对象，也就是说连接两个断开路径的端点以创建单个封闭路径，或者合并多个路径来创建一个复合路径。选择“修改”|“组合路径”|“接合”命令能够连接开放路径和闭合路径。该命令可以把多个闭合路径连接成复合路径。

3.5.1接合路径接合路径可以将多个路径3.5.2拆分路径

使用拆分操作可以将分散的路径拆分成多条各自独立的路径。要拆分路径，可以先选择一个复合路径，然后选择“修改”|“组合路径”|“拆分”命令，这样一个复合路径就会被拆分为若干条路径。

3.5.2拆分路径使用拆分操作可以将分散的路径拆分成多3.5.3路径的联合“联合”命令用来绘制一条围绕所有选中图形的轮廓线，就像一个剪影，“联合”命令去掉了重叠部分的细节，而保留整个轮廓。要联合路径，可以先选中所有对象，然后选择“修改”|“组合路径”|“联合”命令，使路径轮廓融合为一个整体的形状，并依选择的先后顺序使用最后面对象的填充颜色来填充新生成的形状。

3.5.3路径的联合“联合”命令用来绘制3.5.4路径的交集“交集”命令用来保留所有选中路径的重叠部分。首先选中多个相交的对象，然后选择“修改”|“组合路径”|“交集”命令，此时Fireworks删除了所有路径不重叠的部分，并围绕着重叠部分绘制一条新的路径，如图3-49所示。

3.5.4路径的交集“交集”命令用来保留3.5.5路径的打孔“打孔”命令主要是使用选中路径的轮廓将其后面所有被选中的对象穿一个孔。先选中多个需要打孔的对象，然后选择“修改”|“组合路径”|“打孔”命令，此时Fireworks将根据选中的路径轮廓重新绘制一条新的路径。