fireworks cs5标准实例教程 第2章 绘制图像

第2章绘制图像

本章重点本章重点介绍各种绘图工具的使用方法与技巧，希望读者朋友在学习的过程中多加体会，让FireworksCS5真正成为您处理网页图像的得力助手。学习目的通过本章的学习，要求掌握：形状工具自由路径笔触和填充位图选择工具2.1矢量对象

2.1.1形状工具形状工具组中有17种形状工具，即如图所示的形状工具组和直线工具。使用形状工具绘制图形的一般步骤如下：1．在工具箱中选择一种形状工具。2．在【属性】面板中设置填充和笔触样式、合成模式、不透明度等选项。3．在图像窗口中拖曳鼠标，可以绘制所需的图形。

技巧：使用矩形、圆角矩形、椭圆工具绘制图形时，按住【Shift】键的同时在图像窗口中拖曳鼠标，可绘制出正方形、圆角正方形、圆；如果使用的是直线工具，按住【Shift】键，则可以绘制出水平、垂直或45°角的直线。2.1.2形状工具示例——星空2.1.3自由路径

Fireworks中将任意形状的路径称为自由路径，它也是矢量图的基本组成部分。通常我们使用铅笔、刷子、钢笔工具来绘制自由路径。使用【钢笔】工具可以很方便地绘制各种矢量路径。（1）单击工具箱【矢量】栏钢笔工具组的【钢笔】工具按钮。（2）在【属性】设置面板设定【钢笔】工具的属性。（3）在路径的起始位置单击鼠标，添加一个路径点。（4）将鼠标移到下一个路径点的位置，按住鼠标添加新路径点，此时会出现一条连接两个路径点的曲线。拖动鼠标调整曲线形状，调整完毕释放鼠标即可。释放鼠标前在路径点上还有一条直线，该直线表示曲线在该点位置的切线。（5）继续为自由路径添加新路径点。（6）在路径的终点处双击鼠标，完成路径的绘制。如果绘制的是闭合路径，则将鼠标移到路径的起始位置单击即可。对于已绘制好的自由路径，使用【钢笔】工具还可调整其形状。将鼠标移到自由路径的路径点上，按住并拖动鼠标，即可调整路径的形状。2.1.4自由路径示例——鲜花

2.1.5笔触

笔触的设置是在【属性】设置面板中完成的。在FireworksCS5种，共有13种笔触类型可供选择。如图所示。2.1.6笔触示例——蓝天白云

2.1.7填充效果

Fireworks使用的填充类型共有5种：【无】：没有任何填充颜色。【实心】：单一使用填充色进行填充。【网页抖动】：当填充色不属于网络安全色时，可用采用【网页抖动】方式，将两种网络安全色合成该色。【图案】：使用图案填充，如上图所示。【渐变】：用两种或两种以上的颜色的渐变进行填充，如下图所示。2.1.8填充效果示例——彩虹

2.2位图对象

2.2.1创建位图处理位图前应先创建一幅位图，除了打开、导入位图图像外，还有下面几种方法。选择【编辑】/【插入】/【空位图】命令，可以创建一幅新的位图。选中矢量对象，选择菜单栏【修改】/【平面化所选】命令，即可将该对象转化为位图图像。使用选取、魔术棒或套索工具将位图的某部分拷贝到现有文档中。2.2.2选取位图区域

使用【矩形】选取工具和【椭圆】选取工具对图像进行选取。按住【Shift】键可以选择正方形和圆形的图形区域，而且按住【Shift】键可以使多个选择区域进行叠加。多重选取效果如图所示。1、规则区域的选取选取不规则的像素区域的工具包括：索套、多边形索套和魔术棒。利用索套工具可以在位图图像上选中任意形状的像素区域；利用多边形索套工具可以在位图图像上选择多边形的像素区域；利用魔术棒工具可以在位图图像上选中带有相同颜色的区域。2、不规则区域的选取2.2.3选取工具的使用实例——沙漠之花2.2.4位图工具的使用

绘制和填充羽化图像（1）打开一个已有的位图文件，选择【魔术棒】工具。容差设定为【100】，边缘为【羽化】，羽化值为10。（2）用鼠标点选图像，将会对其进行合适的选择，效果如图2-33所示。（3）选择【编辑】/【剪切】命令，将选择的区域删除，观察羽化的边界效果如图所