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

1、 网页制作技术（三剑客）网页制作技术（三剑客）第第 4 课课Fireworks CS3的基本操作的基本操作 学习本章的目的是对学习本章的目的是对 Fireworks CS3有一个有一个基本的认识，熟悉基本的认识，熟悉Fireworks的工作界面和工作的工作界面和工作环境，并掌握一些概念性的内容。环境，并掌握一些概念性的内容。本章主要包括以下各个方面：常用操作、选本章主要包括以下各个方面：常用操作、选择和变形对象、使用文本、使用颜色、笔画和填择和变形对象、使用文本、使用颜色、笔画和填充、使用充、使用URL、图层、合成和蒙版、切片、变换、图层、合成和蒙版、切片、变换图像和热点、使用滤镜和效果。图像

2、和热点、使用滤镜和效果。第第 4 课课 Fireworks CS3的基本操作的基本操作 常用操作常用操作 选择和变形对象选择和变形对象 使用文本使用文本 使用颜色、笔画和填充使用颜色、笔画和填充 使用使用URL、图层、合成和蒙版、切片、图层、合成和蒙版、切片 变换图像和热点变换图像和热点 使用滤镜和效果使用滤镜和效果 本次课知识点本次课知识点1.选择对象选择对象 使用使用“指针指针”工具选择对象工具选择对象 操作要点操作要点 当使用当使用Fireworks CS3Fireworks CS3制作网页图像时，如想对制作网页图像时，如想对某个对象进行操作，首先需要选中该对象，这时需使某个对象进行操作

3、，首先需要选中该对象，这时需使用用“指针指针”工具选中该对象，该对象周围会出现控制工具选中该对象，该对象周围会出现控制点，然后对其进行进一步的操作，例如：移动、旋转、点，然后对其进行进一步的操作，例如：移动、旋转、倾斜、扭曲等等；倾斜、扭曲等等；FF选选择择多多个个对对象象【任务一任务一】使用使用“指针指针”工具选择多个对象工具选择多个对象图 1操作步骤操作步骤1.若要选择多个对象，可按住若要选择多个对象，可按住Shift键不放，单击所选对键不放，单击所选对象，即可实现多个对象的选中，如图象，即可实现多个对象的选中，如图4-2所示。除此方法外，所示。除此方法外，拖动鼠标框选某些对象也可选择相应

4、的对象。拖动鼠标框选某些对象也可选择相应的对象。操作步骤操作步骤(续续)2.使用使用“选择后方对象选择后方对象”工具选择对象工具选择对象 在在“指针指针”工具上单击鼠标左键不放，在弹出菜工具上单击鼠标左键不放，在弹出菜单选择单选择“选择后方对象选择后方对象”工具，如图工具，如图4-3所示。面板上的所示。面板上的图标由图标由“指针指针”工具变为工具变为“选择后方对象选择后方对象”工具。工具。图图4-3 “选择后方对象选择后方对象”工具工具操作步骤操作步骤(续续)3.若多个对象层叠在一起，下方对象被上方对象所遮挡，若多个对象层叠在一起，下方对象被上方对象所遮挡，此时可以使用该工具进行选择。此时可以

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

6、 图图 4-5 选中层叠对象选中层叠对象【任务二任务二】使用使用“部分选定部分选定”工具改变对象的形状工具改变对象的形状1.在菜单单击在菜单单击“部分选定部分选定”工具，鼠标变为白色的箭头，工具，鼠标变为白色的箭头，再单击该对象，四周会出现控制点，将鼠标移到某个控制点再单击该对象，四周会出现控制点，将鼠标移到某个控制点时，鼠标变为不完全箭头，如图时，鼠标变为不完全箭头，如图4-6所示。所示。图图4-6 选中对象选中对象操作步骤操作步骤 2.单击并拖动控制点，弹出如图单击并拖动控制点，弹出如图4-7的对话框，单击的对话框，单击“确确定定”按钮即可。按钮即可。如图如图4-7 警告对话框警告对话框操

7、作步骤操作步骤 1.拖动控制点，可改变对象的形状，如图拖动控制点，可改变对象的形状，如图4-8所示；若所示；若想修改多个控制点，可按住想修改多个控制点，可按住Shift键并单击控制点。键并单击控制点。图图4-8 改变对象形状改变对象形状 1.1.选择像素选择像素 使用使用“矩形选取框矩形选取框”工具选取图片工具选取图片操作要点操作要点 本节读者将学习到如何利用选择工具选择某个对象本节读者将学习到如何利用选择工具选择某个对象的某一个区域。通过本节的学习，读者将会熟练运用的某一个区域。通过本节的学习，读者将会熟练运用“矩形选取框矩形选取框”工具、工具、“椭圆选取框椭圆选取框”工具、工具、“套索套索

8、”工具、工具、“多边形套索多边形套索”工具和工具和“魔术棒魔术棒”工具工具。【任务三任务三】联合使用联合使用“矩形选取框矩形选取框”工具和工具和“椭圆选椭圆选 取框取框”工具选取图片工具选取图片FF选选取取图图片片操作步骤操作步骤 1.开一幅图片，单击矩形开一幅图片，单击矩形“选取框选取框”工具，然后在对象工具，然后在对象上拖动，出现一个虚线矩形框，如图上拖动，出现一个虚线矩形框，如图4-10所示所示。图图4-10 选择区域选择区域操作步骤操作步骤(续续)2.单击椭圆单击椭圆“选取框选取框”工具，按住工具，按住Shift键，在图片上拖键，在图片上拖动鼠标，使之与矩形选区相交，如图动鼠标，使之与

9、矩形选区相交，如图4-11所示所示。图图4-11 选择多个区域图选择多个区域图 操作步骤操作步骤(续续)3.按住按住Alt键，同时拖动鼠标，减小所选区域，如图键，同时拖动鼠标，减小所选区域，如图4-12所示。所示。图图4-12 减小所选区域减小所选区域 操作步骤操作步骤(续续)4.使用使用“套索套索”工具工具“多边形套索多边形套索”工具工具选择图片选择图片 “套索套索”工具可在对象上选择一个不规则的曲工具可在对象上选择一个不规则的曲线图形，快捷键是线图形，快捷键是L。“多边形套索多边形套索”工具与工具与“套套索索”工具均属于一个按钮组，连续按下工具均属于一个按钮组，连续按下L键，可以键，可以在

10、在“套索套索”工具和工具和“多边形套索多边形套索”工具切换。工具切换。“多多边形套索边形套索”工具可在对象上选择一个不规则的多边工具可在对象上选择一个不规则的多边形图形。选中形图形。选中“多边形套索多边形套索”工具，在工作区单击工具，在工作区单击并拖动，工作区中会以读者单击点为起点引出一条并拖动，工作区中会以读者单击点为起点引出一条蓝色的线，在有折点的区域单击，可实现多边形套蓝色的线，在有折点的区域单击，可实现多边形套索功能；当起始点和终止点重合时会封闭路径索功能；当起始点和终止点重合时会封闭路径。练一练：练一练：打开一幅图像，练习使用打开一幅图像，练习使用“套索套索”工具、工具、“多边形套索

11、多边形套索”工具选择工具选择部分部分 图像。图像。使用使用“魔术棒魔术棒”工具选择像素工具选择像素 （1）打开一幅图像，按下）打开一幅图像，按下W键，选择键，选择“魔术棒魔术棒”工具。工具。（2）点击该图像中的黄色部分，所选部分如图）点击该图像中的黄色部分，所选部分如图4-13。（3）“魔术棒魔术棒”工具属性面板中，改变工具属性面板中，改变“容差容差”值为值为84，效果，效果如图如图 4-14所示。所示。图图4-13 “容差容差”值值32 图图4-14“容差容差”值值84操作要点操作要点1.1.变形和扭曲所选对象和选区变形和扭曲所选对象和选区 若需对所选对象进行变形处理，利用工具面板若需对所选

12、对象进行变形处理，利用工具面板上选择上选择“缩放缩放”工具、工具、“倾斜倾斜”工具、工具、“扭曲扭曲”工工具，它们均属于同一个按钮组，其快捷键均为具，它们均属于同一个按钮组，其快捷键均为Q Q 选择选择“缩放缩放”工具、工具、“倾斜倾斜”工工具、具、“扭曲扭曲”工具工具【任务四任务四】变形和扭曲所选对象变形和扭曲所选对象FF打打开开一一幅幅图图像像 1.打开一幅图像，执行打开一幅图像，执行“修改修改变形变形数值变形数值变形”命命令（或按快捷键令（或按快捷键Ctrl+Shift+T），在弹出的对话框下拉菜单），在弹出的对话框下拉菜单中选择中选择“Resize”，如图，如图4-16所示，在文本框中

13、输入数值所示，在文本框中输入数值（如果选择（如果选择“约束比例约束比例”复选框，图像会等比例缩放）。复选框，图像会等比例缩放）。操作步骤操作步骤图图4-16 数值变形数值变形操作步骤操作步骤(续续)2.选中该图片，单击选中该图片，单击“缩放缩放”工具按钮，此时图像四工具按钮，此时图像四周显示控制点，中央显示中心点，如图周显示控制点，中央显示中心点，如图4-17所示。所示。图图4-17 “缩放缩放”工具工具 3.将鼠标移动到对象的四个控制点上的其中一个，光标变将鼠标移动到对象的四个控制点上的其中一个，光标变为双箭头后，拖动鼠标即可等比例缩放对象。若想水平或垂直为双箭头后，拖动鼠标即可等比例缩放对

14、象。若想水平或垂直缩放对象，可用同样的方法单击其他控制点。缩放对象，可用同样的方法单击其他控制点。操作步骤操作步骤(续续)4.选择选择“倾斜倾斜”工具，将鼠标移动到边控制点，鼠标变为工具，将鼠标移动到边控制点，鼠标变为与边手柄平行的双箭头，上下拖拽，如图与边手柄平行的双箭头，上下拖拽，如图4-18所示。所示。图图4-18 倾斜倾斜 操作步骤操作步骤(续续)5.选择选择“扭曲扭曲”工具，将鼠标移动到角控制点，鼠标变为工具，将鼠标移动到角控制点，鼠标变为双箭头并拖动，发生如图双箭头并拖动，发生如图4-19所示的效果。所示的效果。图图4-19 扭曲扭曲 操作步骤操作步骤(续续)另外，若想输入确定的值

15、以改变对象的大小，也可在属另外，若想输入确定的值以改变对象的大小，也可在属性面板中输入确定的宽高数值，如图性面板中输入确定的宽高数值，如图4-20所示；所示；图图4-20 改变对象大小改变对象大小【任务五任务五】变形和扭曲所选对象变形和扭曲所选对象 FF具体步骤见书具体步骤见书 操作要点操作要点1.1.使用图层使用图层创建新文档时，默认会自动创建创建新文档时，默认会自动创建“网页层网页层”和和“层层1 1 图层给图像的编辑带来的巨大的便利，是图形图图层给图像的编辑带来的巨大的便利，是图形图像软件中的一次大的革新。层可被认为多个立体的像软件中的一次大的革新。层可被认为多个立体的平面，不同层位于不

16、同的平面上，可方便的对某一平面，不同层位于不同的平面上，可方便的对某一层进行操作而不影响其它层的使用。层进行操作而不影响其它层的使用。【任务六任务六】制作微波炉制作微波炉 FF制制作作微微波波炉炉 操作步骤操作步骤 1.新建一幅图像，背景色为白色。按下键盘上的新建一幅图像，背景色为白色。按下键盘上的O键，选键，选择择“矩形矩形”工具。在矩形工具的属性面板中，选择填充色为工具。在矩形工具的属性面板中，选择填充色为无，边框色为褐色，线框的粗细为无，边框色为褐色，线框的粗细为3个像素，如图个像素，如图4-22所示。所示。图图4-22 调整调整“矩形矩形”工具的属性工具的属性操作步骤操作步骤(续续)2

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

18、并将该位图命名为用同样的方法绘制一个内框，并将该位图命名为“内框内框”，如，如图图4-23所示。所示。图图4-23 绘制内、外框绘制内、外框操作步骤操作步骤(续续)4.单击紧邻该层左侧的方块，此时，该方块中呈现锁头形单击紧邻该层左侧的方块，此时，该方块中呈现锁头形状时，该层被锁定，这意味着层中存放的状时，该层被锁定，这意味着层中存放的“外框外框”、“内内框框”2个对象被一起锁定。如需解锁，可再次单击该层左侧个对象被一起锁定。如需解锁，可再次单击该层左侧的方块。的方块。操作步骤操作步骤(续续)5.单击层面板下方的单击层面板下方的 按钮，或执行按钮，或执行“编辑编辑插入插入层层”命令（快捷键命令（

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

20、中选中“仪表仪表”层，利用层，利用“矩形矩形”工具在图形中再作工具在图形中再作10个矩形，如图个矩形，如图4-25所示。所示。图图4-25 最终效果最终效果操作步骤操作步骤(续续)7.按住按住Shfit键，分别点击键，分别点击“仪表仪表”层中的第一个和最后一层中的第一个和最后一个位图，此时选定了整个个位图，此时选定了整个“仪表仪表”层。单击层面板选项菜单层。单击层面板选项菜单的的“平面化所选平面化所选”命令，或执行命令，或执行“修改修改平面化所选平面化所选”命令，命令，将这将这9个位图合并成一个图，如图个位图合并成一个图，如图4-26所示。所示。图图4-26 层面板菜单层面板菜单操作步骤操作步

21、骤(续续)8.选中选中“框架框架”层，单击层，单击 按钮折叠该层，折叠后文件按钮折叠该层，折叠后文件夹为关闭状态夹为关闭状态 。若需要查看该层中的内容，可以再次单击。若需要查看该层中的内容，可以再次单击按钮可展开层，展开后文件夹为打开状态按钮可展开层，展开后文件夹为打开状态 。9.点击点击“仪表仪表”层，单击层面板选项菜单的层，单击层面板选项菜单的“向下合并向下合并”命令，或单击命令，或单击“修改修改”菜单菜单-“向下合并向下合并”命令，将该图形合命令，将该图形合并。并。技术要点：技术要点：1.若要新建子层，可选中该层为活动层，单击层若要新建子层，可选中该层为活动层，单击层面板的选项菜单，选择

22、面板的选项菜单，选择“新建子层新建子层”命令，弹出命令，弹出“添添加子层加子层”对话框，输入层名称，单击对话框，输入层名称，单击“确定确定”按钮。按钮。2.若要删除某层，可选中该层，单击若要删除某层，可选中该层，单击 按钮即可。按钮即可。3.若需改变图像缩略图的大小，可在层面板的选若需改变图像缩略图的大小，可在层面板的选项菜单中选择项菜单中选择“缩略图选项缩略图选项”，弹出，弹出“缩略图选项缩略图选项”对话框，选择一个适合的缩略图后单击对话框，选择一个适合的缩略图后单击“确定确定”按钮。按钮。4.若需更改层的顺序，可将该层拖动到相应位置。若需更改层的顺序，可将该层拖动到相应位置。若需移动层中对

23、象，方法相同。若需移动层中对象，方法相同。5.除了锁定层以外，读者还可隐藏某些图层，使除了锁定层以外，读者还可隐藏某些图层，使其暂时不显示在工作区上。其暂时不显示在工作区上。操作要点操作要点 1.1.使用蒙板使用蒙板 “蒙版蒙版”又称又称“遮罩遮罩”，读者可将，读者可将“蒙版蒙版”理解掩盖位图的某一部分使其不完全显示的工理解掩盖位图的某一部分使其不完全显示的工具。具。Fireworks CS3Fireworks CS3提供了强大的提供了强大的“蒙版蒙版”功能。功能。【任务七任务七】使用使用“粘贴为蒙版粘贴为蒙版”命令遮罩图片命令遮罩图片 FF遮罩图片遮罩图片操作步骤操作步骤1.打开一幅位图，如

24、图打开一幅位图，如图4-28所示。所示。图图4-28 原始位图原始位图操作步骤操作步骤(续续)2.使用工具栏中的使用工具栏中的“矩形矩形”工具，在位图上任意拖放出一工具，在位图上任意拖放出一个矩形，填充颜色和边框颜色任意，如图个矩形，填充颜色和边框颜色任意，如图4-29，4-30所示，所示，此时层面板中有此时层面板中有2个对象，一个位图对象，一个矩形对象，个对象，一个位图对象，一个矩形对象，如图如图4-31所示。若有必要，可适当调整矩形的位置。所示。若有必要，可适当调整矩形的位置。图图4-29 矩形工具矩形工具 图图4-30 绘制矩形绘制矩形 图图4-31 层面板层面板 操作步骤操作步骤(续续

25、)4.选中层面板的位图所在的层，使其成为活动层（高亮显选中层面板的位图所在的层，使其成为活动层（高亮显示）。执行示）。执行“编辑编辑粘贴为蒙版粘贴为蒙版”命令（快捷键命令（快捷键Ctrl+Alt+V）。）。观察层面板，如图观察层面板，如图4-32所示，在位图缩略图的右边有一个所示，在位图缩略图的右边有一个“蒙版蒙版”的缩略图，表示该位图受到了蒙版的作用。的缩略图，表示该位图受到了蒙版的作用。图图4-32 层面板层面板 3.使用使用“指针指针”工具选中该矢量矩形，执行工具选中该矢量矩形，执行“编辑编辑剪切剪切”命令，将图像移动到剪贴板上（或按快捷键命令，将图像移动到剪贴板上（或按快捷键Ctrl+

26、X）。）。【任务八任务八】使用使用“粘贴于内部粘贴于内部”命令遮罩图片命令遮罩图片 FF“粘粘贴贴于于内内部部”命命令令操作步骤操作步骤1.打开一幅位图，如图打开一幅位图，如图4-33所示。所示。图图4-33 打开位图打开位图 操作步骤操作步骤(续续)2.在该位图上任意拖放出一个矢量五角星，并用前面所在该位图上任意拖放出一个矢量五角星，并用前面所学的知识适当调节五角星的大小、位置，填充颜色和边框颜学的知识适当调节五角星的大小、位置，填充颜色和边框颜色随意，如图色随意，如图4-34所示。所示。图图4-34 绘制五角星绘制五角星 3.选中位图，执行选中位图，执行“编辑编辑剪切剪切”命令，将图片剪切

27、。命令，将图片剪切。操作步骤操作步骤(续续)4.选中五角星，执行选中五角星，执行“编辑编辑粘贴为蒙版粘贴为蒙版”命令（快捷键命令（快捷键Ctrl+Shift+V），将位图嵌入到五角星中，如图），将位图嵌入到五角星中，如图4-35所示。所示。图图4-35 粘贴于内部粘贴于内部 操作步骤操作步骤(续续)此时，层面板如此时，层面板如4-36所示所示 图4-36 层面板 “粘贴为蒙版粘贴为蒙版”和和“粘贴于内部粘贴于内部”所实现的效果相所实现的效果相同，但是操作步骤不同，读者可根据实际情况任意选择。同，但是操作步骤不同，读者可根据实际情况任意选择。练一练：练一练：利用文字制作蒙版：利用文字制作蒙版：应

28、用文本蒙版和上面所介绍的应用矢量蒙版操应用文本蒙版和上面所介绍的应用矢量蒙版操作方法类似，图作方法类似，图4-37，4-38为原图和效果图，请完为原图和效果图，请完成图成图4-38的效果。的效果。图图4-37 原图原图 图图4-38 蒙版效果图蒙版效果图 操作要点操作要点1.1.使用斜角和浮雕、模糊等滤镜使用斜角和浮雕、模糊等滤镜 执行执行“斜角与浮雕斜角与浮雕内斜角内斜角”命令，弹出命令，弹出参数对话框。参数对话框。滤镜可以改善并增强图像的效果。滤镜可以改善并增强图像的效果。Fireworks CS3Fireworks CS3中常用的中常用的滤镜可以对斜角、阴影、模糊等效果，还提供了色阶、色

29、相、滤镜可以对斜角、阴影、模糊等效果，还提供了色阶、色相、对比度、亮度、饱和度等参数对图像进行调节。本节学习滤对比度、亮度、饱和度等参数对图像进行调节。本节学习滤镜的使用方法，使用滤镜可以创作出许多丰富多彩的特效。镜的使用方法，使用滤镜可以创作出许多丰富多彩的特效。滤镜被应用在文字、位图图像、矢量图像上，编辑滤镜的方滤镜被应用在文字、位图图像、矢量图像上，编辑滤镜的方法也很简便。法也很简便。Fireworks CS3Fireworks CS3提供了许多滤镜特效，此外还可提供了许多滤镜特效，此外还可使用第三方软件开发商开发的滤镜插件。使用第三方软件开发商开发的滤镜插件。【任务九任务九】制作制作3

30、D按钮按钮FF制制作作3D按按钮钮操作步骤操作步骤 1.打开一幅图像并选中该图像，在其打开一幅图像并选中该图像，在其“属性属性”面板中面板中单击滤镜右侧的单击滤镜右侧的“+”号，执行号，执行“斜角与浮雕斜角与浮雕内斜角内斜角”命命令，弹出参数对话框，如图令，弹出参数对话框，如图4-39所示。所示。图图4-39 设置参数设置参数操作步骤操作步骤(续续)2.设置参数，如图设置参数，如图4-40所示，查看最终效果，如图所示，查看最终效果，如图4-41所示。所示。图图4-40 设置内斜角的参数设置内斜角的参数 图图4-41 最终效果最终效果 技术要点：技术要点：斜角特效主要表现在边缘倒角的凸出，相关参

31、数含斜角特效主要表现在边缘倒角的凸出，相关参数含义如下：义如下：宽度：调节斜角的宽度。宽度：调节斜角的宽度。对比度：调节对象和斜角部分颜色的对比色。对比度：调节对象和斜角部分颜色的对比色。柔化：调节斜角的柔化度。柔化：调节斜角的柔化度。角度：调节斜角应用的角度。角度：调节斜角应用的角度。斜角边缘形状：斜角边缘形状：Flat（平坦）、（平坦）、Smooth（平滑）、（平滑）、Sloped（斜坡）、（斜坡）、Frame1（第一帧）、（第一帧）、Frame2（第二帧）、（第二帧）、Ring（环状）、（环状）、Ruffle（皱纹）。（皱纹）。【任务十任务十】对图片进行模糊处理对图片进行模糊处理效果如图

32、效果如图 FF操作步骤操作步骤 1.打开一幅图像，在打开一幅图像，在“属性属性”面板中，单击面板中，单击“滤镜滤镜”文字旁边的文字旁边的“+”号或执行号或执行“滤镜滤镜模糊模糊”命令，弹出滤镜命令，弹出滤镜菜单。从中选择菜单。从中选择“模糊模糊放射状模糊放射状模糊”命令后，会弹出设命令后，会弹出设置参数对话框。置参数对话框。2.为该图像在加入一个为该图像在加入一个“凹入浮雕凹入浮雕”滤镜。滤镜。操作步骤操作步骤(续续)3.设置完成后，在窗口外单击或按设置完成后，在窗口外单击或按“Enter”按钮关闭窗口，按钮关闭窗口，在列表中会显示该对象所应用的所有滤镜，如图在列表中会显示该对象所应用的所有滤

33、镜，如图4-46所示。所示。Fireworks CS3支持滤镜的叠加，即可为同一个对象设置多个支持滤镜的叠加，即可为同一个对象设置多个滤镜特效，也可重复使用同一种滤镜特效，设置后的特效如图滤镜特效，也可重复使用同一种滤镜特效，设置后的特效如图4-47所示。若想删除某个滤镜，可单击所示。若想删除某个滤镜，可单击“-”号按钮。号按钮。图图4-46 查看所应用的滤镜查看所应用的滤镜 4.双击列表框内相应的滤镜，弹出参数对话框进行修改双击列表框内相应的滤镜，弹出参数对话框进行修改 配置。配置。操作步骤操作步骤(续续)5.单击单击“凹入浮雕凹入浮雕”滤镜特效左侧的滤镜特效左侧的“”按钮，变为按钮，变为“

34、”后，隐藏后，隐藏“凹入浮雕凹入浮雕”滤镜特效，如图滤镜特效，如图4-48所示。所示。图图4-47 效果图效果图 图图4-48 应用应用/撤销滤镜撤销滤镜 技术要点：技术要点：1.这六种模糊滤镜的含义是：这六种模糊滤镜的含义是：放射性模糊：使图像产生旋转式的抖动。放射性模糊：使图像产生旋转式的抖动。模糊：柔化所选像素的焦点。模糊：柔化所选像素的焦点。缩放模糊：使图像产生由远及近或由近及远的视缩放模糊：使图像产生由远及近或由近及远的视觉特效。觉特效。进一步模糊：处理效果是进一步模糊：处理效果是“模糊模糊”特效的三倍左右。特效的三倍左右。高斯模糊：对每个像素进行一定的数学计算高斯模糊：对每个像素进

35、行一定的数学计算后所产生的模糊特效。后所产生的模糊特效。技术要点：技术要点：2.“内侧发光内侧发光”滤镜特效其参数含义如下：滤镜特效其参数含义如下：光晕偏移：设置光晕偏移值，数值越大效果越明显。光晕偏移：设置光晕偏移值，数值越大效果越明显。透明度：滤镜颜色的透明度。透明度：滤镜颜色的透明度。颜色：应用滤镜的颜色。颜色：应用滤镜的颜色。柔化：边缘的平滑程度。柔化：边缘的平滑程度。偏移：滤镜在对象所处的位置。偏移：滤镜在对象所处的位置。练一练：练一练：请读者自己练习各种模糊特效及请读者自己练习各种模糊特效及“内侧阴影内侧阴影”、“发发光光”、“投影投影”、“纯色阴影纯色阴影”等滤镜特效的使用。等滤

36、镜特效的使用。操作要点操作要点1.1.调整素材调整素材调整图像的亮度及对比度调整图像的亮度及对比度【任务十一任务十一】调整图像的亮度及对比度调整图像的亮度及对比度FF打打开开一一幅幅图图 操作步骤操作步骤 1.打开一幅图像并选中该图像，单击打开一幅图像并选中该图像，单击“滤镜滤镜”文字旁文字旁边的边的“+”号或执行号或执行“滤镜滤镜调整颜色调整颜色亮度亮度/对比度对比度”命令，命令，为其设置为其设置“亮度亮度/对比度对比度”特效，在弹出的特效，在弹出的“参数设置参数设置”对对话框中，其中亮度是指对象的明亮程度，对比度是指对象话框中，其中亮度是指对象的明亮程度，对比度是指对象中明暗区域最亮和最暗

37、之间不同亮度层级的测量，差异范中明暗区域最亮和最暗之间不同亮度层级的测量，差异范围越大代表对比越大，差异范围越小代表对比越小。通过围越大代表对比越大，差异范围越小代表对比越小。通过滑块或输入具体的值来调节亮度为滑块或输入具体的值来调节亮度为60，对比度为，对比度为25，如图，如图4-51所示。所示。图图4-51 参数设置参数设置操作步骤操作步骤(续续)2.比较原图和效果图的不同，如图比较原图和效果图的不同，如图4-52，4-53所示。所示。图图4-52 原图原图 图图4-53 “亮度亮度/对比度对比度”命令命令 技术要点：技术要点：在在Fireworks CS3中，提供了七种调整颜色命令，分别

38、中，提供了七种调整颜色命令，分别是：是：“亮度亮度/对比度对比度”、“反转反转”、“曲线曲线”、“自动色阶自动色阶”、“色相色相/饱和度饱和度”、“色阶色阶”和和“颜色填充颜色填充”,含义分别如下：含义分别如下：1.反转反转”特效可使对象的颜色反白，比较原图和效果图的不特效可使对象的颜色反白，比较原图和效果图的不同，如图同，如图4-54，4-55所示所示 图图4-54 原图原图 图图4-55 “反转反转”效果效果 技术要点：技术要点：2.色阶又称色彩指数，该特效可调节对象亮度强弱的指数，色阶又称色彩指数，该特效可调节对象亮度强弱的指数，图像的色彩丰满度和精细度是由色阶决定的，如图图像的色彩丰满

39、度和精细度是由色阶决定的，如图4-56所示。所示。输入色阶是指图像的亮度，从左到右依次是输入色阶是指图像的亮度，从左到右依次是“最小强度最小强度”、“灰度级别灰度级别”、“最大强度最大强度”。输出色阶是设置输出的最小。输出色阶是设置输出的最小强度和最大强度。原图和效果图的不同，如图强度和最大强度。原图和效果图的不同，如图4-57，4-58所所示。示。图图4-56 色阶面板色阶面板图图4-57 原图原图 图图4-58 调整图像的色阶后调整图像的色阶后技术要点：技术要点：3.色相是各类色彩的相貌称谓，可改变对象的冷暖色调；色相是各类色彩的相貌称谓，可改变对象的冷暖色调；饱和度是彩色强度的浓度。原图

40、和效果图，如图饱和度是彩色强度的浓度。原图和效果图，如图4-59，4-60所所示。示。图图4-61 调整调整“色相色相/饱和度饱和度”图图4-60 原图原图 技术要点：技术要点：4.“颜色填充颜色填充”特效，可使对象和所选颜色在某种混合模式特效，可使对象和所选颜色在某种混合模式下融为一体，调节图像的混合模式，颜色和透明度。原图和效下融为一体，调节图像的混合模式，颜色和透明度。原图和效果图，如图果图，如图4-61，4-62所示。所示。图图4-62“颜色填充颜色填充”效果效果图图4-61 原图原图 操作要点操作要点1.1.样式与形状样式与形状“样式样式”面板位于面板位于AssetsAssets面板

41、组中面板组中 “样式样式”面板为用户提供了许多自带的样式特效，可直面板为用户提供了许多自带的样式特效，可直接使用在设计的图像中；也可自己设计个性化的样式特效，接使用在设计的图像中；也可自己设计个性化的样式特效，并将其保存为样式，以便日后设计时使用，大大提高了工并将其保存为样式，以便日后设计时使用，大大提高了工作的效率。作的效率。“形状形状”面板同样也位于面板同样也位于AssetsAssets面板组中面板组中【任务十二任务十二】快速改变网页中文字的表现形式快速改变网页中文字的表现形式使使用用文文字字工工具具输输入入文文本本FF操作步骤操作步骤 1.使用文字工具使用文字工具 在工作区中输入在工作区

42、中输入“网页制作三剑网页制作三剑客客”7个字，并适当调节字号、字体、颜色等属性，如图个字，并适当调节字号、字体、颜色等属性，如图4-64所示。所示。图图4-64 输入的文字输入的文字操作步骤操作步骤(续续)2.为该文字任意选择一种样式，查看生成的效果，如图为该文字任意选择一种样式，查看生成的效果，如图4-65所示。所示。图图4-65 生成的效果生成的效果操作步骤操作步骤(续续)3.在滤镜列表框中，会出现多个滤镜特效，如图在滤镜列表框中，会出现多个滤镜特效，如图4-66所所示。双击某个滤镜，调节其参数。此时，示。双击某个滤镜，调节其参数。此时，“样式样式”面板内的面板内的样式将不受影响。样式将不

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

44、要点：Fireworks Cs3中的样式是有限的，所以有时为了提中的样式是有限的，所以有时为了提高工作的效率和保持网站的风格统一会自定义一些样式，高工作的效率和保持网站的风格统一会自定义一些样式，以方便其他开发人员的使用和团队的合作开发，具体方法以方便其他开发人员的使用和团队的合作开发，具体方法如下：如下：1.创建和删除自定义样式创建和删除自定义样式 3.导入导入/导出样式导出样式 2.编辑样式编辑样式 4.“文字文字”工具的属性面板，如图工具的属性面板，如图4-68所示所示 图图4-68 “文字文字”工具的属性工具的属性【任务十三任务十三】为为fireworks文件中添加时钟文件中添加时钟时

45、时钟钟FF操作步骤操作步骤 1.打开一个打开一个fireworks文件，打开形状面板并将时钟图样文件，打开形状面板并将时钟图样拖动到工作区中，如图拖动到工作区中，如图4-70所示。所示。图图4-70 时钟时钟 操作步骤操作步骤(续续)2,选中该时钟，拖动时针、分针可调节时钟的时间，选中该时钟，拖动时针、分针可调节时钟的时间，如图如图4-71所示。或单击时钟中心，弹出如图所示。或单击时钟中心，弹出如图4-72所示的对所示的对话框，输入时间即可。话框，输入时间即可。图图4-71 调整时间调整时间 图图4-72 调整时间调整时间操作要点操作要点1.1.绘制工具的使用绘制工具的使用 提供了提供了“直线

46、直线”工具、工具、“钢笔钢笔”工具、工具、“矩形矩形”工具、工具、“多边形多边形”工工具等具等 在在Fireworks CS3Fireworks CS3中，提供了矢量面板组，可中，提供了矢量面板组，可以通过多种绘制工具绘制矢量图，如以通过多种绘制工具绘制矢量图，如“直线直线”工工具、具、“钢笔钢笔”工具、工具、“矩形矩形”工具、工具、“多边形多边形”工具等；并且还可以修改矢量图的形状、对其进工具等；并且还可以修改矢量图的形状、对其进行自由变形，如图行自由变形，如图4-734-73所示。所示。【任务十四任务十四】绘制五角星绘制五角星绘绘制制五五角角星星FF操作步骤操作步骤 1.单击单击“矩形矩形

47、”工具，选择弹出菜单中的工具，选择弹出菜单中的“Star”工具，工具，如图如图4-74所示。所示。图图4-74 “五角星五角星”工具工具操作步骤操作步骤(续续)2.调节笔触颜色为调节笔触颜色为#0000FF，填充颜色为，填充颜色为#0099FF，笔尖大小为笔尖大小为10px，更多的属性参看如图，更多的属性参看如图4-75所示。所示。图图4-75 “五角星五角星”属性属性操作步骤操作步骤(续续)3.在工作区中绘制五角星，如图在工作区中绘制五角星，如图4-76所示，选中该图所示，选中该图形，调节黄色菱形的位置，改变该图形的样式。形，调节黄色菱形的位置，改变该图形的样式。图图4-76 绘制的五角星绘

48、制的五角星 4.单击单击“部分选定部分选定”工具，将鼠标移动到该五角星的某工具，将鼠标移动到该五角星的某个端点，当鼠标变成小箭头时，拖动鼠标，可以改变五角个端点，当鼠标变成小箭头时，拖动鼠标，可以改变五角星的形状。星的形状。操作要点操作要点1.1.绘制路径对象绘制路径对象 Fireworks CS3Fireworks CS3提供了强大的绘图工具，提供了强大的绘图工具，通过使用这些工具可以完成非常复杂的图像。通过使用这些工具可以完成非常复杂的图像。【任务十五任务十五】绘制绘制QQ企鹅企鹅FF绘绘制制qqqq企企鹅鹅 操作步骤操作步骤 2.同理再绘制另外一个大小为同理再绘制另外一个大小为16515

49、0像素的椭圆，像素的椭圆，使其与上面的椭圆部分重叠，这样大致得到了使其与上面的椭圆部分重叠，这样大致得到了“企鹅企鹅”的头部和肚子，如图的头部和肚子，如图5-77所示。所示。图图5-77 绘制绘制“企鹅企鹅”的头部和肚子的头部和肚子 1.新建一个大小为新建一个大小为350350像素的图像，背景为白色。像素的图像，背景为白色。然后使用工具箱上的然后使用工具箱上的“椭圆椭圆”工具绘制一个大小为工具绘制一个大小为140115的椭圆，设置填充色为黑色。的椭圆，设置填充色为黑色。操作步骤操作步骤(续续)3.接着绘制接着绘制“企鹅企鹅”的两只翅膀。首先绘制一个大小为的两只翅膀。首先绘制一个大小为12050

50、像素的椭圆，然后使用工具箱上的像素的椭圆，然后使用工具箱上的“次选择次选择”工工具（即具（即“部分选择部分选择”工具）对椭圆的几个节点进行调整，工具）对椭圆的几个节点进行调整，使得椭圆变成使得椭圆变成“翅膀翅膀”的样子，如图的样子，如图5-78所示。所示。图图5-78 绘制绘制“企鹅企鹅”的翅膀的翅膀操作步骤操作步骤(续续)4.选中该椭圆，点击工具箱上的选中该椭圆，点击工具箱上的“缩放缩放”工具将其旋转，工具将其旋转，并放置到图像适当的位置，如图并放置到图像适当的位置，如图5-79所示。所示。图图5-79 旋转旋转“企鹅企鹅”的翅膀的翅膀 操作步骤操作步骤(续续)5.选中变形后的椭圆，复制该椭