第17章 图形编辑

1、第第17章章 图形编辑图形编辑 机械工业出版社机械工业出版社 2008 教学内容教学内容 17.1 Fireworks 的绘图工具 17.1.1 位图工具 17.1.2 矢量工具 17.2 样式 17.2.1 应用样式 17.2.2 编辑样式 17.3 文本的创建与编辑 17.3.1 文本的输入 17.3.2 文本的变形 17.4 图象的特效处理 17.4 图象的特效处理 17.4.1 蒙板处理 17.4.2 虑镜处理 17.4.3 对象的排列对齐与组合 17.4.4 实例介绍 17.5 本章小结 教学内容教学内容 17.1 Fireworks 的绘图工具的绘图工具 Fireworks 8的“

2、工具”面板中提供了不少的工具， 它们被分为六类：选择、位图、矢量、Web、颜色和视 图区的工具。其中选择工具位于“工具”面板的第一栏， 它包括“指针”工具、“部分选定”工具、“缩放”工 具和“裁剪”工具。其中“指针” 工具用来选取工作区中的各对象 ；“部分选定”工具 可选中工作区中路径上的节点； “ 缩放”工具 用于对工作区中选中对象进行缩放变形 等；“裁剪”工具 可对工作区中的对象执行裁剪操作。 1选区工具选区工具 图17-1为“工具”面板中的位图工具，其中的“选取框” 工具、“套索”工具和“魔术棒”工具都用于约束位图的编 辑范围，被它们选中后所有的位图编辑例如剪切、复制、填 充等只能在该范

3、围内有效。 “选取框选取框”工具工具 单击“选取框”工具右下角的黑三角， 会 出现一组下拉工具按钮，用于在“选取框”工具和“椭圆 选取框”工具之间切换。用“选取框”工具选中的区域以 转动的黑白线表示。可将多个选取区域组合成一个区域， 方法是先绘制一选取区域，然后按住【Shift】键，再绘制 一与之相交的选取区域，这时就会得到一重新组合的选取 区域， 17.1 Fireworks 的绘图工具的绘图工具 如图17-2所示就是多个矩形选取区域的组合。如果想将选 取区域中多余的部分裁掉，则可在绘制选取区域的同时按住 【Alt】键，这样绘制出来的选取区域就会把与原来选取区 域相交的部分裁掉。没用的选区可

4、以取消，方法是用选区工 具在选区以外的任何地方单击即可。 图17-1 工具箱中的位图区 图17-2 利用矩形选区工具按住【Shift】键组合成的新区域 “选取 框”/“椭 圆选取框” 工具 魔术棒 套 索 / 多 边形套索 选取工具 17.1 Fireworks 的绘图工具的绘图工具 当选中“选取框”工具时其对应的“属性”面板如图 17-3所示，它显示了该选取框的大小、坐标位置、样式和 边缘等相关信息。在“样式”选项中有正常、固定大小和 固定比例三个可选值。“正常”选项是默认的选择方式， 在该种选择方式下所绘出的选取区域大小是自由的；若选 择定比例选项，需要输入相应的宽与高的比例值，则所选 取

5、区域的宽和高都符合所设定定的比例；若选择固定大小 选项，需要输入固定的宽度与高度值，所选取区域的大小 是固定不变的。 17.1 Fireworks 的绘图工具的绘图工具 “边缘”选项可以对选取区域边缘的硬化程度进行设置， 它有三个选项：实边、消除锯齿和羽化。图17-4所示的是 用“椭圆选取工具”分别采用这三种边缘选项选取的图像 图17-3 选取框的属性面板 17.1 Fireworks 的绘图工具的绘图工具 a) b) c) 图17-5 “椭圆选取工具”设置不同“边缘”选项的效果比 较 “魔术棒魔术棒”选取工具选取工具 “魔术棒”选取工具可以用来选取图 像中颜色相似的区域，当用魔术棒单击图像上

6、某个点时， 与该点颜色相相近的区域将被选中，如图17-4所示为用 “魔术棒”选取工具分别在图像猫的头部和鸭子的身体单 击后的效果。 17.1 Fireworks 的绘图工具的绘图工具 通过魔术棒工具“属性”面板可以设置色彩的容差值和边缘 的柔化度。容差值越大，所选取的范围也越大。 图17-6 用魔术棒工具选中的颜色相近的区域 17.1 Fireworks 的绘图工具的绘图工具 “套索套索”选取工具选取工具 可以自由绘制出所需要的选取范围，主 要用于选取不规则图形的选区。如果选取的曲线终点和起点 未重合，Fireworks会自动封闭成完整的曲线路径。 “多边形套索多边形套索”选取工具选取工具 可

7、以在图像中选取出不规则的多 边图形，在选取时同时按下【Shift】键可使选取线段 成 直线、水平或45度角方向。 2自由笔刷工具自由笔刷工具 “刷子刷子”工具工具 和“铅笔铅笔”工具工具 可以绘制出任意形状的路 径。在“刷子”工具的“属性”面板中可对它的色彩、大小、 笔触类形、边缘柔化值、纹理、纹理透明度、透明度、色彩 模式等进行设置，如图17-7所示。 17.1 Fireworks 的绘图工具的绘图工具 图17-7 “刷子”工具的属性面板 在该属性框的“描边种类”里有各式各样的笔触类形可以 选择，如图17-8所示。在“纹理”下拉列表中有数十种填充纹 理图案可供选择，同时还可以从该列表中选择“

8、其它”，从 外部导入位图图像作为新的纹理填充。 17.1 Fireworks 的绘图工具的绘图工具 图17-8 刷子工具的笔触类型 17.1 Fireworks 的绘图工具的绘图工具 在“铅笔”工具的“属性”面板中可以对线段的色彩、 是否选用柔化、透明度数值、自动擦除等进行设置。 3图像修改工具图像修改工具 “橡皮擦橡皮擦” 工具工具 用于擦除位图的颜色。和使用画笔一样， 在选中“橡皮擦”工具后，按住鼠标左键在图像上拖动即可， 如图17-9所示。 图17-9 “橡皮擦”工具的作用 17.1 Fireworks 的绘图工具的绘图工具 “模糊模糊” 工具工具 该工具的工作原理就是降低像素之间的 反

9、差，使图像产生模糊效果，如图17-10所示。 图17-10 图像局部模糊后的效果 17.1 Fireworks 的绘图工具的绘图工具 “锐化锐化” 工具工具 与“模糊”工具正好相反，“锐化”工具是用 于加深像素之间的反差，使图像更加锐化，效果可参考图3- 15。“模糊”与“锐化”工具的属性面板完全相同，其中的 强度表示模糊或锐化时的笔触强度。 “减淡减淡” 和和“烙印烙印” 工具工具 这两个工具都是用来改变 图像的亮调与暗调。原理来源于胶片曝光后，经过部分暗化 和亮化，来改善曝光效果。效果如图17-11所示。 “减淡”工具和“烙印”工具的“属性”面板功能相同， 如图17-11所示。其中的“范围

10、”选项是对将要处理的特殊色 调区域进行色调上的选择。暗调的作用是“减淡”或“烙印” 工具只作用于暗调区域；中间调是指“减淡”或“烙印” 工 具只作用于中间调区域；亮调是指“减淡”或“烙印”工具 只作用于亮调区域。 17.1 Fireworks 的绘图工具的绘图工具 a) b) c) 图17-11 “减淡”和“烙印”工具的效果 a)减淡后的效果 b)原图效果 c)烙印后的效果 17.1 Fireworks 的绘图工具的绘图工具 图17-12烙印工具的属性面板 “涂抹涂抹” 工具工具 该工具在使用时好象用日常生活中的干笔刷 在未干的油墨上擦过一样。也就是说笔触周围的像素会随着 “涂抹”工具的笔触一

11、起移动，如图17-13所示 17.1 Fireworks 的绘图工具的绘图工具 图17-13 对图像进行局部涂抹后的效果 涂抹的效果 涂抹的效果 17.1 Fireworks 的绘图工具的绘图工具 4橡皮图章工具系列橡皮图章工具系列 “橡皮图章橡皮图章” 工具工具 用来克隆图像的部分区域，以便将 其压印到图像中的其它区域。在使用时先要把鼠标移到想 要复制的图像上，再单击鼠标左键以确定复制的起点，然 后拖动鼠标在图像的任意位置开始复制。如图17-14和图 17-15是复制前后的图像。 图17-14原图 图17-15 用橡皮图章进行复制的效果 17.1 Fireworks 的绘图工具的绘图工具 “

12、替换颜色替换颜色” 工具工具 “替换颜色”工具的属性面板如图17-16 所示，利用它的“从”选项，可以确定“替换颜色”工具要 更改的图像颜色是从图像中取还是从样本中取，“终止”选 项中所选择的颜色是用来替换“从”选项中的颜色的，另外 还可以对“替换颜色”工具笔触的“大小”、“形状”、 “容差”和“强度”、是否“彩色化”等进行设置。其中 “彩色化”是指完全用“终止”选项的颜色去替换“从”选 项的颜色。取消选择“彩色化”则是用“终止”选项的颜色 对“从”选项的颜色进行涂染，并保持一部分原有颜色不变。 如选择“替换颜色”工具，并为“从”选项选择图像值， 为“终止”选项选择大红颜色，然后在图17-14

13、中的花朵上进 行涂抹，则会得到如图17-17所示的效果（主要是黑线圈住的 部分）。 “红眼消除红眼消除”工具工具 红眼消除”工具可以取消照片主体瞳孔 不自然的红色阴影。它仅可对照片中的红色区域进行处理， 并用灰色和黑色替换红色。 17.1 Fireworks 的绘图工具的绘图工具 图17-16 “替换颜色”工具的属性面板 图17-17 图像替换颜色后的效果 17.1 Fireworks 的绘图工具的绘图工具 17.1.2 矢量工具矢量工具 1路径工具路径工具 “直线直线”工具工具 使用“直线”工具可以在画布上直接画出直 线，当按住【Shift】键时可以画出水平、垂直、45度角的直 线。 “钢笔

14、钢笔”工具工具 选中“钢笔”工具后单击画布上的不同位 置，可以画出由线段组成的直线路径。如果用鼠标单击后不 松开，而是拖动鼠标，这样画出来的路径就是曲线路径，如 图17-18所示。通过调整曲线的两条控制线可以设定曲线的弯 曲度。 图17-18 钢笔工具绘制的曲线路径 17.1 Fireworks 的绘图工具的绘图工具 在调整曲线的控制线时，按住【Alt】键可以单独控制 一条控制线，从而确立下一个曲线线段的走向和弯曲度。 要结束线段的绘制，只需在线段的结束点上双击即可。 若要画封闭路径时，则要用鼠标单击起始点或按住起始点拖 动就可以了。当钢笔工具的指针位于非路径区域时，指针旁 边会有一个小的叉号

15、，如果指针处在路径上时，指针旁会有 个“十“字的标志，此时单击鼠标会增加一个节点。而当指 针处在路径节点处时，指针旁则会有个“一”字的标志，此 时单击鼠标可删除该节点。 17.1 Fireworks 的绘图工具的绘图工具 “矢量路径矢量路径”工具工具 “矢量路径”工具的使用和“刷子”工具一 样，都可以画出任意的自由路径，并且笔触的色彩、大小及 边缘柔化等值的设置方法也都完全相同。 2.形状工具形状工具 形状工具又被分为“基本形状”和“自动形状”两类，如 图17-19所示。“基本形状”有“矩形”、“椭圆”和“多边 形”这些简单的几何图形。使用时只需在画布上用鼠标进行 拖拽即可。使用“矩形”/“椭

16、圆”工具的同时按住【Shift】键， 绘出的图形为正方形/正圆形。在使用“多边形”工具时，应 先在“属性”面板设置好多边形的形状、边数及角度，然后 再绘制图形。 17.1 Fireworks 的绘图工具的绘图工具 自动形状 基本形状 图17-19 各种形状工具 17.1 Fireworks 的绘图工具的绘图工具 “自动形状”是一组遵循一定规则的智能化矢量绘 图工具，与“基本形状”工具不同的是，所绘的“自动 形状”被选中后除了有色彩填充手柄外，还有菱形控制 点，每个控制点都与形状的某个特定变形属性相关。通 过拖动控制点可以改变与其关联的变形属性。“自动形 状”的每个控制点都有提示，将指针移到控制

17、点上，可 看到描述该控制点的提示信息，通过调整各控制点的坐 标位置可以得到不同的效果图。在图17-20中，图a为用 自动形状工具最初绘制的星形，图b为调整圆度1控制点 得到的图形，图c为控制点数得到的图形，灵活控制其各 控制点将会得到更多的图形。 此外，在组合面板的“形状”面板中还有一组图形 较为复杂的“自动形状”。如图17-21所示。绘制的时间， 只需要将所选中的形状用鼠标拖拽至画布即可，还可以 通过其菱形控制点进行调整，如图17-22所示 17.1 Fireworks 的绘图工具的绘图工具 a) b) c) 图17-20 通过调整自动形状各控制点得到的不同效果图 17.1 Firework

18、s 的绘图工具的绘图工具 图17-21 “形状”面 板 图17-22 智能形状工具 17.1 Fireworks 的绘图工具的绘图工具 在Fireworks中绘制矢量对象比位图对象的可修改性 强，因此在进行素材制作时，尽量制成矢量图形，以方便 随时保存，随时编辑。 3.色彩填充工具色彩填充工具 “油漆桶油漆桶”工具工具 在绘制图形时，“油漆桶”工具能以指 定的颜色、指定的填充方式填充工作区中的被选区域，可直 接应用于位图和矢量图以及一些矢量对象如“矩形”、“椭 圆”和“多边形”等绘制工具的填充属性。“油漆桶”工具 的属性对话框（如图17-23）提供的填充类别有实心填充、网 页抖动、渐变填充和图

19、案填充四种。 其中每种填充方式均有 诸多色彩及样式可供选择。 17.1 Fireworks 的绘图工具的绘图工具 填充类别 图17-23 油漆桶工具的属性面板 图17-24是用“星形”工具的圆椎形“填充类别”绘制的。 所选用“油漆桶”工具的填充属性不仅会在“属性”面板中显 示，而且还会在“工具箱”和“混色器”面板中显示，可以使 用它们中的任何一个来更改“油漆桶”工具的填充色。对于已 绘制好的图形，还可以通过颜色调节手柄控制颜色的填充方向 及范围。 17.1 Fireworks 的绘图工具的绘图工具 图17-24 填充效果 “滴管滴管”工具工具 利用该工具在工作区中单击，可选中该单 击点的颜色，

20、并指定一种新的笔触或填充色。滴管工具可以 选取单个像素的颜色、33像素区域内的平均颜色值或55 像素区域内的平均颜色值。 17.1 Fireworks 的绘图工具的绘图工具 4.路径修改工具路径修改工具 “重绘路径重绘路径”工具工具 用于对用“钢笔”工具绘制的封闭 路径进行重新编辑，如图17-25所示，使用“重绘路径”工具 沿着封闭路径的某一弯度重新画一条弧线，将被取消的路径 会以红色高亮显示，松开鼠标，原来路径就被新的路径取代 了。 图17-25重绘笔刷对路径的编辑 17.1 Fireworks 的绘图工具的绘图工具 “自由变形自由变形”工具工具 如图17-26所示“自由变形”工具可以直 接

21、对矢量路径进行弯曲和变形操作，而不是对各个节点执行操 作。Fireworks在利用“自由变形”工具更改矢量路径的形状时 会自动添加、移动或删除路径上的节点。 图17-26利用自由变形工具对矢时路径进行修改 17.1 Fireworks 的绘图工具的绘图工具 “更改区域形状更改区域形状”工具工具 如图17-27所示，选中“更改区域形 状”工具，移到要更改形状的点，按下鼠标左键，此使的指 针变成两个同心圆，处于这两个同心圆范围内的路径在拖动 鼠标左键的时间会随鼠标拖动的方向而发生路径的改变。 图17-27利用更改区域形状工具修改路径 17.1 Fireworks 的绘图工具的绘图工具 “刀子刀子”

22、工具工具 “刀子”工具用于切割矢量路径。如图17-28 所示，选中“刀子”工具按住鼠标左键，在矢量对象椭圆上要 切割处拖拽而过，则就会将原椭圆一分为二。 图17-28 利用刀子工具切割矢量路径 17.1 Fireworks 的绘图工具的绘图工具 5.改变路径命令改变路径命令 “简化简化”命令命令 为了使一条不规则的矢量路径变得更加 的精简、圆滑，可以用“简化”命令来减少它的路径节点。 如图17-29所示为一条不规则的路径。选中该路径后点击 菜单栏上的“修改”“改变路径”“简化”命令，弹出 “简化”窗口如图17-30所示。在“数量”栏中输入相应 数值来设置要简化的程度，此处输入值为20，单击“确

23、定” 后得到图17-31所示的简化路径 图17-29不规则的矢量路径 17.1 Fireworks 的绘图工具的绘图工具 “扩展笔触扩展笔触 ”命令命令 “扩展笔触”命令可使矢量路径加宽。 单击菜单栏上的“修改”“改变路径”“扩展笔触”命令， 会弹出“展开笔触”对话框，如图17-32所示 。 图17-30 路径简化窗口 图17-31矢量路径简化后的效果 17.1 Fireworks 的绘图工具的绘图工具 图17-32 展开笔触窗口 17.1 Fireworks 的绘图工具的绘图工具 图17-33 路径展开笔触后的效果 17.1 Fireworks 的绘图工具的绘图工具 图17-34 伸缩路径窗

24、口 17.1 Fireworks 的绘图工具的绘图工具 其参数“方向”用于设定路径是向“内部”还是向“外 部”方向伸缩，其它参数的作用同“展开笔触”对话框相同。 对图17-31所示的矢量路径使用此命令，分别选择伸缩“方 向”为内部和外部，并且其它各参数的设置相同如图17-34 所示，则得到图17-35所示的路径。 图17-35 路径伸缩的效果 a) 内部伸缩路径 b) 外部伸缩路径 17.1 Fireworks 的绘图工具的绘图工具 17.2 样式样式 17.2.1 应用样式应用样式 在Fireworks中，样式就是指图形的笔触、填充和特效等属性 组合后，被保存起来的“组合特效”集，Firew

25、orks 8提供了 九十多种具有专业风格的内置样式。应用样式主要是通过调 用“样式”面板来实现，单击“窗口”“样式”菜单命令， 就可以调出“样式”面板如图17-36a所示。要将样式应用于 某对象，首先选取要应用样式的对像，单击“样式”面板中 要应用的样式就可以实现样式的应用。样式既可以应用于图 象又可以应用于文字，如图17-36b所示。某一对象应用了样 式后，在该对象“属性”面板的“滤镜”效果栏中会自动出 现相应的特效。 17.2.2 编辑样式编辑样式 1.新建样式新建样式 单击“样式”面板右下角的“新建样式” 按钮或单击样式面 板右上角的小黑三角调出“新建样式”菜单命令如图17-37， 即可

26、调出新建样式对话框如图17-38所示，利用它可以新建一 个个性化的样式，并可为其定义一个自己喜欢的名字，单击确 定按钮即可生成一个扩展名为.stl的文件，以方便反复使用。 图17-36 “样式”面板及样式的应用 a) “样式”面板 b) 样式的应用 17.2 样式样式 图17-37 新建样式菜单 17.2 样式样式 图17-38 新建样式窗口 17.2 样式样式 2.编辑样式编辑样式 先选中“样式”面板中欲进行编辑的样式，然后再单击 “样式”面板菜单中的“编辑样式”命令，或者直接双击 “样式”面板中的某一种样式，都可调出该样式的编辑对话 框。“编辑样式”对话框与新建样式对话框基本相同。 如果对

27、某一样式不满意样式还可以删除。也可从外部引 入STL格式的样式文件，但这一操作要慎重，因为它容易将当 前所用的样式将全部替换掉。也可利用样式的导出功能，将 当前的样式面板输出成一个STL格式的样式文件。 17.2 样式样式 添加或删除滤 镜效果 设置文字 描边 混合模式 图17-39 文本属性面板 17.2 样式样式 17.3.1 文本的输入文本的输入 选取“工具”面板中的“文本” 工具 然后在画布适当的位置上 单击鼠标左键，即可创建一文本输入框，可在其中输入各种 文本。此时在“文本”工具的“属性”面板上则详细显示了 “文本”工具的各种选项，可以对文字的字体、字号、颜色、 文字间距、自定义消除

28、锯齿等等进行设置。如图17-39所示。 单击“文本”“编辑器”菜单命令，调出的“文本编辑器” 窗口也可以对文本的各项属性进行设置，如图17-40所示。 17.3文件的创建与编辑文件的创建与编辑 17.3.2 文字的变形文字的变形 “工具”面板中 “缩放”工具组的工具有缩放、倾斜和 扭曲三种，如图17-41所示。利用这组工具，可以改变被选取 的文字或其它路径对象的大小及形状。先选中画布中的文本 框，然后选中其中的任一工具，此时在文本框上就会出现具 有八个控制点和一个缩放中心点的手柄，当鼠标移到手柄的 控制点或中心点上时，路径的形状会发生改变，被选中文字 的形状也会发生改变。图17-42是得用这三

29、种工具改变对象得 到的效果。 在拖动控制点时如果同时如果按住【ALT】键，则会以 缩放点为中心，产生对称式的缩放变形。 17.3文件的创建与编辑文件的创建与编辑 图17-40 文本编辑器 17.3文件的创建与编辑文件的创建与编辑 图17-41 缩放工具 a) b) d) 图17-42 利用缩放工具实现的文字变形 a) 原图 b)倾斜 c） 扭曲 d) 缩小 17.3文件的创建与编辑文件的创建与编辑 17.3.3 路径文字路径文字 1.将文本转换为路径将文本转换为路径 在Freworks中文本不仅可以直接进行编辑，还可以将其 转换为路径以后再进行编辑，转换后文本的编辑功能更加强 大，可以对其进行

30、所有的有关矢量路径的操作，但不能再将 它作为文本编辑。 选中文本后，单击“文本”“转换为路径”菜单命令， 此时文字将被转换成组合路径，如图17-43所示。文字被转 成组合路径后，每个文字都变成了一个独立的路径，可以使 用“部分选定”工具通过改变文字上的路径节点来改变文字 的形状。 图17-43 普通文本与路径文本 17.3文件的创建与编辑文件的创建与编辑 2.将文本附加到路径将文本附加到路径 文本的布置方向一般为横向或纵向，但是在Freworks 中，可将文本附加到路径上，使文本沿着路径的形状进行排 列并且保持可编辑性。如图17-44左图所示同时选中文本及 其要附加到的路径，单击“文本”“附加

31、到路径”菜单命 令，就可以将文本附加到路径，如图17-48，中间的图是附 加到路径的文本被选中时的状态，右图是没被选中时的状态。 此时文字与路径成了一个整体，而且该路径会暂时失去其笔 触、填充以及效果属性，此时若对该路径使用任何笔触、填 充或其它效果属性都将应用到文字中，而不是路径。而被附 加到路径的文字却仍可进行各种编辑。 如果文字附加到的路径位置不理想，可以通过“文本” 属性框中的“文本偏移”进行设置，也可以利用“部分选定” 工具，通过路径的节点来修改路径的形状。 17.3文件的创建与编辑文件的创建与编辑 文本附加到路径后仍可与路径分开，只要单击“文本”“从 路径分离”菜单命令即可。文本从

32、路径分离出来后，该路径 会重新获得其笔触、填充以及效果属性 图17-44 将文本附加到路径 17.3文件的创建与编辑文件的创建与编辑 17.4.1 蒙板处理蒙板处理 蒙板又称遮照，就是使下层被蒙板对象按上层蒙板对象的 的形状显示其内容，上层蒙板对象的填充属性控制了下层被蒙 板对象的不透明程度，而这种不透明程度是由色彩的明暗来决 定的，黑色为完全不透明，白色为全透明，其它颜色为半透明。 蒙板的制作方法有两种，创建蒙板组和粘贴为蒙板。 创建蒙板组方法的主要步骤是：先导入一幅图片，然后在 “工具”面板中选取“椭圆”工具，并设置其填充色为放射状 （中心为白色，边缘为黑色，中间为黄色）绘制出一个椭圆作

33、为蒙板如图17-45所示，将图片与椭圆同时选中后，单击“修 改”“蒙板”“组合为蒙板”菜单命令，则得到图17-46所 示的效果。 17.4图像的特效处理图像的特效处理 图17-45 创建蒙板前的图片与椭圆 图17-46 通过组合方式创建的蒙板 粘贴为蒙板方法的主要步骤是：在文档中导入一幅图片，然 后输入 一段文字作为蒙板层如图17-47所示， 这时可以将图 片剪切到粘贴板上，再单击“编辑”“粘贴于内部”菜单 命令，也可以将文字剪切到粘贴板上，再单击“编 辑”“粘贴为蒙板”命令，都可图17-48所示的蒙板效果。 17.4图像的特效处理图像的特效处理 图17-47 创建蒙板前的图片与文字 图 17

34、-48 通过粘贴方式创建的蒙板 用指针工具选中组合后的图形，则在图形的中心有一个蓝色 的星形，是蒙板的控制点，拖动该控制点可以调整被蒙板对象 显示出来的内容。对于蒙版图形，单击“修改”“蒙 版”“删除蒙版”菜单命令时，可取消蒙版效果 17.4图像的特效处理图像的特效处理 17.4.2 滤镜处理滤镜处理 滤镜是一组图像色彩处理程序， Fireworks 8 中系统内置 的滤镜程序有：斜角和浮雕、纯色阴影、投影和光晕、颜色 校正、模糊和锐化等，可用于对矢量对象、位图图像和文本 增强效果。滤镜效果的添加有两种方法，一是通过“滤镜” 菜单，二是通过对象“属性”面板添加“动态滤镜”按钮来 实现，单击该按

35、钮会弹出图17-49所示的菜单。 1.斜角和浮雕斜角和浮雕 在为图形对象添加斜角特效时，会弹出一个该特效的设 置窗口如图17-50所示，通过相关数值或选项的设置，具有一 定立体感的凸起或凹入效果就会应用到所选中的对象上。 17.4图像的特效处理图像的特效处理 如绘制一圆椎形渐变填充的正方形（图17-51a），单击“属 性”面板中的”添加动态滤镜”按钮，在弹出的菜单中单击 “ 斜角和浮雕”“内斜角”命令，会弹出一个特效设置窗 口,对其各参数设置如图17-50所示，就会得到具有平坦斜角效 果的正方形如图17-51 b)所示。 图17-49 单击“属性”面板中的“动态滤镜”按钮会弹出的菜单 图17-

36、50 内斜角特效设置窗口 17.4图像的特效处理图像的特效处理 在特效设置窗口中，要设置的参数共有六项： 斜角轮廓斜角轮廓 提供了多项可供选择的内斜角的轮廓类型； 斜角宽度斜角宽度 可设置斜面宽度的大小，数值变化从0到35， 数 值越大，斜面的宽度越大； 斜角对比度斜角对比度 用从0%至100%的百分比设置斜角颜色的深 度，数值越大，斜面凸起或凹入的视觉效果越明显； 4斜角柔化值斜角柔化值 用于设置斜角的清晰度，数值变化从0至10， 数值越大，斜角的柔化程度越高； 5斜角角度斜角角度 调整斜角的反光角度 6斜角预设斜角预设 可从中选择一种斜角类型 17.4图像的特效处理图像的特效处理 同样单击

37、“属性”面板中的“添加动态滤镜”按钮，在弹出 的菜单中选择“斜角和浮雕”“凸起浮雕”命令，就会得到 具有凸起浮雕效果的正方形如图17-52 c)所示。 图17-51 斜角和浮雕效果的设置 a)原图 b) 添加了平坦斜角效果 c) 添加了凸起浮雕效果 17.4图像的特效处理图像的特效处理 2.阴影和光晕阴影和光晕 对图像添加一定的阴影或投影效果，会产生一种立体感， 由于这一组特效的使用方法基本相同，所以这里只以投影效 果的添加为例。如为图17-52 a原图的小球添加投影效果的方 法是，单击“属性”面板中的“添加动态滤镜”按钮，再在 弹出菜单中单击“阴影”“投影”命令，就可为小球添加一 种投影如图

38、17-52 b所示。 a) b) 图17-52 阴影效果的设置 a) 原图 b) 添加了投影效果 17.4图像的特效处理图像的特效处理 3.查找边缘查找边缘 查找边缘可将图像中颜色对比较深的部分转变成线条， 从而使图像看起来有点像线条画的。先选中要查找边缘的 图像如图17-53a所示，然后单击“属性”面板中的“添加动 态滤镜”按钮，在弹出菜单中单击“其它”“查找边缘” 命令，得到原图像的边缘如图17-53b所示 a) b) 图17-53 图像查找边缘的效果前后比较 a) 原图 b) 查找边缘的效果 17.4图像的特效处理图像的特效处理 注意，在使用“滤镜”功能时，要考虑到是否保留对 象的矢量模

39、式再选择。通过“滤镜”菜单为矢量对象添加效 果时，会弹出一个提示框，提示使用该操作的同时会将此对 象转成位图。而通过“属性”面板中的“添加动态滤镜”按 钮为矢量对象添加相同的滤镜效果时，却仍可以保留对象的 矢量状态。为了以后重新编辑的方便，尽量使用“属性”面 板中的“添加动态滤镜”按钮。 17.4.3 对象的排列对齐与组合对象的排列对齐与组合 1.对象的排列与对齐对象的排列与对齐 对于同一图层不同对象的排列与对齐，可用“修改”工 具栏上的四个排列按钮进行排列，用对齐方式按钮进行对齐， 如图17-54所示，也可以单击“修改”“排列”“” 菜单命令将选中的多个对象进行排列，单击“修改”“对 齐”“

40、”菜单命令将选中的多个对象进行重新对齐 17.4图像的特效处理图像的特效处理 排列方式 对齐方式 图17-54 修改工具栏 2对象的路径组合与组合对象的路径组合与组合 路径组合路径组合 在Fireworks 8中路径组合的方法有接合、拆 分、联合、交集、打孔和裁切等,在“修改”“组合路径”菜 单下有这些相关的命令。 1）“接合”路径的接合功能用于将多个路径合并成单个 路径对象。可连接两个断开路径的端点以创建单个封闭路径， 或者可结合多个路径来创建一个复合路径。如图17-55（b）是 17-55（a）所示三个对象被执行“接合”命令后的效果，所得 到的复合路径与接合前放在最后面对象的笔触和填充属性

41、相同 17.4图像的特效处理图像的特效处理 2）“拆分”功能，又可以将接合路径还原成相互独立的 对象，如图17-55c是将图17-55b的路径进行了拆分。 3）“联合”的作用是将几个图形对象结合成一个图形对象 的操作，新的图形对象轮廓由被联合的图形对象边界组成。 如图17-55d是对图17-55a中的三个对象执行了“联合”命令后 的效果。联合后对象的颜色与联合前最下层对象的颜色是相 同的。 4）“交集”是把两个或多个对象的相交部分进行保留，使 相交部分形成一个新的图形对象。如图17-55e是对图17-55a中 的三个对象执行了“交集”命令后的效果。 5）“打孔”命令是将位于底层的对象与上层对象

42、的相交部 分裁减掉，使底层对象的形态被改变。如图17-55f是对图17- 55a中的三个对象执行了“打孔”命令后的效果 17.4图像的特效处理图像的特效处理 6）“裁切”是为多个对象设计的，它所保留的是最上层对象 与中间、下层对象的重叠部分。如图17-55g是对图17-55a中的 三个对象执行了“裁切”命令。 a) d) c) b) 17.4图像的特效处理图像的特效处理 e) f) g) 图1755 对象的路径组合 a）原图 b）接合 c)对接合图进行拆分 d)联合 e) 交集f). 打孔 g.)裁剪 组合组合 在Fireworks 8中组合的作用是将多个矢量对象群组为 一个整体。如将图17-

43、52的小球移到图17-51的正方形中心，并 将这两个对象同时选中如图17-56a所示，然后单击“修 改”“组合”菜单命令，即可得到图17-56b所示的效果。 17.4图像的特效处理图像的特效处理 图17-56 两个对象组合前后被选中的状态 a) 组合前为两个独立体 b) 组合后为一个整体 b) 若要取消对象的组合效果，单击“修改”“取消组合”菜 单命令，这两个对象就可分离为群组前的独立状态，且保持 组合前的属性。 17.4图像的特效处理图像的特效处理 17.4.4 实例介绍实例介绍 这是一个综合的实例，通过本例的练习能够更进一步理 解本章所讲述的内容，图17-57给出了一幅夜行车的局部图， 它

44、的制作过程如下。 图17-57 夜行车的局部图 1）新建一 300*240的Fireworks文档，运用前面所讲述的内容 调出标尺和辅助线，并使纵横辅助线的交点位于编辑区的中 心。 17.4图像的特效处理图像的特效处理 2）选择工具面板中的矩形工具,在编辑区下部拖画出一个矩 形,大小为编辑区尺寸的一半，“填充类别”为线性填充,颜色 为从深绿色到浅绿色，并用“油漆桶”工具调整填充方向为 从上到下，如图17-58所示。 图17-58 背景的绘制 17.4图像的特效处理图像的特效处理 选中该矩形，.再单击“编辑”“克隆”菜单命令克隆出 一个同样大小的矩形，放在编辑区的上部,线性填充为深蓝色 到浅蓝色。 3）利用“工具”面板中的“钢笔”工具,勾画出山的轮 廓, “填充