第 17章 Fireworks MX文档操作和图像处理
本章要点：
Fireworks MX的文档操作
基本矢量对象的创建和使用
位图对象的创建,选取及基本操作
在 PNG文档中创建热区的方法
17.1 文档操作
17.1.1 建立新文档新建文档的方法为：选择菜单栏 【 文件 】 →
【 新建 】 命令，弹出如下图所示的 【 新建文档 】
对话框，在该对话框中可以设置各项参数。
17.1.2 文档的打开、关闭与保存文档打开、关闭与保存的方法与 Dreamweaver MX完全相同 。
17.1.3 文档的导入文档和打开文档的区别：打开文档是作为一个新的文档，而导入文档是将要导入的文档内容插入到现有的文档中某个位置处。
导入文档前，必须先创建或打开一个文档。
17.1.4 修改文档属性文档的属性主要有画布大小、画布颜色、图像大小和默认导出选项等。可通过文档窗口下面的属性面板来设置，也可以通过菜单来设置。
17.2 绘制与编辑矢量对象
17.2.1 绘制基本矢量图形
1．画线
2．画矩形
3．画圆角矩形
4．画圆或椭圆
5．画多边形
17.2.2 绘制与编辑路径
所谓路径，就是对象的轮廓或边缘。
隐藏路径的方法是：执行 【 视图 】 → 【 隐藏边缘视图 】 命令。
显示路径的方法是：再次执行 【 视图 】 → 【 隐藏边缘视图 】 命令，可以恢复显示路径和边缘。
绘制路径的工具有三种：分别是钢笔工具、矢量路径工具和重绘路径工具。
17.2.3 设置笔画和填充属性可以通过矢量图形对象的属性面板来设置笔画（又称笔触）和填充属性。下图是选中一个多连形对象后和属性面板。
三种边缘效果图,
分别是实边、消除锯齿和羽化。
描边效果图
17.2.4 选择对象
1．选择工具指针工具,用于选择和移动路径 。
选择后方对象工具,选择当前选定对象下面的对象 。
部分选定工具,用于选择或移动路径，选择群组或符号内部的对象，显示或选择路径上的点。
提示：只有在打开,指针工具组,后才可以使用,选择后方对象工具,。
2．选择对象
（ 1）选择单个对象
提示：若对象未填充，则只能在其路径上单击鼠标才能选中它。
（ 2）选择多个对象
提示：若想从多个对象中取消对某个对象的选择，可以按住 Shift
键，再次单击该对象。对象在被选取后，即使处于遮挡状态，路径也会显示出来。
（ 3）选择被遮挡的对象
（ 4）选中文档中的所有对象
提示：选择了一个或多个对象后,也可以取消选择,方法也有两个,
分别是执行 【 选择 】 → 【 取消选择 】 命令和按快捷键 Ctrl+D。
原始情况 选中上层对象鼠标移到被遮挡对象上 选中被遮挡对象
17.3 文本的基本操作
17.3.1 文本的输入和编辑要在 Fireworks MX中输入和编辑文本，应使用它的,文本,
工具。方法是在工具箱中选中工具，然后在工作区中单击，将会生成文本对象，在文本对象中有一个插入点，此时可以输入文字。
和其它软件一样，也可以设置文本对象中显示的文字的格式。
设置格式可通过文本对象的属性面板（如下图）。
17.3.2 将文本转换为路径
将文本转换为路径的方法是：执行 【 文本 】 →
【 转换为路径 】 命令 。
文本的纹理效果 图：
17.3.3 将文本附加到路径
将文本附加到路径操作步骤如下：
（ 1） 绘制要附加文本的路径；
（ 2） 建立要附加到路径的文本；
（ 3） 选中路径和文本；
（ 4）执行 【 文本 】 → 【 附加到路径 】 命令，文本将附加到路径 。
文本附加到路径后，还可以把文本和路径分离，分离方法是：首先选中文本，然后执行
【 文本 】 → 【 从路径文离 】 命令即可。
把文本附加到路径的效果
17.4 位图的创建和编辑
17.4.1 两种编辑模式及其转换矢量图像是用包含颜色的位置属性的线条来描述图像属性，路径和点是其最基本的元素，矢量图像可以任意缩放而不会改变图像的质量。
位图对象是用像素点来描述图像信息的,放大或缩小可能使图像的质量受到影响 。
矢量模式和位图模式之间切换方法有以下几种：
(1)使用,指针,工具在画布上双击鼠标，可以切换到矢量模式，在图像上双击鼠标，可以切换到位图模式。
(2)当在工具箱中选择矢量工具时（如直线、文本等工具），会自动切换到矢量编辑模式。
(3)当选择位图工具时,会自动切换到位图编辑模式 。
(4)在位图编辑模式下,文档编辑窗口下方有一个退出位图模式按钮
,”,单击该按钮,可以返回矢量模式 。 另外还可以通过按 Esc键,
返回矢量模式 。
17.4.2 创建位图对象
可以通过以下方法来创建位图对象 。
(1)执行 【 文件 】 → 【 打开 】 命令,打开一个位图对象 。
(2)执行 【 编辑 】 → 【 插入 】 → 【 空位图 】 命令,创建一个新的位图 。
(3)选中文档中的矢量对象,执行 【 修改 】 → 【 平面化所选 】 命令,即 可将 该对象 转化为 位图图 像 。
通过选取,魔术棒或套索等位图工具将位图的一部分拷贝到现有文档中,以创建位图 。
17.4.3 选择位图区域位图图像是由像素点构成的,不存在独立的对象,要选取位图图像只能通过选取其中的区域实现,选择位图区域是位图处理中最常用,最基本的操作之一 。
主要的位图选取工具有,
1,矩形选取框,,工具和椭圆选取框,,工具
2,魔术棒工具,,
3,套索工具,,和多边套索工具,,
选取两个区域的情况风景和小鹿图片 选取了小鹿图片背景 删除了小鹿图片背景
17.4.4 位图基本操作
1．图像的比例变换、倾斜和扭曲图像的比例变换使用缩放工具,,,图像的倾斜使用倾斜工具,,,图像的扭曲使用扭曲工具,,。
2．图片的旋转和翻转旋转和翻转工具有,,四种
3．绘制和擦除位图绘制位图可通过铅笔,,和刷子,,工具来进行，擦除位图可通过橡皮擦工具,,工具来实现。
4．复制位图
5．拾取颜色
6．获取样式
17.5 热区与切片
17.5.1 创建热区
1．使用热区工具创建热区使用热区工具创建热区的步骤如下：
（ 1） 打开或创建需添加热区的 PNG文档；
（ 2） 选择相应的热区工具；
（ 3）在文档编辑窗口中拖动鼠标绘制热区。
2．根据对象创建热区在 Fireworks MX还可以根据选中对象的形状生成热区,步骤如下：
（ 1） 选中作为热区的对象,可以是一个或多个；
（ 2）选择 【 编辑 】 → 【 插入 】 → 【 热点 】 命令。
利用热点工具创建的三种热区为一个对象创建新点 为多个对象创建单一热区 为多个对象创建多个热区
17.5.2 设置热区属性
选中热区后，可通过属性面板设置热区的属性，热区的属性面板如图,
17.5.3 导出含有热区的图像含有热区的 PNG文档编辑好后，还应将其导出，才能应用到网页里。 Fireworks MX可以导出图像文件以及与之相匹配的 HTML代码，供网页编辑软件使用。
切分技术可将大的图片和画布分成许多小的图形,然后通过 HTML表格将这些小的图形组织起来显示 。 各个分离的图片就是切片,整个过程就称为切分 。
由于切片是将图像分割为独立的小文件，
因此可以为每个文件设置不同的链接地址，有时为了需要，也可以将小图像以不同的格式保存，以达到一定的特殊效果。使用切片技术还可以将图像的某部分替换为其他图片、影像、
动画甚至 HTML代码，从而实现精彩的嵌入效果。
17.5.4 切片技术小结
本章首先介绍了 Fireworks MX文档的创建，然后分别详细介绍了文档中的各种对象的创建方法，包括矢量对象和位图对象的创建，最后本章还介绍了在 PNG
图像上创建热点的方法。本章使用了大量的工具，希望读者能够掌握工具的功能和使用方法。
本章要点：
Fireworks MX的文档操作
基本矢量对象的创建和使用
位图对象的创建,选取及基本操作
在 PNG文档中创建热区的方法
17.1 文档操作
17.1.1 建立新文档新建文档的方法为：选择菜单栏 【 文件 】 →
【 新建 】 命令，弹出如下图所示的 【 新建文档 】
对话框，在该对话框中可以设置各项参数。
17.1.2 文档的打开、关闭与保存文档打开、关闭与保存的方法与 Dreamweaver MX完全相同 。
17.1.3 文档的导入文档和打开文档的区别：打开文档是作为一个新的文档，而导入文档是将要导入的文档内容插入到现有的文档中某个位置处。
导入文档前，必须先创建或打开一个文档。
17.1.4 修改文档属性文档的属性主要有画布大小、画布颜色、图像大小和默认导出选项等。可通过文档窗口下面的属性面板来设置，也可以通过菜单来设置。
17.2 绘制与编辑矢量对象
17.2.1 绘制基本矢量图形
1．画线
2．画矩形
3．画圆角矩形
4．画圆或椭圆
5．画多边形
17.2.2 绘制与编辑路径
所谓路径，就是对象的轮廓或边缘。
隐藏路径的方法是：执行 【 视图 】 → 【 隐藏边缘视图 】 命令。
显示路径的方法是：再次执行 【 视图 】 → 【 隐藏边缘视图 】 命令，可以恢复显示路径和边缘。
绘制路径的工具有三种：分别是钢笔工具、矢量路径工具和重绘路径工具。
17.2.3 设置笔画和填充属性可以通过矢量图形对象的属性面板来设置笔画（又称笔触）和填充属性。下图是选中一个多连形对象后和属性面板。
三种边缘效果图,
分别是实边、消除锯齿和羽化。
描边效果图
17.2.4 选择对象
1．选择工具指针工具,用于选择和移动路径 。
选择后方对象工具,选择当前选定对象下面的对象 。
部分选定工具,用于选择或移动路径，选择群组或符号内部的对象，显示或选择路径上的点。
提示：只有在打开,指针工具组,后才可以使用,选择后方对象工具,。
2．选择对象
（ 1）选择单个对象
提示：若对象未填充，则只能在其路径上单击鼠标才能选中它。
（ 2）选择多个对象
提示：若想从多个对象中取消对某个对象的选择，可以按住 Shift
键，再次单击该对象。对象在被选取后，即使处于遮挡状态，路径也会显示出来。
（ 3）选择被遮挡的对象
（ 4）选中文档中的所有对象
提示：选择了一个或多个对象后,也可以取消选择,方法也有两个,
分别是执行 【 选择 】 → 【 取消选择 】 命令和按快捷键 Ctrl+D。
原始情况 选中上层对象鼠标移到被遮挡对象上 选中被遮挡对象
17.3 文本的基本操作
17.3.1 文本的输入和编辑要在 Fireworks MX中输入和编辑文本，应使用它的,文本,
工具。方法是在工具箱中选中工具，然后在工作区中单击，将会生成文本对象，在文本对象中有一个插入点，此时可以输入文字。
和其它软件一样，也可以设置文本对象中显示的文字的格式。
设置格式可通过文本对象的属性面板（如下图）。
17.3.2 将文本转换为路径
将文本转换为路径的方法是：执行 【 文本 】 →
【 转换为路径 】 命令 。
文本的纹理效果 图：
17.3.3 将文本附加到路径
将文本附加到路径操作步骤如下：
（ 1） 绘制要附加文本的路径；
（ 2） 建立要附加到路径的文本；
（ 3） 选中路径和文本；
（ 4）执行 【 文本 】 → 【 附加到路径 】 命令，文本将附加到路径 。
文本附加到路径后，还可以把文本和路径分离，分离方法是：首先选中文本，然后执行
【 文本 】 → 【 从路径文离 】 命令即可。
把文本附加到路径的效果
17.4 位图的创建和编辑
17.4.1 两种编辑模式及其转换矢量图像是用包含颜色的位置属性的线条来描述图像属性，路径和点是其最基本的元素，矢量图像可以任意缩放而不会改变图像的质量。
位图对象是用像素点来描述图像信息的,放大或缩小可能使图像的质量受到影响 。
矢量模式和位图模式之间切换方法有以下几种：
(1)使用,指针,工具在画布上双击鼠标，可以切换到矢量模式，在图像上双击鼠标，可以切换到位图模式。
(2)当在工具箱中选择矢量工具时（如直线、文本等工具），会自动切换到矢量编辑模式。
(3)当选择位图工具时,会自动切换到位图编辑模式 。
(4)在位图编辑模式下,文档编辑窗口下方有一个退出位图模式按钮
,”,单击该按钮,可以返回矢量模式 。 另外还可以通过按 Esc键,
返回矢量模式 。
17.4.2 创建位图对象
可以通过以下方法来创建位图对象 。
(1)执行 【 文件 】 → 【 打开 】 命令,打开一个位图对象 。
(2)执行 【 编辑 】 → 【 插入 】 → 【 空位图 】 命令,创建一个新的位图 。
(3)选中文档中的矢量对象,执行 【 修改 】 → 【 平面化所选 】 命令,即 可将 该对象 转化为 位图图 像 。
通过选取,魔术棒或套索等位图工具将位图的一部分拷贝到现有文档中,以创建位图 。
17.4.3 选择位图区域位图图像是由像素点构成的,不存在独立的对象,要选取位图图像只能通过选取其中的区域实现,选择位图区域是位图处理中最常用,最基本的操作之一 。
主要的位图选取工具有,
1,矩形选取框,,工具和椭圆选取框,,工具
2,魔术棒工具,,
3,套索工具,,和多边套索工具,,
选取两个区域的情况风景和小鹿图片 选取了小鹿图片背景 删除了小鹿图片背景
17.4.4 位图基本操作
1．图像的比例变换、倾斜和扭曲图像的比例变换使用缩放工具,,,图像的倾斜使用倾斜工具,,,图像的扭曲使用扭曲工具,,。
2．图片的旋转和翻转旋转和翻转工具有,,四种
3．绘制和擦除位图绘制位图可通过铅笔,,和刷子,,工具来进行，擦除位图可通过橡皮擦工具,,工具来实现。
4．复制位图
5．拾取颜色
6．获取样式
17.5 热区与切片
17.5.1 创建热区
1．使用热区工具创建热区使用热区工具创建热区的步骤如下：
（ 1） 打开或创建需添加热区的 PNG文档；
（ 2） 选择相应的热区工具；
（ 3）在文档编辑窗口中拖动鼠标绘制热区。
2．根据对象创建热区在 Fireworks MX还可以根据选中对象的形状生成热区,步骤如下：
（ 1） 选中作为热区的对象,可以是一个或多个；
（ 2）选择 【 编辑 】 → 【 插入 】 → 【 热点 】 命令。
利用热点工具创建的三种热区为一个对象创建新点 为多个对象创建单一热区 为多个对象创建多个热区
17.5.2 设置热区属性
选中热区后，可通过属性面板设置热区的属性，热区的属性面板如图,
17.5.3 导出含有热区的图像含有热区的 PNG文档编辑好后，还应将其导出，才能应用到网页里。 Fireworks MX可以导出图像文件以及与之相匹配的 HTML代码，供网页编辑软件使用。
切分技术可将大的图片和画布分成许多小的图形,然后通过 HTML表格将这些小的图形组织起来显示 。 各个分离的图片就是切片,整个过程就称为切分 。
由于切片是将图像分割为独立的小文件，
因此可以为每个文件设置不同的链接地址，有时为了需要，也可以将小图像以不同的格式保存，以达到一定的特殊效果。使用切片技术还可以将图像的某部分替换为其他图片、影像、
动画甚至 HTML代码，从而实现精彩的嵌入效果。
17.5.4 切片技术小结
本章首先介绍了 Fireworks MX文档的创建，然后分别详细介绍了文档中的各种对象的创建方法，包括矢量对象和位图对象的创建，最后本章还介绍了在 PNG
图像上创建热点的方法。本章使用了大量的工具，希望读者能够掌握工具的功能和使用方法。
