《网页设计基础教程与上机指导(第2版)》第23章：Fireworks 8快速入门

在【属性】面板中可以进行如下设置。 属性】面板中可以进行如下设置。
– 【笔触颜色】：单击【颜色】按钮，在弹出的颜色框中设置刷子的【颜色】。 笔触颜色】 单击【颜色】按钮，在弹出的颜色框中设置刷子的【颜色】 在其右边的文本框中设置刷子的【大小】 单击其右边的列表框， 在其右边的文本框中设置刷子的【大小】。单击其右边的列表框，在弹出的 菜单中设置刷子的【描边】种类。 菜单中设置刷子的【描边】种类。 – 【纹理】：在该选项的下拉列表中可以选中要使用的各种纹理选项。 纹理】 在该选项的下拉列表中可以选中要使用的各种纹理选项。
http://www.wenyuan.com.cn
23.3.2 使用刷子工具编辑位图图像
【刷子】工具是一个非常易用但又非常不容易控制的工具。说其不容易 刷子】工具是一个非常易用但又非常不容易控制的工具。 控制，主要是因为该工具的设置非常繁琐， 控制，主要是因为该工具的设置非常繁琐，在平面设计软件区域还是不 多见的。说其易用，主要是因为该工具是一个自由的绘图工具， 多见的。说其易用，主要是因为该工具是一个自由的绘图工具，只要使 用鼠标拖曳即可实现。使用刷子工具绘图的具体操作步骤如下。 用鼠标拖曳即可实现。使用刷子工具绘图的具体操作步骤如下。
http://www.wenyuan.com.cn
23.5.2 编辑文本
中输入的文本会作为一个对象出现在文档窗口中， 在Fireworks 8中输入的文本会作为一个对象出现在文档窗口中，可以 中输入的文本会作为一个对象出现在文档窗口中 像选择其他对象一样选择文本，然后对其进行编辑。 像选择其他对象一样选择文本，然后对其进行编辑。 (1) 在工具箱中选择【文本】工具，在文字上进行单击，如图 在工具箱中选择【文本】工具，在文字上进行单击，如图23.26所 所 此时【属性】面板如图23.27所示。 所示。 示。此时【属性】面板如图 所示 (2) 单击【字体】右边的下拉按钮，在弹出的下拉列表中设置需要的字 单击【字体】右边的下拉按钮， 体。 (3) 单击【颜色框】右下角的颜色按钮，在弹出的菜单中选择需要的颜 单击【颜色框】右下角的颜色按钮， 色。
http://www.wenyuan.com.cn
23.5.1 输入文本
当要在文档窗口中输入文本时，选择工具箱中的【文本】工具进行输入。 当要在文档窗口中输入文本时，选择工具箱中的【文本】工具进行输入。 输入文本之前，首先要创建文本块， 输入文本之前，首先要创建文本块，文本块按照不同的创建方式可以分 成两类，分别是自动调节大小的文本块和固定宽度文本块。 成两类，分别是自动调节大小的文本块和固定宽度文本块。
第23章 Fireworks 8快速入门 23章 8快速入门
教学提示和教学目标 23.1 Fireworks 8概述 概述 23.2 Fireworks 8的工作环境 的工作环境 23.3 编辑位图图像 23.4 编辑矢量图形 23.5 对文本的编辑
http://www.wenuan.com.cn
教学提示和教学目标
http://www.wenyuan.com.cn
23.3 编辑位图图像
Fireworks 8提供了大量的工具来编辑位图 提供了大量的工具来编辑位图 图像。在编辑图像时，常用的工具有【 图像。在编辑图像时，常用的工具有【套 刷子】 红眼消除】 用】、【刷子】和【红眼消除】等。 23.3.1 使用套索工具编辑位图图像 23.3.2 使用刷子工具编辑位图图像 23.3.3 使用红眼消除工具编辑位图图像
– – – – 1. 选取单个对象 2. 选取多个对象 3. 选取被遮挡的对象 4. 转换为位图图像
http://www.wenyuan.com.cn
23.5 对文本的编辑
的文件中， 在Fireworks 8的文件中，文本作为一个对 的文件中 象整体而被保存和控制。 象整体而被保存和控制。用户可以在文件的 任意位置输入文本， 任意位置输入文本，然后将输入的文本作为 对象在文件中进行处理。 对象在文件中进行处理。 23.5.1 输入文本 23.5.2 编辑文本 23.5.3 附加文本到路径 23.5.4 转换文本为路径
– (1) 选择工具箱中的【刷子】工具。 选择工具箱中的【刷子】工具。 – (2) 在图像中按住鼠标左键拖曳即可在图像上绘制出线条。选择【窗口】| 在图像中按住鼠标左键拖曳即可在图像上绘制出线条。选择【窗口】 属性】命令，打开【属性】面板，在面板中显示【刷子】工具的相关参数， 【属性】命令，打开【属性】面板，在面板中显示【刷子】工具的相关参数， 如图23.12所示。 所示。 如图 所示
– 1. 自动调ቤተ መጻሕፍቲ ባይዱ大小的文本块
» (1) 在工具箱中选择【文本】工具。 在工具箱中选择【文本】工具。 » (2) 将鼠标指针置于文档中，在需要创建文本的位置单击，显示出一个插入符。 将鼠标指针置于文档中，在需要创建文本的位置单击，显示出一个插入符。 » (3) 使用键盘或者其他方式输入文本。 使用键盘或者其他方式输入文本。
教学提示： 是创建、 教学提示：Fireworks 8是创建、编辑和优化网页图像的多功能应用程序。 是创建 编辑和优化网页图像的多功能应用程序。 随着该软件版本的不断升级，其功能也在不断加强，因此Fireworks 8受 随着该软件版本的不断升级，其功能也在不断加强，因此 受 到越来越多图像网页制作者的青睐。目前最新的版本Fireworks 8中文版 到越来越多图像网页制作者的青睐。目前最新的版本 中文版 更是以它方便快捷的操作模式，以及在位图编辑、矢量图形处理与GIF动 更是以它方便快捷的操作模式，以及在位图编辑、矢量图形处理与 动 画制作功能上的多方面优秀整合，赢得诸多好评。 画制作功能上的多方面优秀整合，赢得诸多好评。本章主要介绍 Fireworks 8的概述以及 的概述以及Fireworks 8的工作环境。通过本章的学习，读 的工作环境。 的概述以及 的工作环境 通过本章的学习， 者可以快速了解、熟悉Fireworks 8。 者可以快速了解、熟悉 。 教学目标： 教学目标： – 熟悉 熟悉Fireworks 8的基础知识 的基础知识 – 熟悉 熟悉Fireworks 8的工作环境 的工作环境 – 掌握位图图像的编辑 – 掌握矢量图形的编辑 – 掌握对文本的编辑 – 掌握网页特效文字的制作
http://www.wenyuan.com.cn
23.4 编辑矢量图形
对于一次绘制的图形，很难符合要求， 对于一次绘制的图形，很难符合要求，所以经常需 要对其进行编辑修改。 要对其进行编辑修改。 编辑矢量图形之前，需先选取要修改的图形对象， 编辑矢量图形之前，需先选取要修改的图形对象， 在Fireworks 8中，主要使用【指针】工具、【选 中 主要使用【指针】工具、 择后方对象】工具和【部分选取】工具， 择后方对象】工具和【部分选取】工具，如图 23.17所示。 所示。 所示
http://www.wenyuan.com.cn
23.3.3 使用红眼消除工具编辑位图图像
【红眼消除】工具可以消除数 红眼消除】 码相机照片中经常出现的红眼， 码相机照片中经常出现的红眼， 使照片恢复正常的效果。 使照片恢复正常的效果。使用 红眼消除】 【红眼消除】工具的具体操作 步骤如下。 步骤如下。 – (1) 打开图像文件，选择工 打开图像文件， 具箱中的【红眼消除】 具箱中的【红眼消除】工 如图23.15所示。 所示。 具，如图 所示 – (2) 在【属性】面板中设置 属性】 相应的属性。 相应的属性。 – (3) 将鼠标指针移动到红眼 进行拖动， 上，进行拖动，即可消除 红眼。 红眼。
– (1) 打开图像文件，选择工具箱中的 打开图像文件， 套索】工具。 【套索】工具。 – (2) 拖曳鼠标在要进行选取的区域边 缘进行勾勒，如图23.10所示。 所示。 缘进行勾勒，如图 所示 – (3) 当要封闭选区时，可以将鼠标放 当要封闭选区时， 置到开始处，再释放鼠标， 置到开始处，再释放鼠标，此时软件 将在开始处和结尾处连成一条直线进 行封闭。 行封闭。
http://www.wenyuan.com.cn
23.1 Fireworks 8概述 8概述
Fireworks是第一个为网页制作而设计的图像处理软件，能使图像以最简洁的 是第一个为网页制作而设计的图像处理软件， 是第一个为网页制作而设计的图像处理软件 方式在网页中显示出最好的效果， 方式在网页中显示出最好的效果，它最为突出的功能是可以导入多种格式的图 像文件，包括Macintosh的PICT文件，Freehand、Illustrator和CorelDraw 文件， 像文件，包括 的 文件 、 和 等软件制作的矢量文件， 编辑处理过的PSD文件以及常用的 文件以及常用的GIF、 等软件制作的矢量文件，Photoshop编辑处理过的 编辑处理过的 文件以及常用的 、 JPEG、BMP和TIF等格式的文件，甚至还可以导入 等格式的文件， 码的TXT文本文件， 文本文件， 、 和 等格式的文件 甚至还可以导入ASCII码的 码的 文本文件 而且Fireworks 8还可以辨识矢量文件中的绝大部分标识和 还可以辨识矢量文件中的绝大部分标识和Photoshop文件中 而且 还可以辨识矢量文件中的绝大部分标识和 文件中 的图层。作为一款专门为网页制作而设计的图像处理软件， 的图层。作为一款专门为网页制作而设计的图像处理软件，Fireworks 8卓越 卓越 的切割和优化导出功能使得用户可以直观简便地找到图像质量与下载速度之间 的最佳平衡点。 系列的最新版本， 的最佳平衡点。Fireworks 8是Fireworks系列的最新版本，首先对工作界面进 是 系列的最新版本 行了改进，使之和Dreamweaver8、Flash 8的界面统一；其次增强了部分功 的界面统一； 行了改进，使之和 、 的界面统一 并对从前版本中已有功能的实现进行了简化。如图23.1所示是 所示是Fireworks 能，并对从前版本中已有功能的实现进行了简化。如图 所示是 8的启动界面。 的启动界面。 的启动界面
http://www.wenyuan.com.cn
23.5.3 附加文本到路径
一般文字都按照横排或者纵排直线排列， 一般文字都按照横排或者纵排直线排列，还可以按照一个任意 路径的形态排列。附加文本到路径的具体操作步骤如下。 路径的形态排列。附加文本到路径的具体操作步骤如下。
– (1) 使用工具箱中的【多边形】工具，在文档中绘制一个多边形，如图 使用工具箱中的【多边形】工具，在文档中绘制一个多边形， 23.28所示。 所示。 所示 – (2) 使用工具箱中的【文本】工具，在文档中单击输入文本，如图 使用工具箱中的【文本】工具，在文档中单击输入文本， 23.29所示。 所示。 所示 – (3) 选中多边形，按住 选中多边形，按住Shift键的同时选择文字，选择【文本】|【附加 键的同时选择文字， 键的同时选择文字 选择【文本】 【 到路径】命令，将文本附加到路径，如图23.30所示。 所示。 到路径】命令，将文本附加到路径，如图 所示
– 2. 固定宽度文本块
» (1) 在工具箱中选择【文本】工具。 在工具箱中选择【文本】工具。 » (2) 将鼠标指针置于文档中，在需要创建文本的位置拖动鼠标，创建一个文本框， 将鼠标指针置于文档中，在需要创建文本的位置拖动鼠标，创建一个文本框， 如图23.24所示。 所示。 如图 所示 » (3) 使用键盘或者其他方式输入文本，如图 使用键盘或者其他方式输入文本，如图23.25所示。 所示。 所示
http://www.wenyuan.com.cn
23.3.1 使用套索工具编辑位图图像
使用【套索】 使用【套索】工具选择的区域形状 是不规范的，【套索】工具在图像 是不规范的， 套索】 中选择自由变形区域。使用【套索】 中选择自由变形区域。使用【套索】 工具的具体操作步骤如下。 工具的具体操作步骤如下。
http://www.wenyuan.com.cn
23.2 Fireworks 8的工作环境 8的工作环境
Fireworks 8的工作界面主要有标题栏、菜单栏、工具箱、 的工作界面主要有标题栏、 的工作界面主要有标题栏 菜单栏、工具箱、 文档窗口、浮动面板和属性面板组成，如图23.2所示为 文档窗口、浮动面板和属性面板组成，如图 所示为 Fireworks的工作环境。 的工作环境。 的工作环境 1. 菜单栏 2. 状态栏 3. 工具箱 4. 文档窗口 5. 属性面板 6. 浮动面板