《网页制作技术教学课件作者三剑客电子教案及素材教学课件作者刘子轶第4章》由会员分享，可在线阅读，更多相关《网页制作技术教学课件作者三剑客电子教案及素材教学课件作者刘子轶第4章（104页珍藏版）》请在金锄头文库上搜索。
1、网页制作技术（三剑客）,第 4 课 Fireworks CS3的基本操作,学习本章的目的是对 Fireworks CS3有一个基本的认识，熟悉Fireworks的工作界面和工作环境，并掌握一些概念性的内容。 本章主要包括以下各个方面：常用操作、选择和变形对象、使用文本、使用颜色、笔画和填充、使用URL、图层、合成和蒙版、切片、变换图像和热点、使用滤镜和效果。,第 4 课 Fireworks CS3的基本操作,常用操作 选择和变形对象 使用文本 使用颜色、笔画和填充 使用URL、图层、合成和蒙版、切片 变换图像和热点 使用滤镜和效果,本次课知识点,1. 选择对象 使用“指针”工具选择对象,4.1
2、 选择和变形对象,操作要点,当使用Fireworks CS3制作网页图像时，如想对某个对象进行操作，首先需要选中该对象，这时需使用“指针”工具选中该对象，该对象周围会出现控制点，然后对其进行进一步的操作，例如：移动、旋转、倾斜、扭曲等等；,F,选择多个对象,【任务一】使用“指针”工具选择多个对象,图 1,操作步骤,1.若要选择多个对象，可按住Shift键不放，单击所选对象，即可实现多个对象的选中，如图4-2所示。除此方法外，拖动鼠标框选某些对象也可选择相应的对象。,操作步骤(续),2.使用“选择后方对象”工具选择对象 在“指针”工具上单击鼠标左键不放，在弹出菜单选择“选择后方对象”工具，如图4
3、-3所示。面板上的图标由“指针”工具变为“选择后方对象”工具。 图4-3 “选择后方对象”工具,操作步骤(续),3.若多个对象层叠在一起，下方对象被上方对象所遮挡， 此时可以使用该工具进行选择。 如图4-4所示，3个对象层叠在一起。,图4-4 层叠的对象图,操作步骤(续),4 .“选择后方对象”工具的使用方法是：在层叠的对象上反复单击，以层叠的顺序自上而下地通过对象，直到选中所需对象。如图4-4所示，若读者想选中箭头对象（位于第二层），在层叠对象上单击鼠标2次，该对象被选中，如图4-5所示。 图4-4 层叠的对象图 图 4-5 选中层叠对象,【任务二】使用“部分选定”工具改变对象的形状,1.
4、在菜单单击“部分选定”工具，鼠标变为白色的箭头，再单击该对象，四周会出现控制点，将鼠标移到某个控制点时，鼠标变为不完全箭头，如图4-6所示。,图4-6 选中对象,操作步骤,2.单击并拖动控制点，弹出如图4-7的对话框，单击“确定”按钮即可。,如图4-7 警告对话框,操作步骤,1.拖动控制点，可改变对象的形状，如图4-8所示；若想修改多个控制点，可按住Shift键并单击控制点。 图4-8 改变对象形状,1.选择像素 使用“矩形选取框”工具选取图片,操作要点,4.1 选择和变形对象,本节读者将学习到如何利用选择工具选择某个对象的某一个区域。通过本节的学习，读者将会熟练运用“矩形选取框”工具、“椭圆
5、选取框”工具、“套索”工具、“多边形套索”工具和“魔术棒”工具。,【任务三】 联合使用 “矩形选取框”工具和“椭圆选 取框”工具选取图片,F,选 取 图 片,操作步骤,1.开一幅图片，单击矩形“选取框”工具，然后在对象上拖动，出现一个虚线矩形框，如图4-10所示。,图4-10 选择区域,操作步骤(续),2.单击椭圆“选取框”工具，按住Shift键，在图片上拖动鼠标，使之与矩形选区相交，如图4-11所示。,图4-11 选择多个区域图,操作步骤(续),3.按住Alt键，同时拖动鼠标，减小所选区域，如图4-12所示。,图4-12 减小所选区域,操作步骤(续),4.使用“套索”工具,“多边形套索”工具
6、,选择图片,“套索”工具可在对象上选择一个不规则的曲线图形，快捷键是L。“多边形套索”工具与“套索”工具均属于一个按钮组，连续按下L键，可以在“套索”工具和“多边形套索”工具切换。“多边形套索”工具可在对象上选择一个不规则的多边形图形。选中“多边形套索”工具，在工作区单击并拖动，工作区中会以读者单击点为起点引出一条蓝色的线，在有折点的区域单击，可实现多边形套索功能；当起始点和终止点重合时会封闭路径。,练一练：,打开一幅图像，练习使用“套索”工具、“多边形套索”工具选择部分 图像。 使用“魔术棒”工具选择像素 （1）打开一幅图像，按下W键，选择“魔术棒”工具。 （2）点击该图像中的黄色部分，所选
7、部分如图4-13。 （3）“魔术棒”工具属性面板中，改变“容差”值为84，效果如图 4-14所示。,图4-13 “容差”值32 图4-14 “容差”值84,操作要点,4.1 选择和变形对象,1.变形和扭曲所选对象和选区,若需对所选对象进行变形处理，利用工具面板上选择“缩放”工具、“倾斜”工具、“扭曲”工具，它们均属于同一个按钮组，其快捷键均为Q,选择“缩放”工具、“倾斜”工具、“扭曲”工具,【任务四】变形和扭曲所选对象,F,打 开 一 幅 图 像,1.打开一幅图像，执行“修改变形数值变形”命令（或按快捷键Ctrl+Shift+T），在弹出的对话框下拉菜单中选择“Resize”，如图4-16所示
8、，在文本框中输入数值（如果选择“约束比例”复选框，图像会等比例缩放）。,操作步骤,图4-16 数值变形,操作步骤(续),2.选中该图片，单击“缩放”工具按钮，此时图像四周显示控制点，中央显示中心点，如图4-17所示。,图4-17 “缩放”工具,3.将鼠标移动到对象的四个控制点上的其中一个，光标变为双箭头后，拖动鼠标即可等比例缩放对象。若想水平或垂直缩放对象，可用同样的方法单击其他控制点。,操作步骤(续),4.选择“倾斜”工具，将鼠标移动到边控制点，鼠标变为与边手柄平行的双箭头，上下拖拽，如图4-18所示。,图4-18 倾斜,操作步骤(续),5.选择“扭曲”工具，将鼠标移动到角控制点，鼠标变为双
9、箭头并拖动，发生如图4-19所示的效果。,图4-19 扭曲,操作步骤(续),另外，若想输入确定的值以改变对象的大小，也可在属性面板中输入确定的宽高数值，如图4-20所示；,图4-20 改变对象大小,【任务五】变形和扭曲所选对象,F,具体步骤见书,操作要点,4.2 图层与蒙板,1.使用图层,创建新文档时，默认会自动创建“网页层”和“层1,图层给图像的编辑带来的巨大的便利，是图形图像软件中的一次大的革新。层可被认为多个立体的平面，不同层位于不同的平面上，可方便的对某一层进行操作而不影响其它层的使用。,【任务六】制作微波炉,F,制作微波炉,操作步骤,1.新建一幅图像，背景色为白色。按下键盘上的O键，
10、选择“矩形”工具。在矩形工具的属性面板中，选择填充色为无，边框色为褐色，线框的粗细为3个像素，如图4-22所示。,图4-22 调整“矩形”工具的属性,操作步骤(续),2.在画布上绘制一个外框，选中该对象并利用“部分选择工具”调整其大小。执行“窗口层”命令，打开层面板。在该面板中出现一个新层，默认名为矩形。单击该层，该层高亮显示，表示此层为活动层。,操作步骤(续),3.在层1内的“矩形”字样上双击，弹出对话框，输入文字“外框”，按下回车键确认。此时，该位图被命名为“外框”。用同样的方法绘制一个内框，并将该位图命名为“内框”，如图4-23所示。,图4-23 绘制内、外框,操作步骤(续),4.单击紧
11、邻该层左侧的方块，此时，该方块中呈现锁头形状时，该层被锁定，这意味着层中存放的“外框”、“内框”2个对象被一起锁定。如需解锁，可再次单击该层左侧的方块。,操作步骤(续),5.单击层面板下方的 按钮，或执行“编辑插入层”命令（快捷键Shift+L），或单击图层面板的选项菜单，选择“新建层”命令。添加图层后，Fireworks CS3会在当前所选的图层上方新建一个空白层，层的默认名称为“层2”，新建的图层默认为活动层，高亮显示。双击“层2”的字样，将此层命名为“仪表”。双击“层1”的字样，将此层命名为“框架”，如图4-24所示。,图4-24 新建层、改层名,操作步骤(续),6.选中“仪表”层，利用
12、“矩形”工具在图形中再作10个矩形，如图4-25所示。,图4-25 最终效果,操作步骤(续),7.按住Shfit键，分别点击“仪表”层中的第一个和最后一个位图，此时选定了整个“仪表”层。单击层面板选项菜单的“平面化所选”命令，或执行“修改平面化所选”命令，将这9个位图合并成一个图，如图4-26所示。,图4-26 层面板菜单,操作步骤(续),8.选中“框架”层，单击 按钮折叠该层，折叠后文件夹为关闭状态 。若需要查看该层中的内容，可以再次单击按钮可展开层，展开后文件夹为打开状态 。,9.点击“仪表”层，单击层面板选项菜单的“向下合并”命令，或单击“修改”菜单-“向下合并”命令，将该图形合并。,技
13、术要点：,1.若要新建子层，可选中该层为活动层，单击层面板的选项菜单，选择“新建子层”命令，弹出“添加子层”对话框，输入层名称，单击“确定”按钮。 2.若要删除某层，可选中该层，单击 按钮即可。 3.若需改变图像缩略图的大小，可在层面板的选项菜单中选择“缩略图选项”，弹出“缩略图选项”对话框，选择一个适合的缩略图后单击“确定”按钮。 4.若需更改层的顺序，可将该层拖动到相应位置。若需移动层中对象，方法相同。 5.除了锁定层以外，读者还可隐藏某些图层，使其暂时不显示在工作区上。,操作要点,1.使用蒙板,4.2 图层与蒙板,“蒙版”又称“遮罩”，读者可将“蒙版”理解掩盖位图的某一部分使其不完全显示
14、的工具。Fireworks CS3提供了强大的“蒙版”功能。,【任务七】使用“粘贴为蒙版”命令遮罩图片,F,遮罩图片,操作步骤,1.打开一幅位图，如图4-28所示。,图4-28 原始位图,操作步骤(续),2.使用工具栏中的“矩形”工具，在位图上任意拖放出一个矩形，填充颜色和边框颜色任意，如图4-29，4-30所示，此时层面板中有2个对象，一个位图对象，一个矩形对象，如图4-31所示。若有必要，可适当调整矩形的位置。,图4-29 矩形工具,图4-30 绘制矩形,图4-31 层面板,操作步骤(续),4.选中层面板的位图所在的层，使其成为活动层（高亮显示）。执行“编辑粘贴为蒙版”命令（快捷键Ctrl
15、+Alt+V）。观察层面板，如图4-32所示，在位图缩略图的右边有一个“蒙版”的缩略图，表示该位图受到了蒙版的作用。,图4-32 层面板,3.使用“指针”工具选中该矢量矩形，执行“编辑剪切”命令，将图像移动到剪贴板上（或按快捷键Ctrl+X）。,【任务八】使用“粘贴于内部”命令遮罩图片,F,“粘贴于内部 ”命令,操作步骤,1.打开一幅位图，如图4-33所示。,图4-33 打开位图,操作步骤(续),2.在该位图上任意拖放出一个矢量五角星，并用前面所学的知识适当调节五角星的大小、位置，填充颜色和边框颜色随意，如图4-34所示。,图4-34 绘制五角星,3.选中位图，执行“编辑剪切”命令，将图片剪切
16、。,操作步骤(续),4.选中五角星，执行“编辑粘贴为蒙版”命令（快捷键Ctrl+Shift+V），将位图嵌入到五角星中，如图4-35所示。,图4-35 粘贴于内部,操作步骤(续),此时，层面板如4-36所示,图4-36 层面板,“粘贴为蒙版”和“粘贴于内部”所实现的效果相同，但是操作步骤不同，读者可根据实际情况任意选择。,练一练：,利用文字制作蒙版：,应用文本蒙版和上面所介绍的应用矢量蒙版操作方法类似，图4-37，4-38为原图和效果图，请完成图4-38的效果。,图4-37 原图,图4-38 蒙版效果图,操作要点,4.3 图形特效的设置,1.使用斜角和浮雕、模糊等滤镜,执行“斜角与浮雕内斜角”命令，弹出参数对话框。,滤镜可以改善并增强图像的效果。Fireworks CS3中常用的滤镜可以对斜角、阴影、模糊等效果，还提供了色阶、色相、对比
