网页制作技术(三剑客)第4章课件

网页制作技术（三剑客）第4课FireworksCS3的基本操作网页制作技术（三剑客）第4课1

学习本章的目的是对FireworksCS3有一个基本的认识，熟悉Fireworks的工作界面和工作环境，并掌握一些概念性的内容。

本章主要包括以下各个方面：常用操作、选择和变形对象、使用文本、使用颜色、笔画和填充、使用URL、图层、合成和蒙版、切片、变换图像和热点、使用滤镜和效果。第4课FireworksCS3的基本操作学习本章的目的是对FireworksCS3有一个2常用操作

选择和变形对象使用文本

使用颜色、笔画和填充

使用URL、图层、合成和蒙版、切片

变换图像和热点

使用滤镜和效果

本次课知识点常用操作本次课知识点31.选择对象使用“指针”工具选择对象

4.1选择和变形对象操作要点

当使用FireworksCS3制作网页图像时，如想对某个对象进行操作，首先需要选中该对象，这时需使用“指针”工具选中该对象，该对象周围会出现控制点，然后对其进行进一步的操作，例如：移动、旋转、倾斜、扭曲等等；1.选择对象4.1选择和变形对象操作要点当使用4

F选择多个对象【任务一】使用“指针”工具选择多个对象图1

5操作步骤1.若要选择多个对象，可按住Shift键不放，单击所选对象，即可实现多个对象的选中，如图4-2所示。除此方法外，拖动鼠标框选某些对象也可选择相应的对象。

操作步骤1.若要选择多个对象，可按住Shift键不放，单击所6操作步骤(续)2.使用“选择后方对象”工具选择对象 在“指针”工具上单击鼠标左键不放，在弹出菜单选择“选择后方对象”工具，如图4-3所示。面板上的图标由“指针”工具变为“选择后方对象”工具。

图4-3“选择后方对象”工具操作步骤(续)2.使用“选择后方对象”工具选择对象7操作步骤(续)3.若多个对象层叠在一起，下方对象被上方对象所遮挡，此时可以使用该工具进行选择。如图4-4所示，3个对象层叠在一起。

图4-4层叠的对象图

操作步骤(续)3.若多个对象层叠在一起，下方对象被上方对象所8操作步骤(续)4.“选择后方对象”工具的使用方法是：在层叠的对象上反复单击，以层叠的顺序自上而下地通过对象，直到选中所需对象。如图4-4所示，若读者想选中箭头对象（位于第二层），在层叠对象上单击鼠标2次，该对象被选中，如图4-5所示。

图4-4层叠的对象图图4-5选中层叠对象操作步骤(续)4.“选择后方对象”工具的使用方法是：在层9【任务二】使用“部分选定”工具改变对象的形状1.在菜单单击“部分选定”工具，鼠标变为白色的箭头，再单击该对象，四周会出现控制点，将鼠标移到某个控制点时，鼠标变为不完全箭头，如图4-6所示。

图4-6选中对象【任务二】使用“部分选定”工具改变对象的形状1.在菜单单击10操作步骤2.单击并拖动控制点，弹出如图4-7的对话框，单击“确定”按钮即可。

如图4-7警告对话框操作步骤2.单击并拖动控制点，弹出如图4-7的对话框，单击11操作步骤

1.拖动控制点，可改变对象的形状，如图4-8所示；若想修改多个控制点，可按住Shift键并单击控制点。

图4-8改变对象形状操作步骤1.拖动控制点，可改变对象的形状，如图12

1.选择像素使用“矩形选取框”工具选取图片操作要点4.1选择和变形对象

本节读者将学习到如何利用选择工具选择某个对象的某一个区域。通过本节的学习，读者将会熟练运用“矩形选取框”工具、“椭圆选取框”工具、“套索”工具、“多边形套索”工具和“魔术棒”工具。

13【任务三】联合使用“矩形选取框”工具和“椭圆选

取框”工具选取图片F选取图片【任务三】联合使用“矩形选取框”工具和“椭圆选

14操作步骤1.开一幅图片，单击矩形“选取框”工具，然后在对象上拖动，出现一个虚线矩形框，如图4-10所示。

图4-10选择区域操作步骤1.开一幅图片，单击矩形“选取框”工具，然后在对象15操作步骤(续)2.单击椭圆“选取框”工具，按住Shift键，在图片上拖动鼠标，使之与矩形选区相交，如图4-11所示。图4-11选择多个区域图

操作步骤(续)2.单击椭圆“选取框”工具，按住Shift键，16操作步骤(续)3.按住Alt键，同时拖动鼠标，减小所选区域，如图4-12所示。

图4-12减小所选区域

操作步骤(续)3.按住Alt键，同时拖动鼠标，减小所选区域17操作步骤(续)4.使用“套索”工具“多边形套索”工具选择图片

“套索”工具可在对象上选择一个不规则的曲线图形，快捷键是L。“多边形套索”工具与“套索”工具均属于一个按钮组，连续按下L键，可以在“套索”工具和“多边形套索”工具切换。“多边形套索”工具可在对象上选择一个不规则的多边形图形。选中“多边形套索”工具，在工作区单击并拖动，工作区中会以读者单击点为起点引出一条蓝色的线，在有折点的区域单击，可实现多边形套索功能；当起始点和终止点重合时会封闭路径。操作步骤(续)4.使用“套索”工具“多边形套索”工具选择图片18练一练：打开一幅图像，练习使用“套索”工具、“多边形套索”工具选择部分图像。使用“魔术棒”工具选择像素（1）打开一幅图像，按下W键，选择“魔术棒”工具。（2）点击该图像中的黄色部分，所选部分如图4-13。（3）“魔术棒”工具属性面板中，改变“容差”值为84，效果如图4-14所示。

图4-13“容差”值32图4-14“容差”值84练一练：打开一幅图像，练习使用“套索”工具、“多边形套索”19操作要点4.1选择和变形对象1.变形和扭曲所选对象和选区

若需对所选对象进行变形处理，利用工具面板上选择“缩放”工具、“倾斜”工具、“扭曲”工具，它们均属于同一个按钮组，其快捷键均为Q

选择“缩放”工具、“倾斜”工具、“扭曲”工具操作要点4.1选择和变形对象1.变形和扭曲所选对象和选区20【任务四】变形和扭曲所选对象F打开一幅图像

【任务四】变形和扭曲所选对象F打211.打开一幅图像，执行“修改→变形→数值变形”命令（或按快捷键Ctrl+Shift+T），在弹出的对话框下拉菜单中选择“Resize”，如图4-16所示，在文本框中输入数值（如果选择“约束比例”复选框，图像会等比例缩放）。操作步骤图4-16数值变形1.打开一幅图像，执行“修改→变形→数值22操作步骤(续)2.选中该图片，单击“缩放”工具按钮，此时图像四周显示控制点，中央显示中心点，如图4-17所示。图4-17“缩放”工具3.将鼠标移动到对象的四个控制点上的其中一个，光标变为双箭头后，拖动鼠标即可等比例缩放对象。若想水平或垂直缩放对象，可用同样的方法单击其他控制点。操作步骤(续)2.选中该图片，单击“缩放”工具23操作步骤(续)4.选择“倾斜”工具，将鼠标移动到边控制点，鼠标变为与边手柄平行的双箭头，上下拖拽，如图4-18所示。图4-18倾斜

操作步骤(续)4.选择“倾斜”工具，将鼠标移24操作步骤(续)5.选择“扭曲”工具，将鼠标移动到角控制点，鼠标变为双箭头并拖动，发生如图4-19所示的效果。图4-19扭曲

操作步骤(续)5.选择“扭曲”工具，将鼠标移动到角控制25操作步骤(续)另外，若想输入确定的值以改变对象的大小，也可在属性面板中输入确定的宽高数值，如图4-20所示；

图4-20改变对象大小

操作步骤(续)另外，若想输入确定的值以改变对象的大小，也可在26【任务五】变形和扭曲所选对象F具体步骤见书

【任务五】变形和扭曲所选对象F具体步骤见书27操作要点4.2图层与蒙板1.使用图层创建新文档时，默认会自动创建“网页层”和“层1

图层给图像的编辑带来的巨大的便利，是图形图像软件中的一次大的革新。层可被认为多个立体的平面，不同层位于不同的平面上，可方便的对某一层进行操作而不影响其它层的使用。操作要点4.2图层与蒙板1.使用图层创建新文档时，默认会28【任务六】制作微波炉

F制作微波炉

【任务六】制作微波炉F制作微波炉29操作步骤1.新建一幅图像，背景色为白色。按下键盘上的O键，选择“矩形”工具。在矩形工具的属性面板中，选择填充色为无，边框色为褐色，线框的粗细为3个像素，如图4-22所示。图4-22调整“矩形”工具的属性操作步骤1.新建一幅图像，背景色为白色。按下键盘上30操作步骤(续)

2.在画布上绘制一个外框，选中该对象并利用“部分选择工具”调整其大小。执行“窗口→层”命令，打开层面板。在该面板中出现一个新层，默认名为矩形。单击该层，该层高亮显示，表示此层为活动层。操作步骤(续)2.在画布上绘制一个外框，选中该对象31操作步骤(续)3.在层1内的“矩形”字样上双击，弹出对话框，输入文字“外框”，按下回车键确认。此时，该位图被命名为“外框”。用同样的方法绘制一个内框，并将该位图命名为“内框”，如图4-23所示。图4-23绘制内、外框操作步骤(续)3.在层1内的“矩形”字样上双击，32操作步骤(续)

4.单击紧邻该层左侧的方块，此时，该方块中呈现锁头形状时，该层被锁定，这意味着层中存放的“外框”、“内框”2个对象被一起锁定。如需解锁，可再次单击该层左侧的方块。操作步骤(续)4.单击紧邻该层左侧的方块，此时，该33操作步骤(续)

5.单击层面板下方的按钮，或执行“编辑→插入→层”命令（快捷键Shift+L），或单击图层面板的选项菜单，选择“新建层”命令。添加图层后，FireworksCS3会在当前所选的图层上方新建一个空白层，层的默认名称为“层2”，新建的图层默认为活动层，高亮显示。双击“层2”的字样，将此层命名为“仪表”。双击“层1”的字样，将此层命名为“框架”，如图4-24所示。图4-24新建层、改层名操作步骤(续)5.单击层面板下方的34操作步骤(续)

6.选中“仪表”层，利用“矩形”工具在图形中再作10个矩形，如图4-25所示。图4-25最终效果操作步骤(续)6.选中“仪表”层，利用“矩形”工35操作步骤(续)

7.按住Shfit键，分别点击“仪表”层中的第一个和最后一个位图，此时选定了整个“仪表”层。单击层面板选项菜单的“平面化所选”命令，或执行“修改→平面化所选”命令，将这9个位图合并成一个图，如图4-26所示。图4-26层面板菜单操作步骤(续)7.按住Shfit键，分别点击“仪表”36操作步骤(续)

8.选中“框架”层，单击按钮折叠该层，折叠后文件夹为关闭状态。若需要查看该层中的内容，可以再次单击按钮可展开层，展开后文件夹为打开状态。

9.点击“仪表”层，单击层面板选项菜单的“向下合并”命令，或单击“修改”菜单->“向下合并”命令，将该图形合并。操作步骤(续)8.选中“框架”层，单击37技术要点：

1.若要新建子层，可选中该层为活动层，单击层面板的选项菜单，选择“新建子层”命令，弹出“添加子层”对话框，输入层名称，单击“确定”按钮。

2.若要删除某层，可选中该层，单击按钮即可。

3.若需改变图像缩略图的大小，可在层面板的选项菜单中选择“缩略图选项”，弹出“缩略图选项”对话框，选择一个适合的缩略图后单击“确定”按钮。

4.若需更改层的顺序，可将该层拖动到相应位置。若需移动层中对象，方法相同。

5.除了锁定层以外，读者还可隐藏某些图层，使其暂时不显示在工作区上。技术要点：1.若要新建子层，可选中该层为活动38操作要点

1.使用蒙板4.2图层与蒙板

“蒙版”又称“遮罩”，读者可将“蒙版”理解掩盖位图的某一部分使其不完全显示的工具。FireworksCS3提供了强大的“蒙版”功能。

操作要点1.使用蒙板4.2图层与蒙板“蒙39【任务七】使用“粘贴为蒙版”命令遮罩图片

F遮罩图片【任务七】使用“粘贴为蒙版”命令遮罩图片F遮罩图片40操作步骤1.打开一幅位图，如图4-28所示。图4-28原始位图操作步骤1.打开一幅位图，如图4-28所示。图4-28原41操作步骤(续)

2.使用工具栏中的“矩形”工具，在位图上任意拖放出一个矩形，填充颜色和边框颜色任意，如图4-29，4-30所示，此时层面板中有2个对象，一个位图对象，一个矩形对象，如图4-31所示。若有必要，可适当调整矩形的位置。图4-29矩形工具

图4-30绘制矩形

图4-31层面板

操作步骤(续)2.使用工具栏中的“矩形”工具，在位42操作步骤(续)

4.选中层面板的位图所在的层，使其成为活动层（高亮显示）。执行“编辑→粘贴为蒙版”命令（快捷键Ctrl+Alt+V）。观察层面板，如图4-32所示，在位图缩略图的右边有一个“蒙版”的缩略图，表示该位图受到了蒙版的作用。图4-32层面板

3.使用“指针”工具选中该矢量矩形，执行“编辑→剪切”命令，将图像移动到剪贴板上（或按快捷键Ctrl+X）。操作步骤(续)4.选中层面板的位图所在的层，使其成43【任务八】使用“粘贴于内部”命令遮罩图片

F“粘贴于内部”命令【任务八】使用“粘贴于内部”命令遮罩图片F“粘贴于内部44操作步骤1.打开一幅位图，如图4-33所示。

图4-33打开位图

操作步骤1.打开一幅位图，如图4-33所示。图4-3345操作步骤(续)

2.在该位图上任意拖放出一个矢量五角星，并用前面所学的知识适当调节五角星的大小、位置，填充颜色和边框颜色随意，如图4-34所示。图4-34绘制五角星

3.选中位图，执行“编辑→剪切”命令，将图片剪切。操作步骤(续)2.在该位图上任意拖放出一个矢46操作步骤(续)

4.选中五角星，执行“编辑→粘贴为蒙版”命令（快捷键Ctrl+Shift+V），将位图嵌入到五角星中，如图4-35所示。图4-35粘贴于内部

操作步骤(续)4.选中五角星，执行“编辑→粘47操作步骤(续)此时，层面板如4-36所示

图4-36层面板“粘贴为蒙版”和“粘贴于内部”所实现的效果相同，但是操作步骤不同，读者可根据实际情况任意选择。操作步骤(续)此时，层面板如4-36所示图4-36层面48

练一练：利用文字制作蒙版：

应用文本蒙版和上面所介绍的应用矢量蒙版操作方法类似，图4-37，4-38为原图和效果图，请完成图4-38的效果。图4-37原图

图4-38蒙版效果图

练一练：利用文字制作蒙版：应用文本蒙版和49操作要点4.3图形特效的设置1.使用斜角和浮雕、模糊等滤镜执行“斜角与浮雕→内斜角”命令，弹出参数对话框。

滤镜可以改善并增强图像的效果。FireworksCS3中常用的滤镜可以对斜角、阴影、模糊等效果，还提供了色阶、色相、对比度、亮度、饱和度等参数对图像进行调节。本节学习滤镜的使用方法，使用滤镜可以创作出许多丰富多彩的特效。滤镜被应用在文字、位图图像、矢量图像上，编辑滤镜的方法也很简便。FireworksCS3提供了许多滤镜特效，此外还可使用第三方软件开发商开发的滤镜插件。操作要点4.3图形特效的设置1.使用斜角和浮雕、模糊等滤50【任务九】制作3D按钮F制作3D按钮【任务九】制作3D按钮F制作3D按钮51操作步骤

1.打开一幅图像并选中该图像，在其“属性”面板中单击滤镜右侧的“+”号，执行“斜角与浮雕→内斜角”命令，弹出参数对话框，如图4-39所示。图4-39设置参数操作步骤1.打开一幅图像并选中该图像，在其“属52操作步骤(续)2.设置参数，如图4-40所示，查看最终效果，如图4-41所示。

图4-40设置内斜角的参数

图4-41最终效果

操作步骤(续)2.设置参数，如图4-40所示，查看53技术要点：

斜角特效主要表现在边缘倒角的凸出，相关参数含义如下：宽度：调节斜角的宽度。

对比度：调节对象和斜角部分颜色的对比色。

柔化：调节斜角的柔化度。

角度：调节斜角应用的角度。

斜角边缘形状：Flat（平坦）、Smooth（平滑）、Sloped（斜坡）、Frame1（第一帧）、Frame2（第二帧）、Ring（环状）、Ruffle（皱纹）。技术要点：斜角特效主要表现在边缘倒角的凸出，54【任务十】对图片进行模糊处理效果如图F【任务十】对图片进行模糊处理效果如图F55操作步骤

1.打开一幅图像，在“属性”面板中，单击“滤镜”文字旁边的“+”号或执行“滤镜→模糊”命令，弹出滤镜菜单。从中选择“模糊→放射状模糊”命令后，会弹出设置参数对话框。2.为该图像在加入一个“凹入浮雕”滤镜。操作步骤1.打开一幅图像，在“属性”面板中，56操作步骤(续)

3.设置完成后，在窗口外单击或按“Enter”按钮关闭窗口，在列表中会显示该对象所应用的所有滤镜，如图4-46所示。FireworksCS3支持滤镜的叠加，即可为同一个对象设置多个滤镜特效，也可重复使用同一种滤镜特效，设置后的特效如图4-47所示。若想删除某个滤镜，可单击“-”号按钮。图4-46查看所应用的滤镜

4.双击列表框内相应的滤镜，弹出参数对话框进行修改配置。操作步骤(续)3.设置完成后，在窗口外单击或按“E57操作步骤(续)

5.单击“凹入浮雕”滤镜特效左侧的“√”按钮，变为“×”后，隐藏“凹入浮雕”滤镜特效，如图4-48所示。图4-47效果图

图4-48应用/撤销滤镜

操作步骤(续)5.单击“凹入浮雕”滤镜特效左侧的“√58技术要点：1.这六种模糊滤镜的含义是：

放射性模糊：使图像产生旋转式的抖动。模糊：柔化所选像素的焦点。缩放模糊：使图像产生由远及近或由近及远的视觉特效。进一步模糊：处理效果是“模糊”特效的三倍左右。高斯模糊：对每个像素进行一定的数学计算后所产生的模糊特效。技术要点：1.这六种模糊滤镜的含义是：放射性模糊：使图像59技术要点：2.“内侧发光”滤镜特效其参数含义如下：

光晕偏移：设置光晕偏移值，数值越大效果越明显。透明度：滤镜颜色的透明度。颜色：应用滤镜的颜色。柔化：边缘的平滑程度。偏移：滤镜在对象所处的位置。技术要点：2.“内侧发光”滤镜特效其参数含义如下：光晕偏60练一练：

请读者自己练习各种模糊特效及“内侧阴影”、“发光”、“投影”、“纯色阴影”等滤镜特效的使用。练一练：请读者自己练习各种模糊特效及“内侧阴影”61操作要点1.调整素材4.3图形特效的设置调整图像的亮度及对比度操作要点1.调整素材4.3图形特效的设置调整图像的亮度及62【任务十一】调整图像的亮度及对比度F打开一幅图【任务十一】调整图像的亮度及对比度F打63操作步骤

1.打开一幅图像并选中该图像，单击“滤镜”文字旁边的“+”号或执行“滤镜→调整颜色→亮度/对比度”命令，为其设置“亮度/对比度”特效，在弹出的“参数设置”对话框中，其中亮度是指对象的明亮程度，对比度是指对象中明暗区域最亮和最暗之间不同亮度层级的测量，差异范围越大代表对比越大，差异范围越小代表对比越小。通过滑块或输入具体的值来调节亮度为60，对比度为25，如图4-51所示。图4-51参数设置操作步骤1.打开一幅图像并选中该图像，单击“滤64操作步骤(续)2.比较原图和效果图的不同，如图4-52，4-53所示。图4-52原图

图4-53“亮度/对比度”命令

操作步骤(续)2.比较原图和效果图的不同，如图4-52，4-65技术要点：

在FireworksCS3中，提供了七种调整颜色命令，分别是：“亮度/对比度”、“反转”、“曲线”、“自动色阶”、“色相/饱和度”、“色阶”和“颜色填充”,含义分别如下：1.反转”特效可使对象的颜色反白，比较原图和效果图的不同，如图4-54，4-55所示

图4-54原图

图4-55“反转”效果

技术要点：在FireworksCS3中，提供66技术要点：

2.色阶又称色彩指数，该特效可调节对象亮度强弱的指数，图像的色彩丰满度和精细度是由色阶决定的，如图4-56所示。输入色阶是指图像的亮度，从左到右依次是“最小强度”、“灰度级别”、“最大强度”。输出色阶是设置输出的最小强度和最大强度。原图和效果图的不同，如图4-57，4-58所示。图4-56色阶面板图4-57原图图4-58调整图像的色阶后技术要点：2.色阶又称色彩指数，该特效可调节对象亮67技术要点：

3.色相是各类色彩的相貌称谓，可改变对象的冷暖色调；饱和度是彩色强度的浓度。原图和效果图，如图4-59，4-60所示。

图4-61调整“色相/饱和度”图4-60原图技术要点：3.色相是各类色彩的相貌称谓，可改68技术要点：

4.“颜色填充”特效，可使对象和所选颜色在某种混合模式下融为一体，调节图像的混合模式，颜色和透明度。原图和效果图，如图4-61，4-62所示。

图4-62“颜色填充”效果图4-61原图

技术要点：4.“颜色填充”特效，可使对象和所选颜色69操作要点4.3图形特效的设置1.样式与形状“样式”面板位于Assets面板组中

“样式”面板为用户提供了许多自带的样式特效，可直接使用在设计的图像中；也可自己设计个性化的样式特效，并将其保存为样式，以便日后设计时使用，大大提高了工作的效率。“形状”面板同样也位于Assets面板组中

操作要点4.3图形特效的设置1.样式与形状“样式”面板位70【任务十二】快速改变网页中文字的表现形式使用文字工具输入文本F【任务十二】快速改变网页中文字的表现形式使F71操作步骤

1.使用文字工具在工作区中输入“网页制作三剑客”7个字，并适当调节字号、字体、颜色等属性，如图4-64所示。图4-64输入的文字操作步骤1.使用文字工具在工作区中输72操作步骤(续)

2.为该文字任意选择一种样式，查看生成的效果，如图4-65所示。图4-65生成的效果操作步骤(续)2.为该文字任意选择一种样式，查73操作步骤(续)

3.在滤镜列表框中，会出现多个滤镜特效，如图4-66所示。双击某个滤镜，调节其参数。此时，“样式”面板内的样式将不受影响。图4-66滤镜操作步骤(续)3.在滤镜列表框中，会出现多个74操作步骤(续)

4.选中其中的需删除的默认样式，单击面板右下方的垃圾桶按钮，弹出对话框，单击“确定”按钮即可。若需恢复默认的样式，可单击该面板的选项菜单，选择“重设样式”命令，重设后，自定义样式将会丢失。若需删除多个样式，可按住Shift键选择多个连续的样式；按住Ctrl键选择多个不连续的样式。操作步骤(续)4.选中其中的需删除的默认样式75技术要点：

FireworksCs3中的样式是有限的，所以有时为了提高工作的效率和保持网站的风格统一会自定义一些样式，以方便其他开发人员的使用和团队的合作开发，具体方法如下：1.创建和删除自定义样式

3.导入/导出样式

2.编辑样式

4.“文字”工具的属性面板，如图4-68所示

图4-68“文字”工具的属性

技术要点：FireworksCs3中的样76【任务十三】为fireworks文件中添加时钟时钟F【任务十三】为fireworks文件中添加时钟时F77操作步骤

1.打开一个fireworks文件，打开形状面板并将时钟图样拖动到工作区中，如图4-70所示。图4-70时钟

操作步骤1.打开一个fireworks文件，打78操作步骤(续)

2,选中该时钟，拖动时针、分针可调节时钟的时间，如图4-71所示。或单击时钟中心，弹出如图4-72所示的对话框，输入时间即可。图4-71调整时间

图4-72调整时间操作步骤(续)2,选中该时钟，拖动时针、分针可79操作要点1.绘制工具的使用4.4绘制和编辑矢量图

提供了“直线”工具、“钢笔”工具、“矩形”工具、“多边形”工具等

在FireworksCS3中，提供了矢量面板组，可以通过多种绘制工具绘制矢量图，如“直线”工具、“钢笔”工具、“矩形”工具、“多边形”工具等；并且还可以修改矢量图的形状、对其进行自由变形，如图4-73所示。操作要点1.绘制工具的使用4.4绘制和编辑矢量图80【任务十四】绘制五角星绘制五角星F【任务十四】绘制五角星绘F81操作步骤

1.单击“矩形”工具，选择弹出菜单中的“Star”工具，如图4-74所示。图4-74“五角星”工具操作步骤1.单击“矩形”工具，选择弹出菜单中的82操作步骤(续)

2.调节笔触颜色为#0000FF，填充颜色为#0099FF，笔尖大小为10px，更多的属性参看如图4-75所示。图4-75“五角星”属性操作步骤(续)2.调节笔触颜色为#0000F83操作步骤(续)

3.在工作区中绘制五角星，如图4-76所示，选中该图形，调节黄色菱形的位置，改变该图形的样式。图4-76绘制的五角星

4.单击“部分选定”工具，将鼠标移动到该五角星的某个端点，当鼠标变成小箭头时，拖动鼠标，可以改变五角星的形状。操作步骤(续)3.在工作区中绘制五角星，如图84操作要点1.绘制路径对象4.4绘制和编辑矢量图

FireworksCS3提供了强大的绘图工具，通过使用这些工具可以完成非常复杂的图像。操作要点1.绘制路径对象4.4绘制和编辑矢量图85【任务十五】绘制QQ企鹅F绘制qq企鹅【任务十五】绘制QQ企鹅F绘86操作步骤

2.同理再绘制另外一个大小为165×150像素的椭圆，使其与上面的椭圆部分重叠，这样大致得到了“企鹅”的头部和肚子，如图5-77所示。图5-77绘制“企鹅”的头部和肚子

1.新建一个大小为350×350像素的图像，背景为白色。然后使用工具箱上的“椭圆”工具绘制一个大小为140×115的椭圆，设置填充色为黑色。操作步骤2.同理再绘制另外一个大小为165×15087操作步骤(续)

3.接着绘制“企鹅”的两只翅膀。首先绘制一个大小为120×50像素的椭圆，然后使用工具箱上的“次选择”工具（即“部分选择”工具）对椭圆的几个节点进行调整，使得椭圆变成“翅膀”的样子，如图5-78所示。图5-78绘制“企鹅”的翅膀操作步骤(续)3.接着绘制“企鹅”的两只翅膀。首先88操作步骤(续)

4.选中该椭圆，点击工具箱上的“缩放”工具将其旋转，并放置到图像适当的位置，如图5-79所示。图5-79旋转“企鹅”的翅膀操作步骤(续)4.选中该椭圆，点击工具箱上的“缩放89操作步骤(续)

5.选中变形后的椭圆，复制该椭圆。选择复制所得的椭圆，右键点击鼠标，在弹出的快捷菜单中执行“变形→水平翻转”命令翻转图像，然后将翻转所得的图像移动到适当位置，如图5-80所示。图5-80制作另一只“企鹅”的翅膀操作步骤(续)5.选中变形后的椭圆，复制该椭圆。选90操作步骤(续)

6.按住Ctrl＋A键，选中前面画好的所有对象，然后按Ctrl＋G键将所有对象组合。下面绘制“企鹅”的眼睛，方法是分别绘制两个椭圆设置不同大小和填充色即可，其大小分别为25×40和10×16，填充色分别为白色和黑色，如图5-81所示。图5-81制作“企鹅”的左眼操作步骤(续)6.按住Ctrl＋A键，选中前面画91操作步骤(续)

7.用同样的方法绘制“企鹅”另外一只眼睛。为了要显示不同效果，这里只需要将中间的椭圆换成一条曲线，如图5-82所示。

图5-82制作“企鹅”的右眼操作步骤(续)7.用同样的方法绘制“企鹅”另外一只92操作步骤(续)

8.接着绘制“企鹅”的肚子。绘制一个椭圆，设置填充色为白色，然后用“次选择”工具对椭圆的节点进行调整，效果如图5-83所示。图5-83制作“企鹅”的肚子操作步骤(续)8.接着绘制“企鹅”的肚子。绘制一个93操作步骤(续)

9.下面绘制“企鹅”的嘴巴和脚。使用工具箱上的“钢笔”工具简单勾勒出“嘴巴”和“脚”的图像，适当进行调整，设置填充色为#EF9D18，然后为“脚”上画上两条短的矢量路径，让其看起来向“脚趾”一样，并将“脚”排列到图像最后，效果如图5-84所示。图5-84制作“企鹅”的肚子操作步骤(续)9.下面绘制“企鹅”的嘴巴和脚94操作步骤(续)

10.最后为“企鹅”绘制上“围巾”和“蝴蝶结头饰”等装置物，其画法和上面的基本类似，都是通过使用“钢笔”工具或者“次选择”工具对椭圆等进行调整得到的，最终效果如图5-85所示。图5-85QQ企鹅效果图操作步骤(续)10.最后为“企鹅”绘制上“围巾”和95操作要点4.4绘制和编辑矢量图MacromediaFireworksCS3提供了位图绘制、修改功能，使用户能使用创新的图像处理技术来加速创作过程。这些强大的功能可以通过使用像“刷子”、“铅笔”、“橡皮擦”、“模糊”等工具来实现。

操作要点4.4绘制和编辑矢量图Macrom96【任务十七】绘制文字F绘制文字

【任务十七】绘制文字F绘97技术要点：“笔刷”工具位于位图面板中，可在工作区对各种线条进行描绘，“笔刷”是一个“多姿多彩”的工具，可表现的效果变化多端，其快捷键是B，相关属含义性如下：笔尖大小：为刷子选择大小，数值越大，刷子的覆盖半径越大；描边种类：为刷子选择样式，在弹出的菜单中可显示描绘预览效果；透明度：调节绘制图形的透明度；“铅笔”工具位于位图面板中，其快捷键是B，不可调节画笔的粗细，也没有“刷子”工具的功能丰富，“铅笔”工具其相关属性如下：拾色器：设置刷子的颜色；消除锯齿：可绘制平滑的线条，上面的线条消除锯齿，下面的线条未消除锯齿；自动擦除：常用于“像素画”使用；“橡皮擦”工具位于位图面板中，其快捷键是E，“橡皮擦”工具可擦除工作区中的图像，露出底色，“橡皮擦”工具的具体参数含义如下：大小：调节笔触大小；形状：擦除的形状，圆形或方形；技术要点：“笔刷”工具位于位图面板中，可在工作区对各种线条98操作要点4.6切片和热点在网页制作过程中，为了保证网页的美观有时需要采用容量较大的图片，这样就降低了网页的下载速度。切片将Fireworks文档分割成多个较小的部分并将每部分导出为单独的文件。切片是网页对象，切片不是以图像的形式存在，而是最终以HTML代码的形式出现。由于网页被分割成较小文件，所以在下载时会速度会明显提高。当然，也可以使用热点将交互性结合到网页中。热点用于创建图像映射，即在HTML文档中定义热区的HTML代码。这些区域不一定链接到某个地方；它们可能只是触发一个行为或定义替代文本。热点还可以接收鼠标事件，使得JavaScript行为在切片中起作用。操作要点4.6切片和热点99【任务十八】为图像创建矩形切片F创建矩形切片

具体操作步骤见书本【任务十八】为图像创建矩形切片F创建矩形切片具100操作要点“热点”工具可为一张图片的某个部分添加超链接到指定的URL上。FireworksCS3中提供了三个热点工具，位于Web面板组中，分别是：“矩形热点”工具、“圆形热点”工具和“多边形热点”工具，如图4-107所示。

图4-107热点工具组操作要点“热点”工具可为一张图片的某个部分添加超链接到指定的101【任务十九】为图像创建并导出热点F创建热点

具体操作步骤见书本【任务十九】为图像创建并导出热点F创建热点102技术要点：热点的其相关属性意义如下：形状：设置热点的形状；链接：设置热点链接的URL；替换：设置当鼠标移到超链接上显示的提示文字；目标：_blank新建窗口打开链接页面，

_parent将链接文档加载到父窗口中

_self将链接文档在入当前子窗口

_top将链接文档载入整个浏览器窗口技术要点：热点的其相关属性意义如下：103小结本章主要介绍了Fireworks中的一些基本的概念、基本工具的使用及操作步骤。该章主要涉及了以下内容：选择和变形对象图层及蒙板的使用图形的特效设置绘制矢量图和位图切片和热点的使用以及应用场合通过本章的学习，读者能够较熟练使用Fireworks的基本工具，并能够进行基本的简单应用。小结本章主要介绍了Fireworks中的一些基本的概念、基104网页制作技术（三剑客）第4课FireworksCS3的基本操作网页制作技术（三剑客）第4课105

学习本章的目的是对FireworksCS3有一个基本的认识，熟悉Fireworks的工作界面和工作环境，并掌握一些概念性的内容。

本章主要包括以下各个方面：常用操作、选择和变形对象、使用文本、使用颜色、笔画和填充、使用URL、图层、合成和蒙版、切片、变换图像和热点、使用滤镜和效果。第4课FireworksCS3的基本操作学习本章的目的是对FireworksCS3有一个106常用操作

选择和变形对象使用文本

使用颜色、笔画和填充

使用URL、图层、合成和蒙版、切片

变换图像和热点

使用滤镜和效果

本次课知识点常用操作本次课知识点1071.选择对象使用“指针”工具选择对象

4.1选择和变形对象操作要点

当使用FireworksCS3制作网页图像时，如想对某个对象进行操作，首先需要选中该对象，这时需使用“指针”工具选中该对象，该对象周围会出现控制点，然后对其进行进一步的操作，例如：移动、旋转、倾斜、扭曲等等；1.选择对象4.1选择和变形对象操作要点当使用108

F选择多个对象【任务一】使用“指针”工具选择多个对象图1

109操作步骤1.若要选择多个对象，可按住Shift键不放，单击所选对象，即可实现多个对象的选中，如图4-2所示。除此方法外，拖动鼠标框选某些对象也可选择相应的对象。

操作步骤1.若要选择多个对象，可按住Shift键不放，单击所110操作步骤(续)2.使用“选择后方对象”工具选择对象 在“指针”工具上单击鼠标左键不放，在弹出菜单选择“选择后方对象”工具，如图4-3所示。面板上的图标由“指针”工具变为“选择后方对象”工具。

图4-3“选择后方对象”工具操作步骤(续)2.使用“选择后方对象”工具选择对象111操作步骤(续)3.若多个对象层叠在一起，下方对象被上方对象所遮挡，此时可以使用该工具进行选择。如图4-4所示，3个对象层叠在一起。

图4-4层叠的对象图

操作步骤(续)3.若多个对象层叠在一起，下方对象被上方对象所112操作步骤(续)4.“选择后方对象”工具的使用方法是：在层叠的对象上反复单击，以层叠的顺序自上而下地通过对象，直到选中所需对象。如图4-4所示，若读者想选中箭头对象（位于第二层），在层叠对象上单击鼠标2次，该对象被选中，如图4-5所示。

图4-4层叠的对象图图4-5选中层叠对象操作步骤(续)4.“选择后方对象”工具的使用方法是：在层113【任务二】使用“部分选定”工具改变对象的形状1.在菜单单击“部分选定”工具，鼠标变为白色的箭头，再单击该对象，四周会出现控制点，将鼠标移到某个控制点时，鼠标变为不完全箭头，如图4-6所示。

图4-6选中对象【任务二】使用“部分选定”工具改变对象的形状1.在菜单单击114操作步骤2.单击并拖动控制点，弹出如图4-7的对话框，单击“确定”按钮即可。

如图4-7警告对话框操作步骤2.单击并拖动控制点，弹出如图4-7的对话框，单击115操作步骤

1.拖动控制点，可改变对象的形状，如图4-8所示；若想修改多个控制点，可按住Shift键并单击控制点。

图4-8改变对象形状操作步骤1.拖动控制点，可改变对象的形状，如图116

1.选择像素使用“矩形选取框”工具选取图片操作要点4.1选择和变形对象

本节读者将学习到如何利用选择工具选择某个对象的某一个区域。通过本节的学习，读者将会熟练运用“矩形选取框”工具、“椭圆选取框”工具、“套索”工具、“多边形套索”工具和“魔术棒”工具。

117【任务三】联合使用“矩形选取框”工具和“椭圆选

取框”工具选取图片F选取图片【任务三】联合使用“矩形选取框”工具和“椭圆选

118操作步骤1.开一幅图片，单击矩形“选取框”工具，然后在对象上拖动，出现一个虚线矩形框，如图4-10所示。

图4-10选择区域操作步骤1.开一幅图片，单击矩形“选取框”工具，然后在对象119操作步骤(续)2.单击椭圆“选取框”工具，按住Shift键，在图片上拖动鼠标，使之与矩形选区相交，如图4-11所示。图4-11选择多个区域图

操作步骤(续)2.单击椭圆“选取框”工具，按住Shift键，120操作步骤(续)3.按住Alt键，同时拖动鼠标，减小所选区域，如图4-12所示。

图4-12减小所选区域

操作步骤(续)3.按住Alt键，同时拖动鼠标，减小所选区域121操作步骤(续)4.使用“套索”工具“多边形套索”工具选择图片

“套索”工具可在对象上选择一个不规则的曲线图形，快捷键是L。“多边形套索”工具与“套索”工具均属于一个按钮组，连续按下L键，可以在“套索”工具和“多边形套索”工具切换。“多边形套索”工具可在对象上选择一个不规则的多边形图形。选中“多边形套索”工具，在工作区单击并拖动，工作区中会以读者单击点为起点引出一条蓝色的线，在有折点的区域单击，可实现多边形套索功能；当起始点和终止点重合时会封闭路径。操作步骤(续)4.使用“套索”工具“多边形套索”工具选择图片122练一练：打开一幅图像，练习使用“套索”工具、“多边形套索”工具选择部分图像。使用“魔术棒”工具选择像素（1）打开一幅图像，按下W键，选择“魔术棒”工具。（2）点击该图像中的黄色部分，所选部分如图4-13。（3）“魔术棒”工具属性面板中，改变“容差”值为84，效果如图4-14所示。

图4-13“容差”值32图4-14“容差”值84练一练：打开一幅图像，练习使用“套索”工具、“多边形套索”123操作要点4.1选择和变形对象1.变形和扭曲所选对象和选区

若需对所选对象进行变形处理，利用工具面板上选择“缩放”工具、“倾斜”工具、“扭曲”工具，它们均属于同一个按钮组，其快捷键均为Q

选择“缩放”工具、“倾斜”工具、“扭曲”工具操作要点4.1选择和变形对象1.变形和扭曲所选对象和选区124【任务四】变形和扭曲所选对象F打开一幅图像

【任务四】变形和扭曲所选对象F打1251.打开一幅图像，执行“修改→变形→数值变形”命令（或按快捷键Ctrl+Shift+T），在弹出的对话框下拉菜单中选择“Resize”，如图4-16所示，在文本框中输入数值（如果选择“约束比例”复选框，图像会等比例缩放）。操作步骤图4-16数值变形1.打开一幅图像，执行“修改→变形→数值126操作步骤(续)2.选中该图片，单击“缩放”工具按钮，此时图像四周显示控制点，中央显示中心点，如图4-17所示。图4-17“缩放”工具3.将鼠标移动到对象的四个控制点上的其中一个，光标变为双箭头后，拖动鼠标即可等比例缩放对象。若想水平或垂直缩放对象，可用同样的方法单击其他控制点。操作步骤(续)2.选中该图片，单击“缩放”工具127操作步骤(续)4.选择“倾斜”工具，将鼠标移动到边控制点，鼠标变为与边手柄平行的双箭头，上下拖拽，如图4-18所示。图4-18倾斜

操作步骤(续)4.选择“倾斜”工具，将鼠标移128操作步骤(续)5.选择“扭曲”工具，将鼠标移动到角控制点，鼠标变为双箭头并拖动，发生如图4-19所示的效果。图4-19扭曲

操作步骤(续)5.选择“扭曲”工具，将鼠标移动到角控制129操作步骤(续)另外，若想输入确定的值以改变对象的大小，也可在属性面板中输入确定的宽高数值，如图4-20所示；

图4-20改变对象大小

操作步骤(续)另外，若想输入确定的值以改变对象的大小，也可在130【任务五】变形和扭曲所选对象F具体步骤见书

【任务五】变形和扭曲所选对象F具体步骤见书131操作要点4.2图层与蒙板1.使用图层创建新文档时，默认会自动创建“网页层”和“层1

图层给图像的编辑带来的巨大的便利，是图形图像软件中的一次大的革新。层可被认为多个立体的平面，不同层位于不同的平面上，可方便的对某一层进行操作而不影响其它层的使用。操作要点4.2图层与蒙板1.使用图层创建新文档时，默认会132【任务六】制作微波炉

F制作微波炉

【任务六】制作微波炉F制作微波炉133操作步骤1.新建一幅图像，背景色为白色。按下键盘上的O键，选择“矩形”工具。在矩形工具的属性面板中，选择填充色为无，边框色为褐色，线框的粗细为3个像素，如图4-22所示。图4-22调整“矩形”工具的属性操作步骤1.新建一幅图像，背景色为白色。按下键盘上134操作步骤(续)

2.在画布上绘制一个外框，选中该对象并利用“部分选择工具”调整其大小。执行“窗口→层”命令，打开层面板。在该面板中出现一个新层，默认名为矩形。单击该层，该层高亮显示，表示此层为活动层。操作步骤(续)2.在画布上绘制一个外框，选中该对象135操作步骤(续)3.在层1内的“矩形”字样上双击，弹出对话框，输入文字“外框”，按下回车键确认。此时，该位图被命名为“外框”。用同样的方法绘制一个内框，并将该位图命名为“内框”，如图4-23所示。图4-23绘制内、外框操作步骤(续)3.在层1内的“矩形”字样上双击，136操作步骤(续)

4.单击紧邻该层左侧的方块，此时，该方块中呈现锁头形状时，该层被锁定，这意味着层中存放的“外框”、“内框”2个对象被一起锁定。如需解锁，可再次单击该层左侧的方块。操作步骤(续)4.单击紧邻该层左侧的方块，此时，该137操作步骤(续)

5.单击层面板下方的按钮，或执行“编辑→插入→层”命令（快捷键Shift+L），或单击图层面板的选项菜单，选择“新建层”命令。添加图层后，FireworksCS3会在当前所选的图层上方新建一个空白层，层的默认名称为“层2”，新建的图层默认为活动层，高亮显示。双击“层2”的字样，将此层命名为“仪表”。双击“层1”的字样，将此层命名为“框架”，如图4-24所示。图4-24新建层、改层名操作步骤(续)5.单击层面板下方的138操作步骤(续)

6.选中“仪表”层，利用“矩形”工具在图形中再作10个矩形，如图4-25所示。图4-25最终效果操作步骤(续)6.选中“仪表”层，利用“矩形”工139操作步骤(续)

7.按住Shfit键，分别点击“仪表”层中的第一个和最后一个位图，此时选定了整个“仪表”层。单击层面板选项菜单的“平面化所选”命令，或执行“修改→平面化所选”命令，将这9个位图合并成一个图，如图4-26所示。图4-26层面板菜单操作步骤(续)7.按住Shfit键，分别点击“仪表”140操作步骤(续)

8.选中“框架”层，单击按钮折叠该层，折叠后文件夹为关闭状态。若需要查看该层中的内容，可以再次单击按钮可展开层，展开后文件夹为打开状态。

9.点击“仪表”层，单击层面板选项菜单的“向下合并”命令，或单击“修改”菜单->“向下合并”命令，将该图形合并。操作步骤(续)8.选中“框架”层，单击141技术要点：

1.若要新建子层，可选中该层为活动层，单击层面板的选项菜单，选择“新建子层”命令，弹出“添加子层”对话框，输入层名称，单击“确定”按钮。

2.若要删除某层，可选中该层，单击按钮即可。

3.若需改变图像缩略图的大小，可在层面板的选项菜单中选择“缩略图选项”，弹出“缩略图选项”对话框，选择一个适合的缩略图后单击“确定”按钮。

4.若需更改层的顺序，可将该层拖动到相应位置。若需移动层中对象，方法相同。

5.除了锁定层以外，读者还可隐藏某些图层，使其暂时不显示在工作区上。技术要点：1.若要新建子层，可选中该层为活动142操作要点

1.使用蒙板4.2图层与蒙板

“蒙版”又称“遮罩”，读者可将“蒙版”理解掩盖位图的某一部分使其不完全显示的工具。FireworksCS3提供了强大的“蒙版”功能。

操作要点1.使用蒙板4.2图层与蒙板“蒙143【任务七】使用“粘贴为蒙版”命令遮罩图片

F遮罩图片【任务七】使用“粘贴为蒙版”命令遮罩图片F遮罩图片144操作步骤1.打开一幅位图，如图4-28所示。图4-28原始位图操作步骤1.打开一幅位图，如图4-28所示。图4-28原145操作步骤(续)

2.使用工具栏中的“矩形”工具，在位图上任意拖放出一个矩形，填充颜色和边框颜色任意，如图4-29，4-30所示，此时层面板中有2个对象，一个位图对象，一个矩形对象，如图4-31所示。若有必要，可适当调整矩形的位置。图4-29矩形工具

图4-30绘制矩形

图4-31层面板

操作步骤(续)2.使用工具栏中的“矩形”工具，在位146操作步骤(续)

4.选中层面板的位图所在的层，使其成为活动层（高亮显示）。执行“编辑→粘贴为蒙版”命令（快捷键Ctrl+Alt+V）。观察层面板，如图4-32所示，在位图缩略图的右边有一个“蒙版”的缩略图，表示该位图受到了蒙版的作用。图4-32层面板

3.使用“指针”工具选中该矢量矩形，执行“编辑→剪切”命令，将图像移动到剪贴板上（或按快捷键Ctrl+X）。操作步骤(续)4.选中层面板的位图所在的层，使其成147【任务八】使用“粘贴于内部”命令遮罩图片

F“粘贴于内部”命令【任务八】使用“粘贴于内部”命令遮罩图片F“粘贴于内部148操作步骤1.打开一幅位图，如图4-33所示。

图4-33打开位图

操作步骤1.打开一幅位图，如图4-33所示。图4-33149操作步骤(续)

2.在该位图上任意拖放出一个矢量五角星，并用前面所学的知识适当调节五角星的大小、位置，填充颜色和边框颜色随意，如图4-34所示。图4-34绘制五角星

3.选中位图，执行“编辑→剪切”命令，将图片剪切。操作步骤(续)2.在该位图上任意拖放出一个矢150操作步骤(续)

4.选中五角星，执行“编辑→粘贴为蒙版”命令（快捷键Ctrl+Shift+V），将位图嵌入到五角星中，如图4-35所示。图4-35粘贴于内部

操作步骤(续)4.选中五角星，执行“编辑→粘151操作步骤(续)此时，层面板如4-36所示

图4-36层面板“粘贴为蒙版”和“粘贴于内部”所实现的效果相同，但是操作步骤不同，读者可根据实际情况任意选择。操作步骤(续)此时，层面板如4-36所示图4-36层面152

练一练：利用文字制作蒙版：

应用文本蒙版和上面所介绍的应用矢量蒙版操作方法类似，图4-37，4-38为原图和效果图，请完成图4-38的效果。图4-37原图

图4-38蒙版效果图

练一练：利用文字制作蒙版：应用文本蒙版和153操作要点4.3图形特效的设置1.使用斜角和浮雕、模糊等滤镜执行“斜角与浮雕→内斜角”命令，弹出参数对话框。

滤镜可以改善并增强图像的效果。FireworksCS3中常用的滤镜可以对斜角、阴影、模糊等效果，还提供了色阶、色相、对比度、亮度、饱和度等参数对图像进行调节。本节学习滤镜的使用方法，使用滤镜可以创作出许多丰富多彩的特效。滤镜被应用在文字、位图图像、矢量图像上，编辑滤镜的方法也很简便。FireworksCS3提供了许多滤镜特效，此外还可使用第三方软件开发商开发的滤镜插件。操作要点4.3图形特效的设置1.使用斜角和浮雕、模糊等滤154【任务九】制作3D按钮F制作3D按钮【任务九】制作3D按钮F制作3D按钮155操作步骤

1.打开一幅图像并选中该图像，在其“属性”面板中单击滤镜右侧的“+”号，执行“斜角与浮雕→内斜角”命令，弹出参数对话框，如图4-39所示。图4-39设置参数操作步骤1.打开一幅图像并选中该图像，在其“属156操作步骤(续)2.设置参数，如图4-40所示，查看最终效果，如图4-41所示。

图4-40设置内斜角的参数

图4-41最终效果

操作步骤(续)2.设置参数，如图4-40所示，查看157技术要点：

斜角特效主要表现在边缘倒角的凸出，相关参数含义如下：宽度：调节斜角的宽度。

对比度：调节对象和斜角部分颜色的对比色。

柔化：调节斜角的柔化度。

角度：调节斜角应用的角度。

斜角边缘形状：Flat（平坦）、Smooth（平滑）、Sloped（斜坡）、Frame1（第一帧）、Frame2（第二帧）、Ring（环状）、Ruffle（皱纹）。技术要点：斜角特效主要表现在边缘倒角的凸出，158【任务十】对图片进行模糊处理效果如图F【任务十】对图片进行模糊处理效果如图F159操作步骤

1.打开一幅图像，在“属性”面板中，单击“滤镜”文字旁边的“+”号或执行“滤镜→模糊”命令，弹出滤镜菜单。从中选择“模糊→放射状模糊”命令后，会弹出设置参数对话框。2.为该图像在加入一个“凹入浮雕”滤镜。操作步骤1.打开一幅图像，在“属性”面板中，160操作步骤(续)

3.设置完成后，在窗口外单击或按“Enter”按钮关闭窗口，在列表中会显示该对象所应用的所有滤镜，如图4-46所示。FireworksCS3支持滤镜的叠加，即可为同一个对象设置多个滤镜特效，也可重复使用同一种滤镜特效，设置后的特效如图4-47所示。若想删除某个滤镜，可单击“-”号按钮。图4-46查看所应用的滤镜

4.双击列表框内相应的滤镜，弹出参数对话框进行修改配置。操作步骤(续)3.设置完成后，在窗口外单击或按“E161操作步骤(续)

5.单击“凹入浮雕”滤镜特效左侧的“√”按钮，变为“×”后，隐藏“凹入浮雕”滤镜特效，如图4-48所示。图4-47效果图

图4-48应用/撤销滤镜

操作步骤(续)5.单击“凹入浮雕”滤镜特效左侧的“√162技术要点：1.这六种模糊滤镜的含义是：

放射性模糊：使图像产生旋转式的抖动。模糊：柔化所选像素的焦点。缩放模糊：使图像产生由远及近或由近及远的视觉特效。进一步模糊：处理效果是“模糊”特效的三倍左右。高斯模糊：对每个像素进行一定的数学计算后所产生的模糊特效。技术要点：1.这六种模糊滤镜的含义是：放射性模糊：使图像163技术要点：2.“内侧发光”滤镜特效其参数含义如下：

光晕偏移：设置光晕偏移值，数值越大效果越明显。透明度：滤镜颜色的透明度。颜色：应用滤镜的颜色。柔化：边缘的平滑程度。偏移：滤镜在对象所处的位置。技术要点：2.“内侧发光”滤镜特效其参数含义如下：光晕偏164练一练：

请读者自己练习各种模糊特效及“内侧阴影”、“发光”、“投影”、“纯色阴影”等滤镜特效的使用。练一练：请读者自己练习各种模糊特效及“内侧阴影”165操作要点1.调整素材4.3图形特效的设置调整图像的亮度及对比度操作要点1.调整素材4.3图形特效的设置调整图像的亮度及166【任务十一】调整图像的亮度及对比度F打开一幅图【任务十一】调整图像的亮度及对比度F打167操作步骤

1.打开一幅图像并选中该图像，单击“滤镜”文字旁边的“+”号或执行“滤镜→调整颜色→亮度/对比度”命令，为其设置“亮度/对比度”特效，在弹出的“参数设置”对话框中，其中亮度是指对象的明亮程度，对比度是指对象中明暗区域最亮和最暗之间不同亮度层级的测量，差异范围越大代表对比越大，差异范围越小代表对比越小。通过滑块或输入具体的值来调节亮度为60，对比度为25，如图4-51所示。图4-51参数设置操作步骤1.打开一幅图像并选中该图像，单击“滤168操作步骤(续)2.比较原图和效果图的不同，如图4-52，4-53所示。图4-52原图