《网页设计基础教程与上机指导(第2版)》第23章Firewo课件.ppt

1、http:/教学提示和教学目标教学提示和教学目标23.1 Fireworks 8概述概述23.2 Fireworks 8的工作环境的工作环境23.3 编辑编辑位图图像位图图像 23.4 编辑矢量图形编辑矢量图形23.5 对文本的编辑对文本的编辑http:/n教学提示：教学提示：Fireworks 8是创建、编辑和优化网页图像的多功能应用程序。是创建、编辑和优化网页图像的多功能应用程序。随着该软件版本的不断升级，其功能也在不断加强，因此随着该软件版本的不断升级，其功能也在不断加强，因此Fireworks 8受受到越来越多图像网页制作者的青睐。目前最新的版本到越来越多图像网页制作者的青睐。目前最新

2、的版本Fireworks 8中文版中文版更是以它方便快捷的操作模式，以及在位图编辑、矢量图形处理与更是以它方便快捷的操作模式，以及在位图编辑、矢量图形处理与GIF动动画制作功能上的多方面优秀整合，赢得诸多好评。本章主要介绍画制作功能上的多方面优秀整合，赢得诸多好评。本章主要介绍Fireworks 8的概述以及的概述以及Fireworks 8的工作环境。通过本章的学习，读的工作环境。通过本章的学习，读者可以快速了解、熟悉者可以快速了解、熟悉Fireworks 8。n教学目标：教学目标：熟悉熟悉Fireworks 8的基础知识的基础知识 熟悉熟悉Fireworks 8的工作环境的工作环境 掌握位图

3、图像的编辑掌握位图图像的编辑 掌握矢量图形的编辑掌握矢量图形的编辑 掌握对文本的编辑掌握对文本的编辑 掌握网页特效文字的制作掌握网页特效文字的制作http:/nFireworks是第一个为网页制作而设计的图像处理软件，能使图像以最简洁的是第一个为网页制作而设计的图像处理软件，能使图像以最简洁的方式在网页中显示出最好的效果，它最为突出的功能是可以导入多种格式的图方式在网页中显示出最好的效果，它最为突出的功能是可以导入多种格式的图像文件，包括像文件，包括Macintosh的的PICT文件，文件，Freehand、Illustrator和和CorelDraw等软件制作的矢量文件，等软件制作的矢量文件

4、，Photoshop编辑处理过的编辑处理过的PSD文件以及常用的文件以及常用的GIF、JPEG、BMP和和TIF等格式的文件，甚至还可以导入等格式的文件，甚至还可以导入ASCII码的码的TXT文本文件，文本文件，而且而且Fireworks 8还可以辨识矢量文件中的绝大部分标识和还可以辨识矢量文件中的绝大部分标识和Photoshop文件中文件中的图层。作为一款专门为网页制作而设计的图像处理软件，的图层。作为一款专门为网页制作而设计的图像处理软件，Fireworks 8卓越卓越的切割和优化导出功能使得用户可以直观简便地找到图像质量与下载速度之间的切割和优化导出功能使得用户可以直观简便地找到图像质量

5、与下载速度之间的最佳平衡点。的最佳平衡点。Fireworks 8是是Fireworks系列的最新版本，首先对工作界面进系列的最新版本，首先对工作界面进行了改进，使之和行了改进，使之和Dreamweaver8、Flash 8的界面统一；其次增强了部分功的界面统一；其次增强了部分功能，并对从前版本中已有功能的实现进行了简化。如图能，并对从前版本中已有功能的实现进行了简化。如图23.1所示是所示是Fireworks 8的启动界面。的启动界面。http:/nFireworks 8的工作界面主要有标题栏、菜单栏、工具箱、的工作界面主要有标题栏、菜单栏、工具箱、文档窗口、浮动面板和属性面板组成，如图文档窗

6、口、浮动面板和属性面板组成，如图23.2所示为所示为Fireworks的工作环境。的工作环境。n1.菜单栏菜单栏n2.状态栏状态栏n3.工具箱工具箱n4.文档窗口文档窗口n5.属性面板属性面板n6.浮动面板浮动面板http:/nFireworks 8提供了大量的工具来编辑位图提供了大量的工具来编辑位图图像。在编辑图像时，常用的工具有图像。在编辑图像时，常用的工具有【套套用用】、【刷子刷子】和和【红眼消除红眼消除】等。等。n23.3.1 使用套索工具编辑位图图像使用套索工具编辑位图图像n23.3.2 使用刷子工具编辑位图图像使用刷子工具编辑位图图像n23.3.3 使用红眼消除工具编辑位图图像使用

7、红眼消除工具编辑位图图像http:/n使用使用【套索套索】工具选择的区域形状工具选择的区域形状是不规范的，是不规范的，【套索套索】工具在图像工具在图像中选择自由变形区域。使用中选择自由变形区域。使用【套索套索】工具的具体操作步骤如下。工具的具体操作步骤如下。(1)打开图像文件，选择工具箱中的打开图像文件，选择工具箱中的【套索套索】工具。工具。(2)拖曳鼠标在要进行选取的区域边拖曳鼠标在要进行选取的区域边缘进行勾勒，如图缘进行勾勒，如图23.10所示。所示。(3)当要封闭选区时，可以将鼠标放当要封闭选区时，可以将鼠标放置到开始处，再释放鼠标，此时软件置到开始处，再释放鼠标，此时软件将在开始处和结

8、尾处连成一条直线进将在开始处和结尾处连成一条直线进行封闭。行封闭。http:/n【刷子刷子】工具是一个非常易用但又非常不容易控制的工具。说其不容易工具是一个非常易用但又非常不容易控制的工具。说其不容易控制，主要是因为该工具的设置非常繁琐，在平面设计软件区域还是不控制，主要是因为该工具的设置非常繁琐，在平面设计软件区域还是不多见的。说其易用，主要是因为该工具是一个自由的绘图工具，只要使多见的。说其易用，主要是因为该工具是一个自由的绘图工具，只要使用鼠标拖曳即可实现。使用刷子工具绘图的具体操作步骤如下。用鼠标拖曳即可实现。使用刷子工具绘图的具体操作步骤如下。(1)选择工具箱中的选择工具箱中的【刷子

9、刷子】工具。工具。(2)在图像中按住鼠标左键拖曳即可在图像上绘制出线条。选择在图像中按住鼠标左键拖曳即可在图像上绘制出线条。选择【窗口窗口】|【属性属性】命令，打开命令，打开【属性属性】面板，在面板中显示面板，在面板中显示【刷子刷子】工具的相关参数，工具的相关参数，如图如图23.12所示。所示。n在在【属性属性】面板中可以进行如下设置。面板中可以进行如下设置。【笔触颜色笔触颜色】：单击：单击【颜色颜色】按钮，在弹出的颜色框中设置刷子的按钮，在弹出的颜色框中设置刷子的【颜色颜色】。在其右边的文本框中设置刷子的在其右边的文本框中设置刷子的【大小大小】。单击其右边的列表框，在弹出的。单击其右边的列表

10、框，在弹出的菜单中设置刷子的菜单中设置刷子的【描边描边】种类。种类。【纹理纹理】：在该选项的下拉列表中可以选中要使用的各种纹理选项。：在该选项的下拉列表中可以选中要使用的各种纹理选项。http:/n【红眼消除红眼消除】工具可以消除数工具可以消除数码相机照片中经常出现的红眼，码相机照片中经常出现的红眼，使照片恢复正常的效果。使用使照片恢复正常的效果。使用【红眼消除红眼消除】工具的具体操作工具的具体操作步骤如下。步骤如下。(1)打开图像文件，选择工打开图像文件，选择工具箱中的具箱中的【红眼消除红眼消除】工工具，如图具，如图23.15所示。所示。(2)在在【属性属性】面板中设置面板中设置相应的属性。

11、相应的属性。(3)将鼠标指针移动到红眼将鼠标指针移动到红眼上，进行拖动，即可消除上，进行拖动，即可消除红眼。红眼。http:/n对于一次绘制的图形，很难符合要求，所以经常需对于一次绘制的图形，很难符合要求，所以经常需要对其进行编辑修改。要对其进行编辑修改。n编辑矢量图形之前，需先选取要修改的图形对象，编辑矢量图形之前，需先选取要修改的图形对象，在在Fireworks 8中，主要使用中，主要使用【指针指针】工具、工具、【选选择后方对象择后方对象】工具和工具和【部分选取部分选取】工具，如图工具，如图23.17所示。所示。1.选取单个对象选取单个对象 2.选取多个对象选取多个对象 3.选取被遮挡的对

12、象选取被遮挡的对象 4.转换为位图图像转换为位图图像http:/n在在Fireworks 8的文件中，文本作为一个对的文件中，文本作为一个对象整体而被保存和控制。用户可以在文件的象整体而被保存和控制。用户可以在文件的任意位置输入文本，然后将输入的文本作为任意位置输入文本，然后将输入的文本作为对象在文件中进行处理。对象在文件中进行处理。n23.5.1 输入文本输入文本n23.5.2 编辑文本编辑文本n23.5.3 附加文本到路径附加文本到路径n23.5.4 转换文本为路径转换文本为路径http:/n当要在文档窗口中输入文本时，选择工具箱中的当要在文档窗口中输入文本时，选择工具箱中的【文本文本】工

13、具进行输入。工具进行输入。输入文本之前，首先要创建文本块，文本块按照不同的创建方式可以分输入文本之前，首先要创建文本块，文本块按照不同的创建方式可以分成两类，分别是自动调节大小的文本块和固定宽度文本块。成两类，分别是自动调节大小的文本块和固定宽度文本块。1.自动调节大小的文本块自动调节大小的文本块(1)在工具箱中选择在工具箱中选择【文本文本】工具。工具。(2)将鼠标指针置于文档中，在需要创建文本的位置单击，显示出一个插入符。将鼠标指针置于文档中，在需要创建文本的位置单击，显示出一个插入符。(3)使用键盘或者其他方式输入文本。使用键盘或者其他方式输入文本。2.固定宽度文本块固定宽度文本块(1)在

14、工具箱中选择在工具箱中选择【文本文本】工具。工具。(2)将鼠标指针置于文档中，在需要创建文本的位置拖动鼠标，创建一个文本框，将鼠标指针置于文档中，在需要创建文本的位置拖动鼠标，创建一个文本框，如图如图23.24所示。所示。(3)使用键盘或者其他方式输入文本，如图使用键盘或者其他方式输入文本，如图23.25所示。所示。http:/n在在Fireworks 8中输入的文本会作为一个对象出现在文档窗口中，可以中输入的文本会作为一个对象出现在文档窗口中，可以像选择其他对象一样选择文本，然后对其进行编辑。像选择其他对象一样选择文本，然后对其进行编辑。n(1)在工具箱中选择在工具箱中选择【文本文本】工具，

15、在文字上进行单击，如图工具，在文字上进行单击，如图23.26所所示。此时示。此时【属性属性】面板如图面板如图23.27所示。所示。n(2)单击单击【字体字体】右边的下拉按钮，在弹出的下拉列表中设置需要的字右边的下拉按钮，在弹出的下拉列表中设置需要的字体。体。n(3)单击单击【颜色框颜色框】右下角的颜色按钮，在弹出的菜单中选择需要的颜右下角的颜色按钮，在弹出的菜单中选择需要的颜色。色。http:/n一般文字都按照横排或者纵排直线排列，还可以按照一个任意一般文字都按照横排或者纵排直线排列，还可以按照一个任意路径的形态排列。附加文本到路径的具体操作步骤如下。路径的形态排列。附加文本到路径的具体操作步

16、骤如下。(1)使用工具箱中的使用工具箱中的【多边形多边形】工具，在文档中绘制一个多边形，如图工具，在文档中绘制一个多边形，如图23.28所示。所示。(2)使用工具箱中的使用工具箱中的【文本文本】工具，在文档中单击输入文本，如图工具，在文档中单击输入文本，如图23.29所示。所示。(3)选中多边形，按住选中多边形，按住Shift键的同时选择文字，选择键的同时选择文字，选择【文本文本】|【附加附加到路径到路径】命令，将文本附加到路径，如图命令，将文本附加到路径，如图23.30所示。所示。http:/n在在Fireworks 8中输入文字后，文字依然保持着文本的属性，均采中输入文字后，文字依然保持着

17、文本的属性，均采用内码的形式存在。如果要将文字转换为简单的路径，可以执行以用内码的形式存在。如果要将文字转换为简单的路径，可以执行以下操作，将文本转换为路径后，可以放弃文字的属性，这样就不怕下操作，将文本转换为路径后，可以放弃文字的属性，这样就不怕字体丢失问题的出现。并且文字转换为路径后，可以使用编辑路径字体丢失问题的出现。并且文字转换为路径后，可以使用编辑路径的工具对转换为路径的文字进行编辑。转换文本为路径的具体操作的工具对转换为路径的文字进行编辑。转换文本为路径的具体操作步骤如下。步骤如下。(1)在工具箱中选择在工具箱中选择【指针指针】工具。工具。(2)选中要进行转换为路径的文字。选中要进行转换为路径的文字。(3)选择选择【文本文本】|【转换为路径转换为路径】命令，此时文本就会转换为路径，命令，此时文本就会转换为路径，如图如图23.32所示。所示。