fireworks教案课件第5章文本对象和效率工具
合集下载
中文版Fireworks CS5基础与上机实训课件 05
Fireworks CS5提供了多种文本排列方向和对齐方式的控制。在选中了文 字之后，在属性面板中单击“设置文本方向”按钮，在弹出的菜单中列出了 2个不同的文本方向选项。直接选择不同的文字方向选项可以直接应用到选 中的文字上。
5.2.7 设置段落缩进和段落间距
在属性面板中，可以对文本的段落进行调整，在文本框中输入数值或拖 动滑块来设置段落首行缩进和段落之间的间距量。
5.2.2 设置字体、字号、样式和颜色属性
要设置文字的字体、字号和颜色属性，可以在“文本”工具的属性面板 中单击“字体”下拉列表框，从弹出的下拉列表框中选择一种字体；在“大 小”文本框中输入字体大小数值或单击其旁边的按钮，然后拖动滑块设置字 体的大小；单击“文本”颜色按钮，在弹出的颜色选择框中可以选择文本的 颜色，或者在颜色弹出窗口的文本框中输入颜色的十六进制值，或者单击该 弹出窗口中的“系统颜色选取器”按钮，然后从“颜色”对话框中选择一种 颜色；若要对文本应用粗体、斜体或下划线样式，可单击“粗体”按钮、“ 斜体”按钮或“下划线”按钮。
通过属性面板中的“段落缩进”文本框输入数值，或单击其旁边的按钮 ，然后拖动滑块设置段落的首行缩进。缩进量以像素作为度量单位。
5.2.8 对文字应用笔触和填充
在Fireworks中文字和普通的矢量对象一样，可以进行任何笔触和填充的 调整。
5.3 将文本附加到路径
在Fireworks中，除了可以使用矩形的文本块外，还可以将文本附加到 绘制的路径，文本可以沿着路径的形状排列，这样不仅可以改变文本的排列 效果，还可以增加丰富的视觉效果。附加到路径的文本和路径都保持可编辑 性
在工具箱中单击按钮选中“文本”工具后，属性面板中将显示“文本” 工具的设置选项。
5.2.1 选择文本范围
5.2.7 设置段落缩进和段落间距
在属性面板中，可以对文本的段落进行调整，在文本框中输入数值或拖 动滑块来设置段落首行缩进和段落之间的间距量。
5.2.2 设置字体、字号、样式和颜色属性
要设置文字的字体、字号和颜色属性，可以在“文本”工具的属性面板 中单击“字体”下拉列表框，从弹出的下拉列表框中选择一种字体；在“大 小”文本框中输入字体大小数值或单击其旁边的按钮，然后拖动滑块设置字 体的大小；单击“文本”颜色按钮，在弹出的颜色选择框中可以选择文本的 颜色，或者在颜色弹出窗口的文本框中输入颜色的十六进制值，或者单击该 弹出窗口中的“系统颜色选取器”按钮，然后从“颜色”对话框中选择一种 颜色；若要对文本应用粗体、斜体或下划线样式，可单击“粗体”按钮、“ 斜体”按钮或“下划线”按钮。
通过属性面板中的“段落缩进”文本框输入数值，或单击其旁边的按钮 ，然后拖动滑块设置段落的首行缩进。缩进量以像素作为度量单位。
5.2.8 对文字应用笔触和填充
在Fireworks中文字和普通的矢量对象一样，可以进行任何笔触和填充的 调整。
5.3 将文本附加到路径
在Fireworks中，除了可以使用矩形的文本块外，还可以将文本附加到 绘制的路径，文本可以沿着路径的形状排列，这样不仅可以改变文本的排列 效果，还可以增加丰富的视觉效果。附加到路径的文本和路径都保持可编辑 性
在工具箱中单击按钮选中“文本”工具后，属性面板中将显示“文本” 工具的设置选项。
5.2.1 选择文本范围
fireworks cs5标准实例教程 配套全册教学课件
网页安全色：目前的浏览器使用了256色中的40种颜色，所以这40种颜 色不再用于网页设计，剩余的216种颜色被称为网页安全色。
1.3 基本操作
1.3.1 工作界面
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
学习的过程中多加体会，让Fireworks CS5真正成为您处理网页图像 的得力助手。 学习目的
通过本章的学习，要求掌握： 形状工具 自由路径 笔触和填充 位图选择工具
2.1 矢量对象
2.1.1 形状工具 形状工具组中有17种形状工具，即如图所示
的形状工具组和直线工具。
使用形状工具绘制图形的一般步骤如下：
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
1.3 基本操作
1.3.1 工作界面
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
学习的过程中多加体会，让Fireworks CS5真正成为您处理网页图像 的得力助手。 学习目的
通过本章的学习，要求掌握： 形状工具 自由路径 笔触和填充 位图选择工具
2.1 矢量对象
2.1.1 形状工具 形状工具组中有17种形状工具，即如图所示
的形状工具组和直线工具。
使用形状工具绘制图形的一般步骤如下：
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
第5章 Fireworks基本操作
【例5.6】粘贴为蒙板
（1）打开一张图片文件，选择“椭圆”工具，边按住键盘上的Shift 键边拖动鼠标可以在图片上画一个圆，然后克隆一个一样的圆，用 “指针”工具调整两个圆的位置,如下图所示。
（2）按住键盘上的Shift，同时选中这两个圆。 （3）执行“修改”→“组合”菜单命令，将两个圆组合在一起。 （4）执行“编辑”→“剪切”菜单命令，剪切两个圆。
【例5.3】位图的编辑
【例5.3】位图的编辑
（1）执行“文件”→“打开”菜单命令打开文档 “car.jpg”。 （2）选择工具面板上的“魔术棒”工具，在图片空白 处点击一下，即选中空白区域。 （3）选择工具面板上的“渐变”工具。 （4）在“属性”面板上，按下“填充颜色”按钮向下 的箭头，设置渐变色，点击左边的颜色样本改为黄色， 右边的颜色样本改为白色。 （5）再将“属性”面板上的纹理设置为“钢琴键” 。 （6）在选中的空白区域内单击，即将渐变色运用到选 区中。
【例5.5】文字蒙板
（1）创建一个空白文档（400*300像素），画布颜色为黑色，选择工具 面板中的“刷子”工具在属性面板中设置笔触属性。 （2）使用笔刷在文档中拖动，绘制位图图像 (3)使用“文字”工具在文档中输入：HAPPY LIFE，在属性面板中设置文 字属性。 (4)按住键盘上的CTRL键，在层面板中选择文字层和位图层后松开，执行 “修改”→“蒙板”→“组合为蒙板”命令，即可完成蒙板效果的创建。
Fireworks的工作界面
样式面板的使用
通过创建样式，可以保存 并重新应用一组预定义的 填充、笔触、滤镜和文本 属性。将样式应用于对象 后，该对象即具备了该样 式的特性。Fireworks 提供 了许多预定义的样式。可 以添加、更改和删除样式。 还可将样式导出以便与其 他 Fireworks 用户共享，或 者从其它 Fireworks 文档导 入样式。
Fireworks教程
在“品质”文本框中，键入 75，或使用“品质”滑块。
选择“锐化颜色边缘”选项。
单击“导出” ……
中国人民大学 王蓉 29
教程：处理照片 预览和导出图像
在出现的“导出”对话框中，浏览到硬盘上的如下文件夹：
local_sites/cafe_townsend/images/
选择“导出”弹出菜单中的“帧到文件”。
“工具”面板 “属性”检查器
各种面板 中国人民大学 王蓉 3
Fireworks简介 “工具”面板
“工具”面板被编排为六个类别：
推荐网上视频教程:
选择 位图 矢量 Web 颜色 视图
中国人民大学 王蓉 4
Fireworks简介 从某个工具组中选择一种工具 “工具”面板中工具右下角的小三角表示它是某个工具组的一部分。 例如，“矩形”工具属于基本形状工具组，该工具组还包括“圆角矩形”、“椭圆”和“多边形” 基本工具，以及分隔线下面显示的所有“智能形状”工具。
中国人民大学 王蓉 22
教程：处理照片 创作图像—创建和命名帧
帧是 Fireworks 的一项功能，通常用于创建动画和变换图像。在本例中，将使用帧容纳各个照片，然后将 它们一次导出到单独的文件中。
1 确保在 Fireworks 中打开了ImageSource.png 文件。 2 选择“窗口”>“帧”，以打开“帧”面板。 3 单击面板右上角的上下文菜单， 然后选择“添加帧”。
结束该过程。
中国人民大学 王蓉 18
教程：处理照片 批量处理大型图像文件 当查看 camera_files 文件夹中的文件时，可以看到 Fireworks 已将原始图像文件放入名为 Original Files 的文件夹中，而且缩放操作已显著地减小了文件的大小。
中文版Fireworks CS5基础与上机实训课件 06
“显示所选”命令：只能用于选区。对当前选区应用一个透明的蒙版， 位图中的其他像素被隐藏。
“隐藏选区”命令：只能用于选区。对当前选区应用一个不透明的蒙版 ，位图中的其他像素被显示。
6.3.5 编辑蒙版
蒙版可以有多种修改方式，通过修改蒙版的位置、形状和灰度，可以更改 被蒙版遮盖的对象的透明度，另外还可以替换、禁用或删除蒙版。“图层” 面板中的蒙版缩略图可以显示对蒙版所做的各种编辑效果。此外，还可以在 不移动蒙版的基础上调整被蒙版对象，重新调整被蒙版遮盖对象的相对位置 以及蒙版图像的内容。
在“页面”面板中，页面对象以缩略图的形式显示，活动页面的名称高 亮显示。在每个页面中都有一定的层次结构，每个页面之间的层次结构都是 独立的。
6.2.1 添加和删除页面
在Fireworks的实际运用中，通过“页面”面板可以添加新页面，删除 不需要的页面以及复制现有页面。在添加、删除或移动页面时，Fireworks 会自动更新页面标题左边的数值。如果要使用“页面”面板进行编辑操作， 则先打开“页面”面板，选择“窗口”|“页面”命令，即可显示“页面”面 板。
计算机基础与实训教材系列
《中文版Fireworks CS5基础与 上机实训》
第六章
使用层、页面与蒙版
学习目标
利用Fireworks CS5提供的“图层”面板可以方便地管理层 。在制作复杂的图形时，可以将不同图形对象分别放置在不同 的层中，以便于对它们分别进行单独的操作。蒙版可以将图形 对象的局部区域遮盖，使该图形对象只显示所需部分。灵活地 使用层和蒙版可以制作出许多眩目的效果。在Fireworks的单个 PNG文件内可以创建多个页面。每个页面都包含了自己的画布 、大小、颜色、图像分辨率以及辅助线的设置。这些设置都可 以在每个页面的基础上进行设置，也可以在文档的所有页面中 以全局的方式进行设置。
“隐藏选区”命令：只能用于选区。对当前选区应用一个不透明的蒙版 ，位图中的其他像素被显示。
6.3.5 编辑蒙版
蒙版可以有多种修改方式，通过修改蒙版的位置、形状和灰度，可以更改 被蒙版遮盖的对象的透明度，另外还可以替换、禁用或删除蒙版。“图层” 面板中的蒙版缩略图可以显示对蒙版所做的各种编辑效果。此外，还可以在 不移动蒙版的基础上调整被蒙版对象，重新调整被蒙版遮盖对象的相对位置 以及蒙版图像的内容。
在“页面”面板中，页面对象以缩略图的形式显示，活动页面的名称高 亮显示。在每个页面中都有一定的层次结构，每个页面之间的层次结构都是 独立的。
6.2.1 添加和删除页面
在Fireworks的实际运用中，通过“页面”面板可以添加新页面，删除 不需要的页面以及复制现有页面。在添加、删除或移动页面时，Fireworks 会自动更新页面标题左边的数值。如果要使用“页面”面板进行编辑操作， 则先打开“页面”面板，选择“窗口”|“页面”命令，即可显示“页面”面 板。
计算机基础与实训教材系列
《中文版Fireworks CS5基础与 上机实训》
第六章
使用层、页面与蒙版
学习目标
利用Fireworks CS5提供的“图层”面板可以方便地管理层 。在制作复杂的图形时，可以将不同图形对象分别放置在不同 的层中，以便于对它们分别进行单独的操作。蒙版可以将图形 对象的局部区域遮盖，使该图形对象只显示所需部分。灵活地 使用层和蒙版可以制作出许多眩目的效果。在Fireworks的单个 PNG文件内可以创建多个页面。每个页面都包含了自己的画布 、大小、颜色、图像分辨率以及辅助线的设置。这些设置都可 以在每个页面的基础上进行设置，也可以在文档的所有页面中 以全局的方式进行设置。
使用文本-Fireworks教案
分析 总结
熟悉 "Stroke"、"Fill"、"Effect"、"Styles"等相关面板的使用。
【教学目的】 本章主要介绍 Fireworks 中文本处理， 掌握对文本的创建与 编辑，文本的操作以及文本的修饰 文字的编辑 对文本文件的修饰、在文本上应用各种效果。 文本的操作 重点与难点： 文本修饰、文本特效、文本附加于路径上、文本路径化和图像 化 Text Editor、文本效果、附加于路径，文本操作 【教学程过程】
图（1）
图（3）
图（2）
使用填充 1. 选定一个需要描边的文本，如图（1）所示。 2. 打开填充控制面板，在控制面板上选取一种效果，本例中 选取 "Linear"类型，改变颜色，设置为"Blue Red Yellow"，如图 （2）所示。 3. 此时选中文本应用这一类型的填充，产生一种奇特的文本 效果，如图（3） 。
将文本路径化与图像化 Fireworks 中文本可以转换为路径，但这种转换是不可逆的。 转换后的文本文件已经变成了路径，不能再当作文本编辑了。 一、文本转换为路径 1. 选择所需文本； 2. 单击【Text】菜单中的【Convert to Path】命令，则文本 就转换为路径了。 二、文本转换为图像 1. 选择所需文本； 2. 单击【Modify】菜单中的【Merge Images】命令，则文本 就转换为图像了。
文本文件在转换后，原来的设置不变。 小结 本章主要介绍 Fireworks 中文本处理， 要求掌握对文本的创建 与编辑，文本的操作以及文本的修饰，重点掌握文本特效的制作、 在路径上使用文本、文本的路径化和图像化，熟悉 "Stroke"、 "Fill"、"Effect"、"Styles"等相关面板的使用。
《Fireworks应用》课件
添加文本
在Fireworks中，您可以添加文本内容，并且可以对文本进行格式化，例如修改字体、颜色和大小等。 另外，还可以为文本添加描边、阴影等效果。
添加和编辑图像
添加图像
通过导入、拖放等方式添加图 像。
调整图像大小和位置
可以为图像设置大小和位置， 以便更好地集成到设计中。
图像编辑工具
提供裁剪、旋转、矫正等多种 图像编辑功能，确保图像符合 您的设计要求。
图像滤镜效果
通过应用各种滤镜，例如模糊、锐化、马赛克、变形等，可以为图像添加各种有趣和独特的视觉效果。
添加和编辑图层
通过添加图层，可以更好地管理设计元素，例如文本、图像、形状等。通过 调整图层属性，例如透明度、填充、边框等，可以更好地控制设计元素的外 观和信息。
制作按钮和动画
通过各种工具和技巧，您可以制作出各种按钮、标志、图标和动画效果。例如，您可以通过组合形状和 动画来创建下拉菜单或轮播图。
Fireworks应用
欢迎来到Fireworks应用的PPT课件。这个课件将会向大家介绍如何使用 Fireworks软件来创建惊人的图形和动画效果。
Fireworks软件简介
Fireworks是一款专为网页开发和创意设计制作的图像编辑软件，其功能强大 而且易于上手。通过这个课件，您将掌握Fireworks的基本操作和技巧，学会 制作精美的Web图形。
导出PPT
在完成设计工作后，您可以将Fireworks作品输出到PPT文件中，方便与他人进行分享和展示。
常见问题解答
1 如何复制图层？
可以通过选中图层，然后按Ctrl/Cmd+C和Ctrl/Cmd+V来复制和粘贴图层。
2 如何添加多个图像？
可以通过拖放方式将多个图像添加到Fireworks中，也可以通过导入功能来添加。
fireworks教案课件第5章对象操作
使用套索工具的时候，可以选择3种套索模式之一：自由选取模式、魔术棒模 式和多边形模式。下面分别进行说明。
（1）自由选取模式是系统默认的模式，在自由选取模式下比较随意，只要在 工作区内拖动鼠标，会沿鼠标运动轨迹产生一个不规则的黑线，如图所示。 拖动的轨迹既可以是封
闭区域，也可以是不封闭的区域，套索工具都可以建立一个完整的选择区域。 如图所示就是利用套索工具选择对象的一部分。
所需要选择的部分。但是这样只能选择规则的矩形区域，如图所示。 （7）如果需要选择不规则的区域，就要用到下面介绍的套索工具。
பைடு நூலகம்
5.1.2 套索工具
单击工具箱内的“ ”图标按钮，可以看到绘图工具箱的“选项”区域中出 现了套索工具的3种属性设置，即“魔术棒”、“魔术棒设置”和“多边形模 式”，如图所示。
学习目的
通过本章的学习，您可以： 掌握Flash动画中对象的选取方法。 掌握对象的选取、移动和删除的方法。 掌握对象的缩放、旋转与翻转及自由变形的方法。 掌握对象对齐、排列和组合的方法。
5.1 选择对象
要对对象进行编辑修改，必须先选择对象。在Flash CS4中提供了多 种选择对象的工具，最常用的就是黑色箭头工具、套索工具。
（2）单击 按钮，就会进入魔术棒模式，将鼠标指针移动到某种颜色处， 当鼠标变成时，单击鼠标左键，即可将该颜色以及和该颜色相近的颜色图形 块都选中。这种模式主要用于编辑色彩变化细节比较丰富的对象。
在使用魔术棒选取模式的时候，需要对魔术棒的属性进行设置。单击按钮， 就会打开“魔术棒设置”对话框，如图所示。该对话框各个选项的作用如下：
一般用户可以使用工具箱中的自由变形工具和变形浮动面板对对象进 行变形操作，还可以使用“修改”菜单里“变形”子菜单中的命令来 变形对象。
（1）自由选取模式是系统默认的模式，在自由选取模式下比较随意，只要在 工作区内拖动鼠标，会沿鼠标运动轨迹产生一个不规则的黑线，如图所示。 拖动的轨迹既可以是封
闭区域，也可以是不封闭的区域，套索工具都可以建立一个完整的选择区域。 如图所示就是利用套索工具选择对象的一部分。
所需要选择的部分。但是这样只能选择规则的矩形区域，如图所示。 （7）如果需要选择不规则的区域，就要用到下面介绍的套索工具。
பைடு நூலகம்
5.1.2 套索工具
单击工具箱内的“ ”图标按钮，可以看到绘图工具箱的“选项”区域中出 现了套索工具的3种属性设置，即“魔术棒”、“魔术棒设置”和“多边形模 式”，如图所示。
学习目的
通过本章的学习，您可以： 掌握Flash动画中对象的选取方法。 掌握对象的选取、移动和删除的方法。 掌握对象的缩放、旋转与翻转及自由变形的方法。 掌握对象对齐、排列和组合的方法。
5.1 选择对象
要对对象进行编辑修改，必须先选择对象。在Flash CS4中提供了多 种选择对象的工具，最常用的就是黑色箭头工具、套索工具。
（2）单击 按钮，就会进入魔术棒模式，将鼠标指针移动到某种颜色处， 当鼠标变成时，单击鼠标左键，即可将该颜色以及和该颜色相近的颜色图形 块都选中。这种模式主要用于编辑色彩变化细节比较丰富的对象。
在使用魔术棒选取模式的时候，需要对魔术棒的属性进行设置。单击按钮， 就会打开“魔术棒设置”对话框，如图所示。该对话框各个选项的作用如下：
一般用户可以使用工具箱中的自由变形工具和变形浮动面板对对象进 行变形操作，还可以使用“修改”菜单里“变形”子菜单中的命令来 变形对象。
Fireworks全套课件
1. 操作系统为 Windows 98 SE/Me/NT 4 (Service Pack 6) /2000/Xp； 2. 300 MHz Intel Pentium∥以上的处理器 3. 64 MB可用内存(建议使用128 MB)外加80 MB可用磁盘空间，硬盘可
用空间至少60 MB 4. 只读光驱CD-ROM 5. 800× 600像素分辨率，256色或更高的显示模式 6. Adobe Type Manager 4或更高版本，以便处理Type1字体。
《网页设计与制作》
——《Fireworks》
主要内容
• Fireworks简介 • 用Fireworks切割图形 • 用Firework制作有动态效果的切图 • 用Fireworks制作动画 • 用Fireworks的绘图工具的使用 • 文字工具及文字特效
一、Fireworks简介
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序，可以创 建和编辑位图及矢量图形，设计网页效果、如变换图像和弹出菜单、修剪 和优化图像，以压缩其大小 特点： 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 自动应用纹理和填充效果 完整的文本控制组件
一、合并图像形成动画 文件—打开，在打开图片对话框中，勾选“以动画打开”
第四节、用Fireworks制作动画
二、使用元件生成动画 • 创建一个动画元件：编辑—插入—新建元件，类型选择为“动画” • 编辑元件，在元件中插入文字或图片，完成后，使用“属性检查器输入动
画元件的设置，如角度、方向、缩放等 • 查看“帧”面板，通过调整“帧延时”来设置速度 • 将文档优化为GIF动画：窗口—优化，设置参数即可 • 也可以到处为SWF文件
谢谢同学们！
第四节、用Fireworks制作动画
用空间至少60 MB 4. 只读光驱CD-ROM 5. 800× 600像素分辨率，256色或更高的显示模式 6. Adobe Type Manager 4或更高版本，以便处理Type1字体。
《网页设计与制作》
——《Fireworks》
主要内容
• Fireworks简介 • 用Fireworks切割图形 • 用Firework制作有动态效果的切图 • 用Fireworks制作动画 • 用Fireworks的绘图工具的使用 • 文字工具及文字特效
一、Fireworks简介
Fireworks是一个创建、编辑和优化网页图形的多功能应用程序，可以创 建和编辑位图及矢量图形，设计网页效果、如变换图像和弹出菜单、修剪 和优化图像，以压缩其大小 特点： 活效果：在对象的效果改变后，仍然保存着路径的可编辑性 自动应用纹理和填充效果 完整的文本控制组件
一、合并图像形成动画 文件—打开，在打开图片对话框中，勾选“以动画打开”
第四节、用Fireworks制作动画
二、使用元件生成动画 • 创建一个动画元件：编辑—插入—新建元件，类型选择为“动画” • 编辑元件，在元件中插入文字或图片，完成后，使用“属性检查器输入动
画元件的设置，如角度、方向、缩放等 • 查看“帧”面板，通过调整“帧延时”来设置速度 • 将文档优化为GIF动画：窗口—优化，设置参数即可 • 也可以到处为SWF文件
谢谢同学们！
第四节、用Fireworks制作动画
Fireworks.ppt
选择“滤镜”＞“模糊”＞“运动模糊”，参数设置如下：角度 = 127; 距离 = 5。（改变水滴出来的位置）选择“滤镜”＞“模糊”＞“高斯模糊”，参数设 置为：模糊范围 = 3.3，（改变水滴的大小 ）
选择“滤镜”＞“颜色调整”＞“亮度/对比度”，参数设置如下：亮度 = -16； 对比度 = 100。这个效果是为了得了一个纯黑白对象。
实例一环绕文字
新建宽和高都是300像素的文件，背景设为白色。 点选“工具”面板中的“文本”工具，在工作区输入文本
“/fuguotao/，字体选择“Arial Black”，字号 为20像素大小，颜色为黑色。 点选“工具”面板“矢量”部分的“椭圆”工具。按住 “Shift”键，在工作区画一个圆。在“属性”检查器中输入 新的宽度 (w) 或高度 (h) 值，这里都是130。 单击“填充颜色框”图标。在颜色弹出窗口中选择“透明按 钮” （无填充） 选中“描边”工具。在“描边种类”中选择“铅笔”>“一像 素柔化”。按住Shift键，使用“指针”工具同时选择圆和文 字。打开菜单栏的“文本”菜单，单击“附加到路径”。 如果想旋转文字，选择“工具”面板中的“缩放工具”。出 现圆形箭头，就可以旋转文字。 如果希望文本沿路径的内侧排列，选择“文本”菜单中的 “倒转方向”。
一 文件窗口
fireworks 的文件窗口上有四个标签，可以同 时编辑和预览图象，你可以同时预览四种不 同的优化设定所产生的效果，选择最理想的 一种选 择、创建、编辑图象 的工具,有的工具按钮 的右下角有一个小三 角，说明这个工具包 含有几种不同的形式， 按住这个工具不放就 能显示其他的形式。
实例二 羽化图片
打开一个图片。点击 “工具”面板“位图” 部分的“选取框”工具。 也可以选择“椭圆选取 框”工具，选择部分图 象。
选择“滤镜”＞“颜色调整”＞“亮度/对比度”，参数设置如下：亮度 = -16； 对比度 = 100。这个效果是为了得了一个纯黑白对象。
实例一环绕文字
新建宽和高都是300像素的文件，背景设为白色。 点选“工具”面板中的“文本”工具，在工作区输入文本
“/fuguotao/，字体选择“Arial Black”，字号 为20像素大小，颜色为黑色。 点选“工具”面板“矢量”部分的“椭圆”工具。按住 “Shift”键，在工作区画一个圆。在“属性”检查器中输入 新的宽度 (w) 或高度 (h) 值，这里都是130。 单击“填充颜色框”图标。在颜色弹出窗口中选择“透明按 钮” （无填充） 选中“描边”工具。在“描边种类”中选择“铅笔”>“一像 素柔化”。按住Shift键，使用“指针”工具同时选择圆和文 字。打开菜单栏的“文本”菜单，单击“附加到路径”。 如果想旋转文字，选择“工具”面板中的“缩放工具”。出 现圆形箭头，就可以旋转文字。 如果希望文本沿路径的内侧排列，选择“文本”菜单中的 “倒转方向”。
一 文件窗口
fireworks 的文件窗口上有四个标签，可以同 时编辑和预览图象，你可以同时预览四种不 同的优化设定所产生的效果，选择最理想的 一种选 择、创建、编辑图象 的工具,有的工具按钮 的右下角有一个小三 角，说明这个工具包 含有几种不同的形式， 按住这个工具不放就 能显示其他的形式。
实例二 羽化图片
打开一个图片。点击 “工具”面板“位图” 部分的“选取框”工具。 也可以选择“椭圆选取 框”工具，选择部分图 象。
Fireworks教案
Fireworks教案第一章一、概述1、简介：adobe公司旗下的集图像处理与动画制作为一体的制作软件2、特点：丰富的位图处理功能强大的优化输出功能（可根据需要更改图片格式）可导入各种文件格式制作网页动画制作兼容性增强3、网页制作概述网页元素组成网页制作过程前台美工应用4、网页四剑客（比对fw和ps）二、图形简介1、位图2、矢量图3、网络图形（jpeg，gif，png简介和特点）Jpg：支持颜色多，文件容量大。
Gif：支持256色，支持透明背景和动画Png：兼并了jpg和gif的特点，支持直接编辑，逐渐流行。
三、安装与进入Install.exe（安装在非系统盘）sn.txt（keygen。
exe）为注册码绿化软件的安装。
四、基础知识1、界面简介2、快捷键工具（ctrl+f2）属性（ctrl+f3）克隆（ctrl+shift+d）数值变形（ctrl+shift+t）对齐（没有）层面板（f2）优化（f6）混色器（shift+f9）帧（shift+f2）历史纪录（shift+f10）行为（shift+f3）3、辅助工具首选参数（ctrl+u）标尺（ctrl+alt+r）网格（ctrl+alt+g）网格以及辅助线的编辑4、界面设置三种界面切换（f）创建以及画布设置第二章工具（一）一、选择区域1、选取工具组（v）后方选择工具：先选中前面的物体，后单击后方物体，进行后面物体的选中。
2、任意变形工具组（q）缩放倾斜扭曲注意：ctrl+t只可以调用缩放工具3、裁减工具组（c）导出区域：除了进行图片的裁减以外，可以对所选中的部分直接进行导出二、位图区域1、选取框工具（m）椭圆选取框工具用于对位图进行选择，选择区域以外的物体将不会被更改。
2、套索工具（L）分为普通套索和多边形套索，用于制作不规则选区3、魔术棒工具（W）用于选取相似颜色的区域注：讲解所有位图选取工具时要配合选择菜单以及属性面板的介绍三、实例：图片修饰第三章工具（二）一、位图工具1、笔刷和铅笔工具（B、Y）用于绘制软线条和硬线条使用属性面板操作（特别是画笔样式以及如何使用其它画笔样式）2、橡皮工具（E）用于擦除图片区域注：透明度设置以及应用3、位图修饰工具组模糊工具锐化工具减淡工具加深工具涂抹工具4、图章工具组仿制图章工具替换颜色工具去除红眼工具二、钢笔工具和部分选区工具工笔工具用于绘制路径使用注：使用钢笔工具时如何绘制直线不封闭路径，以及绘制完曲线路径后如何绘制直线路径。
fireworks教案课件第5章元件和图层
5.3.2 显示与隐藏图层
隐藏与显示图层的操作步骤如下： 1．在【层】面板中，选择要隐藏的图层。 2．单击图层前面的【显示/隐藏】图标，当眼睛图标消失时，则隐
藏该图层上的图像内容；再次单击【显示/隐藏】图标，显示隐藏的图层。
5.3.3 排列图层
1、新建一个文档。 2、选择【文件】/【导入】命令，导入两 幅图片，摆放好位置，如上图所示。 3、在【层】面板中，选中图层【flower】， 按住鼠标左键不放，拖曳至图层【butterfly】 之上。或将图层【butterfly】拖放至图层 【flower】之下。效果如下图所示。
第5章 元件和图层
本章重点 本章将向读者介绍利用元件实现对文档中对象的重复使用和自动
更新。使用图层将多幅图像进行修剪、叠加，形成所需要的图像，还 可以任意地设置图层的合成模式、图层蒙板、图层样式等，使图像产 生神奇的艺术效果。 学习目的 通过本章的学习，您可以掌握： 创建元件 编辑元件 图层操作
2．在弹出的对话框中选中需导入/导出的元件。按住键盘上的【Ctrl】 键或【Shift】键可以同时选取多个元件。
3．单击【确定】或【导出】按钮。
5.1.4 元件使用实例——缠绕的线条
5.2 混合模式
在绘画工具的属性面板中，用户可以设置画笔与图像之间颜色的合成 效果。单击【混合模式】右侧的 按钮，弹出混合模式下拉列表。
图1 路径轮廓效果 图2 显示填充和笔触效果
图3 灰度外观效果
5.4.2 位图蒙板
位图蒙版主要有下面2个属性值： 【Alpha通道】：遮挡物作为Alpha通道进行遮挡。 【灰度等级】：根据遮挡物和被遮挡物的明暗关系决定蒙版效果。
5.4.3 贴入内部
1、选中被遮挡物。 2、选择菜单栏【编辑】/【剪切】命令。 3、在画布绘制遮挡物，选择菜单栏【编辑】/【贴入内部】命令，即 可将被遮挡物粘贴到遮挡物内部，形成蒙版效果。如图所示。
Fireworks 全套教学课件
FireWorks
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
算，选区会扩大； 按住Alt键再选取则两个区域作差运算，
选区会缩小； 同时按住Shift和Alt再选取则两个区域
作乘积运算；
选区的反转
执行[反选]命令
选区边缘范围的调整
扩展或收缩选区 对选区扩边 对选区平滑处理 扩大选取与选取
相似
扩展或收缩选区
对选区扩边
对选区平滑处理
扩大选取与选取相似
一、设置绘图颜色
颜色是创作的重要组成部分，使用绘图工 具进行创作时必须选择一种颜色；
颜色包含前景色和背景色两种； 颜色的设置通过调色板或拾色器来完成。
前景色和背景色
前景色是指当前绘画工具所使用的颜色； 背景色是指图像的底色。
1、使用“拾色器”
是最基本的颜色设置工具； 可以直接在颜色区取色（单击前景色按钮，
五、位图图片的处理
导入位图图片 使用选区工具 位图图片的效果处理 使用图层 使用蒙板
六、创建图片动画
图片动画的概念 帧的种类及其作用 元件和实例 动画的创建
七、网页图片的输出
关于Web图片的切片 图片格式的选择与优化 图片的输出
设计举例
设计一个北京工商大学的宣传图片
2、学习内容
创建选区的工具介绍 选区的编辑 柔化选区边缘
3、创建选区的工具
[选框]工具
[矩形]选框工具； [椭圆]选框工具；
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
算，选区会扩大； 按住Alt键再选取则两个区域作差运算，
选区会缩小； 同时按住Shift和Alt再选取则两个区域
作乘积运算；
选区的反转
执行[反选]命令
选区边缘范围的调整
扩展或收缩选区 对选区扩边 对选区平滑处理 扩大选取与选取
相似
扩展或收缩选区
对选区扩边
对选区平滑处理
扩大选取与选取相似
一、设置绘图颜色
颜色是创作的重要组成部分，使用绘图工 具进行创作时必须选择一种颜色；
颜色包含前景色和背景色两种； 颜色的设置通过调色板或拾色器来完成。
前景色和背景色
前景色是指当前绘画工具所使用的颜色； 背景色是指图像的底色。
1、使用“拾色器”
是最基本的颜色设置工具； 可以直接在颜色区取色（单击前景色按钮，
五、位图图片的处理
导入位图图片 使用选区工具 位图图片的效果处理 使用图层 使用蒙板
六、创建图片动画
图片动画的概念 帧的种类及其作用 元件和实例 动画的创建
七、网页图片的输出
关于Web图片的切片 图片格式的选择与优化 图片的输出
设计举例
设计一个北京工商大学的宣传图片
2、学习内容
创建选区的工具介绍 选区的编辑 柔化选区边缘
3、创建选区的工具
[选框]工具
[矩形]选框工具； [椭圆]选框工具；
fireworks CS3入门与提高配套全册教学课件
【剪切】命令。 【复制】：复制选定的对象到剪切板中。对应于【编辑】|【复制】命令。 【粘贴】：将剪切板中的对象粘贴到舞台。对应于【编辑】|【粘贴】命令。
1.2.4 工具箱
使用Fireworks处理图像，必须绘制各种图形和对象，还须插入Web 元素、编辑颜色等，这就必须使用到各种工具。在Fireworks CS3中， 图像处理工具都放置在工具箱中，图所示的就是Fireworks CS3的工 具箱。
1.2.1 标题栏
标题栏显示的主要有Fireworks标记、应用程序的名称、编辑图像的 名称、最小化按钮、最大化和正常之间的切换按钮以及关闭按钮。其 功能与Windows的标题栏相似。
1.2.2 菜单栏
标题栏的下面就是菜单栏，它包括【文件】、【编辑】、【视图】、 【选择】、【修改】、【文本】、【命令】、【滤镜】、【窗口】、 【帮助】10个菜单项，如图所示。
行为面板：Fireworks中动作的实现是通过行为面板实现的。使用行 为面板可以方便地为图像添加需要的动作组合，并删除不满意的动作。 避免了编写JavaScript代码。如图所示。
查找面板：在批量处理时使用该面板可以起到事半功倍的效果，如图 所示。
页面板：Fireworks CS3支持多页，即可以在单个文档（PNG 文件） 中创建多个页面，并分别设置每个独立页的各种参数，诸如画布大小、 颜色、图像分辨率等，甚至可以添加超级链接和热点，并在多个页面 之间共享图层。因而可在原型中方便地模拟网站流程，使创建复杂的 多页网站原形变得更为方便。页面板如图所示。
1.2.6 修改工具栏
修改工具栏提供了一些常见的图形操作命令——图群组、对齐、排列 以及旋转等。Fireworks CS3的修改工具栏位于主界面的下部，如图 所示。
1.2.4 工具箱
使用Fireworks处理图像，必须绘制各种图形和对象，还须插入Web 元素、编辑颜色等，这就必须使用到各种工具。在Fireworks CS3中， 图像处理工具都放置在工具箱中，图所示的就是Fireworks CS3的工 具箱。
1.2.1 标题栏
标题栏显示的主要有Fireworks标记、应用程序的名称、编辑图像的 名称、最小化按钮、最大化和正常之间的切换按钮以及关闭按钮。其 功能与Windows的标题栏相似。
1.2.2 菜单栏
标题栏的下面就是菜单栏，它包括【文件】、【编辑】、【视图】、 【选择】、【修改】、【文本】、【命令】、【滤镜】、【窗口】、 【帮助】10个菜单项，如图所示。
行为面板：Fireworks中动作的实现是通过行为面板实现的。使用行 为面板可以方便地为图像添加需要的动作组合，并删除不满意的动作。 避免了编写JavaScript代码。如图所示。
查找面板：在批量处理时使用该面板可以起到事半功倍的效果，如图 所示。
页面板：Fireworks CS3支持多页，即可以在单个文档（PNG 文件） 中创建多个页面，并分别设置每个独立页的各种参数，诸如画布大小、 颜色、图像分辨率等，甚至可以添加超级链接和热点，并在多个页面 之间共享图层。因而可在原型中方便地模拟网站流程，使创建复杂的 多页网站原形变得更为方便。页面板如图所示。
1.2.6 修改工具栏
修改工具栏提供了一些常见的图形操作命令——图群组、对齐、排列 以及旋转等。Fireworks CS3的修改工具栏位于主界面的下部，如图 所示。
《Fireworks应用》课件
工具栏
提供常用工具的快速访问，如选择工具、画 笔工具等。
工作区
显示和编辑图像的区域。
创建和编辑图像
01
02
03
创建新图像
通过选择“文件”>“新 建”命令，可以创建一个 新的空白图像。
导入图像
通过选择“文件”>“导 入”命令，可以将其他图 像或图片导入到当前工作 区。
编辑图像
使用各种工具和命令对图 像进行编辑，如裁剪、调 整亮度/对比度、应用滤镜 等。
件时。这得益于Fireworks的优化和专为网页设计的功能。
与Illustrator的比较
设计目的
Fireworks和Illustrator都是矢量图形设计工具，但 Fireworks更专注于网页设计和原型设计，而Illustrator则 更适合印刷品设计和图形设计。
操作方式
Fireworks的操作方式更直观，容易上手。而Illustrator的 操作方式则更为专业，需要更多的学习和实践。
详细描述
Fireworks支持多种移动设备尺寸和分辨率，提供了丰富的移动界面设计工具和 资源，如矢量图形、图标、按钮等。通过实例展示，可以深入了解Fireworks在 移动应用界面设计方面的应用和技巧，提高设计师的设计水平和效率。
游戏界面设计实例
总结词
游戏界面设计实例展示了Fireworks在游戏界面设计方面的应 用，包括游戏图标、菜单、界面布局等方面的设计技巧。
Fireworks的未来展望
更加高效的设计工具
Fireworks将不断优化性能，提高设计和制作效率，满足用户快速 迭代和高效工作的需求。
更加丰富的素材和模板
Fireworks将提供更加丰富和多样的素材和模板，降低用户寻找和 制作素材的时间成本。
SW05 第5章 Fireworks8 基本操作电子课件
2018/7/25
第5章
Fireworks8简介
25
5.2.4 添加与编辑文本
9．单击菜单栏中“修改”|“画布”|“修剪画布”命令，使画布大 小与图形大小一致。 10．保存文件。 文本在附加到路径后，选择“文本”工具并选中要编辑的文本， 就可以编辑文本。此外将含有软硬回车符的文本附加到路径时会现错 误。
2018/7/25
第5章
Fireworks8简介
29
5.2.6 制作网页导航实例
4．矩形应用了样式如图所示。
5．选择文本工具，在属性检查器中设置字体：隶书，字号：28， 加粗，颜色：#993333，在矩形上添加文本“首页”。 6．单击菜单栏中“修改”|“画布”|“修剪画布”，使画布与图形 大小一致。 7．保存文件完成按钮的制作。
5.1.2文件的基本操作
2018/7/25
第5章
Fireworks8简介
4
5.1.1 Flash8的操作界面
单击“开始”按钮，在开始菜单中依次选择“程序”— “Macromedia”—“Macromedia Fireworks 8 ”，启动Fireworks 8 程 序，进入Fireworks 8 的欢迎界面，如图所示。
2018/7/25
第5章
Fireworks8简介
12
5.2.1 编辑图像的基本操作
2．扭曲工具
（1）选择要扭曲的对象。 （2）单击扭曲工具，在文档窗口中，图形四周出现8 个方形变形手柄。 （3）将鼠标移到变形手柄，变为双向箭头时，按下并 拖动鼠标
Fireworks8简介
2018/7/25
第5章
Fireworks8简介
20
5.2.3 绘制与编辑失量对象
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
可以随时编辑文本，如：修改同一副本里的文本，竖排文本、变形文 本、文本附着到路径、文本转化为路径和图像。
可以在导入文本的同时保留丰富的文本格式属性。同时，当导入含有 文本的 Photoshop 文档时，还可以对文本进行编辑。Fireworks 在导 入时处理缺少字体的方法是要求您选择一种替换字体，或者允许您将 文本作为静态图像导入。
即可将文本与路径分离。分离后的路径将恢复原来的属性。
5.2.2 将文本转换为路径
选中文本，选择菜单栏【文本】|【转换为路径】命令，即可将文本转 换为路径。转化为路径的文本不能进行文本编辑，但是可以进行路径 相关的操作，例如编辑路径点、整形等，如图所示。
已转换为路径的文本会保留其所有的可视化属性，但只能将它作为路 径编辑。可以将已转换的文本作为一组进行编辑，或者单独编辑已转 换的字符。
第5章 文本对象和效率工具
本章重点
文字作为传播信息最便捷的载体，在Web中处于主导地位。本章介绍 文档的基本操作方法，包括新建文本框、编辑文本框、导入文本以及 文本与路径的关系，并介绍了Fireworks对象的查找和替换等效率工 具的使用。
学习目的
通过本章的学习，用户应该掌握： 掌握创建、导入文本的方法 使用文本编辑器编辑文本 掌握文本与路径的关系 掌握查找和替换面板
2．移动文本起点 文本附加到路径上时，是从路径起点开始附着的。使用属性设置面板
可以调节文本起点的位置。
选中附加到路径的文本，在属性设置面板的【文本偏移】栏内输入需 要的偏移量，单位是像素，即可按照设置的起点附着文本，如图所示。
3．文本与路径分离 选中附加到路径的文本，选择菜单栏【文本】|【从路径分离】命令，
在编辑文本时，Fireworks自动修改相应的笔触、填充和效果特性。 可以通过属性卡改变文本框的性质。也可以使用文本编辑器和文本菜 单中的相关命令来编辑文本。
两者中属性卡速度更快，并能对细节进行操作。 1．变换文本 2．设置文本的属性 3．插入特殊字符
5.2 文本与路径
通常输入的文本都是在矩形文本框中，这样的文本不是水平方向就是 竖直方向。如果要将文本变为任意形状和方向，可以采用附加到路径 的方法。首先绘制一条路径，然后将文本附加到路径上。这样，文本
动到目的位置即可。 除了直接拖动之外，还可以在创建的同时进行拖动，方法如下： （1）按下鼠标绘制文本框，同时按下空格键，可以移动文本框。 （2）松开空格键，可以继续绘制文本框。 注意：文本框在拖放状态下显示为红色边框，如图所示。
5.1.2 编辑文本
在一个文本框中，可以对文本的大小、字型、间距和基线变换参数进 行修改。
就能按照路径的走向排列，形成各种特殊效果。
5.2.1 将文本附加到路径
1．将文本附加到路径 通过在路径上附加文本，可以实现许多不同的效果，具体操作如下： （1）在文档编辑窗口绘制需要附着的路径。 （2）创建文本，并设置好文本的各项属性值。如图所示。 （3）同时选中文本和路径，选择菜单栏【文本】|【附加到路径】命令， 即可将文本附加到路径上。
（4）选择菜单栏【文本】|【方向】子菜单中的命令可以改变文本在 路径上的方向，共有4种方向设置，效果如图所示。
【依路径旋转】：文本围绕路径旋转。
【垂直】：文本垂直于路径。
【垂直倾斜】：文本倾斜，并垂直附着于路径上。
【水平倾斜】：文本水平倾斜，并垂直附着于路径上。
（5）选择菜单【文本】|【倒转方向】命令，可以翻转文本附加到路 径的方向。如图所示。对于超出路径长度的文本，将会折返回路径， 重复路径的形状，如图所示。
5.1.1 输入和移动文本
1．输入文本 所有文本显示在一个带有操作柄的矩形框中，这样构成一个文本框。 （1）打开Fireworks编辑器，新建一个画布。选择文本输入工具。 （2）在文本起始处单击左键，此时弹出一个小文本框，或者拖动鼠
标绘制一个宽度固定的文本框。 （3）在其中输入字符串。效果如图所示。 （4）单击文本框外的任何地方或在工具面板中选择其他工具或按下
Esc键来完成文本的输入。 Fireworks CS3具有自动命名文本功能。输入文本后，Fireworks CS3
自动以与文本内容匹配的名称保存文本对象。如果想为该文本对象选 择另一个名称，可以方便地更改自动指定的名称。
2．移动文本框 移动文本框很简单，只需选中所要移动的文本框并按住左键不放，拖
通常，文本的导入使用【文件】|【导入】命令或者是【文件】|【打 开】命令。这两种方法对ASCII码的导入和RTF文本的导入效果是一 样的。
ห้องสมุดไป่ตู้
5.3.1 导入ASCII码文本
利用常规的导入方法，可以直接导入现有的ASCII文本。如果使用 【打开】命令导入文本，则会新创建一个文档，然后在文档中生成一 个文本对象，并将文本文件中的内容放在其中。如果使用【导入】命 令导入文本，则会在当前文档中生成新的文本对象，其中包含文本文 件中的内容。具体操作如下：
学会在Fireworks中运行脚码文件
5.1 输入和编辑文本
Fireworks CS3提供了丰富的文本功能，可以方便地创建不同字体和 大小的文本，调整字距、间隔、颜色、标题、基线位移等。将 Fireworks 文本编辑功能同大量的笔触、填充、滤镜以及样式相结合， 能够使文本成为图形设计中一个生动的元素。此外，还可以使用 Fireworks 的拼写检查程序纠正拼写错误。
5.3 导入文本
如果所有的文本都要在Fireworks CS3中手动输入，那么将是一件很 麻烦的事情。实际上，Fireworks允许从外部导入文本。然后，在其 中进行编辑。
Fireworks中可以导入多种形式的文本，例如，可以导入纯文本的 ASCII码文件。也可以导入复文本格式的RTF文件，还可以直接从 Photoshop的文档中导入文本。最新版的Fireworks CS3更是与 Photoshop 和 Illustrator高效集成，导入Photoshop（PSD）文件时可 保持分层的图层、图层效果和混合模式，还可将Fireworks（PNG） 文件保存回 Photoshop（PSD）格式； 导入 Illustrator（AI）文件时 也可保持包括图层、组和颜色信息在内的图形完整性。
可以在导入文本的同时保留丰富的文本格式属性。同时，当导入含有 文本的 Photoshop 文档时，还可以对文本进行编辑。Fireworks 在导 入时处理缺少字体的方法是要求您选择一种替换字体，或者允许您将 文本作为静态图像导入。
即可将文本与路径分离。分离后的路径将恢复原来的属性。
5.2.2 将文本转换为路径
选中文本，选择菜单栏【文本】|【转换为路径】命令，即可将文本转 换为路径。转化为路径的文本不能进行文本编辑，但是可以进行路径 相关的操作，例如编辑路径点、整形等，如图所示。
已转换为路径的文本会保留其所有的可视化属性，但只能将它作为路 径编辑。可以将已转换的文本作为一组进行编辑，或者单独编辑已转 换的字符。
第5章 文本对象和效率工具
本章重点
文字作为传播信息最便捷的载体，在Web中处于主导地位。本章介绍 文档的基本操作方法，包括新建文本框、编辑文本框、导入文本以及 文本与路径的关系，并介绍了Fireworks对象的查找和替换等效率工 具的使用。
学习目的
通过本章的学习，用户应该掌握： 掌握创建、导入文本的方法 使用文本编辑器编辑文本 掌握文本与路径的关系 掌握查找和替换面板
2．移动文本起点 文本附加到路径上时，是从路径起点开始附着的。使用属性设置面板
可以调节文本起点的位置。
选中附加到路径的文本，在属性设置面板的【文本偏移】栏内输入需 要的偏移量，单位是像素，即可按照设置的起点附着文本，如图所示。
3．文本与路径分离 选中附加到路径的文本，选择菜单栏【文本】|【从路径分离】命令，
在编辑文本时，Fireworks自动修改相应的笔触、填充和效果特性。 可以通过属性卡改变文本框的性质。也可以使用文本编辑器和文本菜 单中的相关命令来编辑文本。
两者中属性卡速度更快，并能对细节进行操作。 1．变换文本 2．设置文本的属性 3．插入特殊字符
5.2 文本与路径
通常输入的文本都是在矩形文本框中，这样的文本不是水平方向就是 竖直方向。如果要将文本变为任意形状和方向，可以采用附加到路径 的方法。首先绘制一条路径，然后将文本附加到路径上。这样，文本
动到目的位置即可。 除了直接拖动之外，还可以在创建的同时进行拖动，方法如下： （1）按下鼠标绘制文本框，同时按下空格键，可以移动文本框。 （2）松开空格键，可以继续绘制文本框。 注意：文本框在拖放状态下显示为红色边框，如图所示。
5.1.2 编辑文本
在一个文本框中，可以对文本的大小、字型、间距和基线变换参数进 行修改。
就能按照路径的走向排列，形成各种特殊效果。
5.2.1 将文本附加到路径
1．将文本附加到路径 通过在路径上附加文本，可以实现许多不同的效果，具体操作如下： （1）在文档编辑窗口绘制需要附着的路径。 （2）创建文本，并设置好文本的各项属性值。如图所示。 （3）同时选中文本和路径，选择菜单栏【文本】|【附加到路径】命令， 即可将文本附加到路径上。
（4）选择菜单栏【文本】|【方向】子菜单中的命令可以改变文本在 路径上的方向，共有4种方向设置，效果如图所示。
【依路径旋转】：文本围绕路径旋转。
【垂直】：文本垂直于路径。
【垂直倾斜】：文本倾斜，并垂直附着于路径上。
【水平倾斜】：文本水平倾斜，并垂直附着于路径上。
（5）选择菜单【文本】|【倒转方向】命令，可以翻转文本附加到路 径的方向。如图所示。对于超出路径长度的文本，将会折返回路径， 重复路径的形状，如图所示。
5.1.1 输入和移动文本
1．输入文本 所有文本显示在一个带有操作柄的矩形框中，这样构成一个文本框。 （1）打开Fireworks编辑器，新建一个画布。选择文本输入工具。 （2）在文本起始处单击左键，此时弹出一个小文本框，或者拖动鼠
标绘制一个宽度固定的文本框。 （3）在其中输入字符串。效果如图所示。 （4）单击文本框外的任何地方或在工具面板中选择其他工具或按下
Esc键来完成文本的输入。 Fireworks CS3具有自动命名文本功能。输入文本后，Fireworks CS3
自动以与文本内容匹配的名称保存文本对象。如果想为该文本对象选 择另一个名称，可以方便地更改自动指定的名称。
2．移动文本框 移动文本框很简单，只需选中所要移动的文本框并按住左键不放，拖
通常，文本的导入使用【文件】|【导入】命令或者是【文件】|【打 开】命令。这两种方法对ASCII码的导入和RTF文本的导入效果是一 样的。
ห้องสมุดไป่ตู้
5.3.1 导入ASCII码文本
利用常规的导入方法，可以直接导入现有的ASCII文本。如果使用 【打开】命令导入文本，则会新创建一个文档，然后在文档中生成一 个文本对象，并将文本文件中的内容放在其中。如果使用【导入】命 令导入文本，则会在当前文档中生成新的文本对象，其中包含文本文 件中的内容。具体操作如下：
学会在Fireworks中运行脚码文件
5.1 输入和编辑文本
Fireworks CS3提供了丰富的文本功能，可以方便地创建不同字体和 大小的文本，调整字距、间隔、颜色、标题、基线位移等。将 Fireworks 文本编辑功能同大量的笔触、填充、滤镜以及样式相结合， 能够使文本成为图形设计中一个生动的元素。此外，还可以使用 Fireworks 的拼写检查程序纠正拼写错误。
5.3 导入文本
如果所有的文本都要在Fireworks CS3中手动输入，那么将是一件很 麻烦的事情。实际上，Fireworks允许从外部导入文本。然后，在其 中进行编辑。
Fireworks中可以导入多种形式的文本，例如，可以导入纯文本的 ASCII码文件。也可以导入复文本格式的RTF文件，还可以直接从 Photoshop的文档中导入文本。最新版的Fireworks CS3更是与 Photoshop 和 Illustrator高效集成，导入Photoshop（PSD）文件时可 保持分层的图层、图层效果和混合模式，还可将Fireworks（PNG） 文件保存回 Photoshop（PSD）格式； 导入 Illustrator（AI）文件时 也可保持包括图层、组和颜色信息在内的图形完整性。