Fireworks 8 教程第01章 Fireworks 8使用基础
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
新建新文档
要在Fireworks 8中创建新文档，可以选择“文件”|“新建”命令， 打开“新建文档”对话框，如下图所示。在对话框中输入画布的宽度和 高度数值，单位可以选择像素、英寸或厘米。然后输入图片的分辨率数 值，单位有像素/英寸和像素/厘米 。
中文版Fireworks 8基础与上机实训
打开文档
中文版Fireworks 8基础与上机实训
1.4 设置文档属性
使用Fireworks进行设计创作时，有些文档的属性设置在一开始时 无法确定，这需要随着制作的进行渐渐确定。例如画布的大小、图像内 容在画面中的位置、图像的分辨率等。本节将详细讲述如何来改变文档 的这些属性 。
❖ 设置画布大小 ❖ 设置画布颜色 ❖ 设置图像大小 ❖ 旋转画布 ❖ 修整画布
中文版Fireworks 8基础与上机实训
通过本章的理论学习和上机实训，读者应了解和掌握以 下内容:
❖ Fireworks 8的工作界面 ❖ 文档的创建方法 ❖ 文档属性的设置方法 ❖ 辅助工具的使用 ❖ 视图的调整
中文版Fireworks 8基础与上机实训
本章章节内容安排如下: ❖ 1.1 Fireworks 8的功能介绍 ❖ 1.2 Fireworks 8的工作界面 ❖ 1.3 创建Fireworks文档 ❖ 1.4 设置文档属性 ❖ 1.5 使用辅助工具 ❖ 1.6 调 整 视 图 ❖ 1.7 思考与练习
中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时，首先要创建一个新文档或者打开一 个已经存在的文档。建立文档时的一些重要参数可以在创作过程中随时 改变 。
❖ 新建新文档 ❖ 打开文档 ❖ 保存和导出文档
中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训
制作GIF动画
在Fireworks中可以创建和编辑简单的GIF动画，其原理是首先创建 动画元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现 元件在屏幕上的动画效果。此外，还可以给每帧上的动画元件添加不同 的滤镜特效。下图所示为一个GIF动画里面不同帧的显示效果 。
中文版Fireworks 8基础与上机实训
图像输出优化
在Fireworks中往往需要对图像在导出前进行优化设置，以获得最 佳的图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、 设置该格式的特定选项、调整图形颜色等操作，这些操作都可以通过 Fireworks中的“优化”面板来完成。下图所示为“优化”面板 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例，可以选择“图像大小”对话框中的 _____ 复选框。
6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系。它不随设计的文 档一同导出，只是起到辅助设计的作用，只能在工作环境中看到。
7. Fireworks 8提供了_____ 、 _____ 和 _____ 3种视图界面。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
选择题
8. 在Fireworks 8中可以通过( A. 双击“手形”工具按钮 B. 双击“缩放”工具按钮
)方法快速设置文档为100%显示。 C. 在画布中双击 D. 按住Alt键在画布中单击
中文版Fireworks 8基础与上机实训
1.1 Fireworks 8的功能介绍
Fireworks可以提供一个专业化的创建与编辑Web图像的工作环境， 在此环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导 航条、弹出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍 Fireworks 8的基本功能。
中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口的底部，其中的参数随着绘图窗口中的对象 不同而变化，如下图所示。当编辑矢量图形时，属性面板中会出现笔触、 填充、滤镜等参数设置选项；而当编辑位图图像时，属性面板只出现滤 镜参数设置选项。灵活运用属性面板的各项参数设置，可以制作出许多 独特的图形效果。要打开或关闭属性面板，选择“窗口”|“属性”命令 即可 。
丰富的动态滤镜
在Fireworks中，可以使用丰富的动态滤镜为图像制作生动的效果。 动态滤镜包括“斜角和浮雕”、“杂点”、“阴影和光晕”、“调整颜 色”、“模糊”和“锐化”等。动态滤镜可以用于矢量对象、位图对象 和文本对象。在编辑这些对象时直接从属性面板中选择所要运用的滤镜 种类即可。下图所示为图像运用了增加杂点的效 。
中文版Fireworks 8基础与上机实训
第1章 Fireworks 8使用基础
Macromedia Fireworks 8是一个用来设计和制作专业化网页图形的应用软件，它 给网页图形设计人员和开发人员提供一个快捷方便的制作环境。在Fireworks中，用 户可以利用系统所提供的位图与矢量图工具创建、编辑Web图形与动画，利用可配 置的输出和优化图像功能，将制作好的图像输出到Macromedia Dreamweaver或其他 HTML编辑环境中。同时，在Dreamweaver和Flash内可以直接启动与编辑Fireworks 图形，从而使网页制作变得更加轻松自如 。
2. Fireworks 8的工作界面主要由以下几个部分组成： _____ 、 _____ 、 _____ 、
_____和_____。
3.
面板可以显示撤销和重做的命令列表，合理利用该面板可以大大简化工作流程。
4. 要在“打开”对话框中同时选中多个文件，按住键盘上的 _____ 键，可选择多个相连的文 件；按住_____ 键，可选择多个不相连的文件。
绘图窗口
❖ 面板组
属性面板
中文版Fireworks 8基础与上机实训
菜单栏
Fireworks 8的菜单栏包括“文件”、“编辑”、“视图”、“选 择”、“修改”、“文本”、“命令”、“滤镜”、“窗口”和“帮 助”10个菜单 。
中文版Fireworks 8基础与上机实训
工具箱
默认情况下，工具箱位于Fireworks 8工作界面的左侧，其中包含 了10多种工具。选择“窗口”|“工具”命令可以显示或隐藏工具箱。
在Fireworks中，图片的尺寸最小可以缩小到原尺寸大小的6%，最大可以放大 到原尺寸大小的6400%。可以使用工具箱中的“视图”工具组进行设置，下图所示
“手形”工具
“缩放”工具
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
1. _____是Fireworks中用于创建交互性对象的基本构造块，它是作为网页对象以HTML代码的 形式出现。
9. 在Fireworks 8中，用复制命令复制一个对象后，再新建一个文档，则该文档的默认画布大 小为( )。
A. 上一次新建文档时所设置的画布大小 C. 随机数值
B. 复制到剪贴板中的对象的大小
D. 800×600像素
中文版Fireworks 8基础与上机实训
1.7 思考与练习
简答题
10. 在Fireworks 8中如何创建一个新文档？ 11. 在调整图像的尺寸时，图像中的内容会发生变化吗？影响画布尺寸吗？ 12. 在Fireworks 8中如何旋转画布？ 13. 在Fireworks 8中如何使用辅助工具绘制图形？
中文版Fireworks 8基础与上机实训
1.2 Fireworks 8的工作界面
Fireworks 8的工作界面非常简洁，主要由以下几个部分组成：菜单 栏、工具箱、绘图窗口、属性面板和面板组，如下图所示。下面详细介 绍它们的特点和作用。
菜单栏
❖ 菜单栏
❖ 工具箱
工具箱
❖ 绘图窗口
面板组
❖ 属性面板
中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块，它不像矢 量图形或位图图形那样以图像的形式存在，而是作为网页对象以HTML 代码的形式出现。在Fireworks的“层”面板的“网页层”中可以查看、 选取和编辑切片对象。此外，使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法。下图所示为在网页图像上 创建的切片 。
❖ 编辑位图图像 ❖ 编辑矢量图形 ❖ 处理文本 ❖ 丰富的动态滤镜 ❖ 制作GIF动画 ❖ 快速创建切片和热点 ❖ 图像输出优化
中文版Fireworks 8基础与上机实训
编辑位图图像
在Fireworks中每一个位图都是一个独立的对象，可以对其运用 “魔术棒”工具、“套索”工具、“铅笔”工具、“刷子”工具、“橡 皮擦”工具等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂 抹等效果。下图所示就是进行模糊处理后的效果对比。
在Fireworks 8中，工具箱可以在窗口中任意移动，用户只需在其 上按下鼠标左键并拖动，即可在非功能区改变其放置位置。。
中文版Fireworks 8基础与上机实训
绘图窗口
绘图窗口是Fireworks 8工作界面的主要部分，用户所编辑的对象都 在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导 出等操作，如下图所示 。
wenku.baidu.com
中文版Fireworks 8基础与上机实训
处理文本
Fireworks 8提供了强大的文本处理功能，除了可以进行一般的文本 操作，如运用不同的字体和调整文字之间的间距外，还可以同“笔触” 面板、“填充”面板、动态滤镜相结合，设计出更为美观的文本。下图 所示为在普通文本上运用了投影滤镜后的效果 。
中文版Fireworks 8基础与上机实训
在Fireworks 8中，用户可以很容易地打开、导入和编辑在其他图形 应用程序中创建的矢量和位图图像。打开已有的Fireworks文档时，可以 选择“文件”|“打开”命令，然后在下图所示的“打开”对话框中浏览 文件所在的文件夹，选择需要的文件并单击“打开”按钮即可 。
中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训
编辑矢量图形
在Fireworks中，矢量图形的绘制工具有“直线”工具、“矩形” 工具、“椭圆”工具、“星形”工具、“圆角矩形”工具等基本形状绘 制工具和“钢笔”工具、“矢量路径”工具等自由矢量路径绘制工具。 下图所示为在Fireworks中绘制的矢量图形 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
操作题
14. 在Fireworks 8中创建一个名为“我的快捷键”的自定义快捷键方案，并设置该方案中部分 常用的快捷键。
15. 在Fireworks 8中新建一个800×600的文档，并导入一幅图像，然后将画布旋转180°。
中文版Fireworks 8基础与上机实训
1.5 使用辅助工具
在使用Fireworks进行图像制作时，通常需要使用一些辅助工具，如网格、标 尺和辅助线等。通过这些工具可以更加准确、方便地绘制图形。
❖ 使用标尺 ❖ 使用网格 ❖ 使用辅助线
中文版Fireworks 8基础与上机实训
1.6 调 整 视 图
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档。如果想 生成Web页中常用的JPEG或GIF格式，则需要使用“导出”命令。
选择“文件”|“保存”命令，打开下图所示的“另存为”对话框。 在该对话框的“文件名”文本框中输入文档名称，并选择保存路径，然 后单击“保存”按钮即可保存文档 。
要在Fireworks 8中创建新文档，可以选择“文件”|“新建”命令， 打开“新建文档”对话框，如下图所示。在对话框中输入画布的宽度和 高度数值，单位可以选择像素、英寸或厘米。然后输入图片的分辨率数 值，单位有像素/英寸和像素/厘米 。
中文版Fireworks 8基础与上机实训
打开文档
中文版Fireworks 8基础与上机实训
1.4 设置文档属性
使用Fireworks进行设计创作时，有些文档的属性设置在一开始时 无法确定，这需要随着制作的进行渐渐确定。例如画布的大小、图像内 容在画面中的位置、图像的分辨率等。本节将详细讲述如何来改变文档 的这些属性 。
❖ 设置画布大小 ❖ 设置画布颜色 ❖ 设置图像大小 ❖ 旋转画布 ❖ 修整画布
中文版Fireworks 8基础与上机实训
通过本章的理论学习和上机实训，读者应了解和掌握以 下内容:
❖ Fireworks 8的工作界面 ❖ 文档的创建方法 ❖ 文档属性的设置方法 ❖ 辅助工具的使用 ❖ 视图的调整
中文版Fireworks 8基础与上机实训
本章章节内容安排如下: ❖ 1.1 Fireworks 8的功能介绍 ❖ 1.2 Fireworks 8的工作界面 ❖ 1.3 创建Fireworks文档 ❖ 1.4 设置文档属性 ❖ 1.5 使用辅助工具 ❖ 1.6 调 整 视 图 ❖ 1.7 思考与练习
中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时，首先要创建一个新文档或者打开一 个已经存在的文档。建立文档时的一些重要参数可以在创作过程中随时 改变 。
❖ 新建新文档 ❖ 打开文档 ❖ 保存和导出文档
中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训
制作GIF动画
在Fireworks中可以创建和编辑简单的GIF动画，其原理是首先创建 动画元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现 元件在屏幕上的动画效果。此外，还可以给每帧上的动画元件添加不同 的滤镜特效。下图所示为一个GIF动画里面不同帧的显示效果 。
中文版Fireworks 8基础与上机实训
图像输出优化
在Fireworks中往往需要对图像在导出前进行优化设置，以获得最 佳的图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、 设置该格式的特定选项、调整图形颜色等操作，这些操作都可以通过 Fireworks中的“优化”面板来完成。下图所示为“优化”面板 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例，可以选择“图像大小”对话框中的 _____ 复选框。
6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系。它不随设计的文 档一同导出，只是起到辅助设计的作用，只能在工作环境中看到。
7. Fireworks 8提供了_____ 、 _____ 和 _____ 3种视图界面。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
选择题
8. 在Fireworks 8中可以通过( A. 双击“手形”工具按钮 B. 双击“缩放”工具按钮
)方法快速设置文档为100%显示。 C. 在画布中双击 D. 按住Alt键在画布中单击
中文版Fireworks 8基础与上机实训
1.1 Fireworks 8的功能介绍
Fireworks可以提供一个专业化的创建与编辑Web图像的工作环境， 在此环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导 航条、弹出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍 Fireworks 8的基本功能。
中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口的底部，其中的参数随着绘图窗口中的对象 不同而变化，如下图所示。当编辑矢量图形时，属性面板中会出现笔触、 填充、滤镜等参数设置选项；而当编辑位图图像时，属性面板只出现滤 镜参数设置选项。灵活运用属性面板的各项参数设置，可以制作出许多 独特的图形效果。要打开或关闭属性面板，选择“窗口”|“属性”命令 即可 。
丰富的动态滤镜
在Fireworks中，可以使用丰富的动态滤镜为图像制作生动的效果。 动态滤镜包括“斜角和浮雕”、“杂点”、“阴影和光晕”、“调整颜 色”、“模糊”和“锐化”等。动态滤镜可以用于矢量对象、位图对象 和文本对象。在编辑这些对象时直接从属性面板中选择所要运用的滤镜 种类即可。下图所示为图像运用了增加杂点的效 。
中文版Fireworks 8基础与上机实训
第1章 Fireworks 8使用基础
Macromedia Fireworks 8是一个用来设计和制作专业化网页图形的应用软件，它 给网页图形设计人员和开发人员提供一个快捷方便的制作环境。在Fireworks中，用 户可以利用系统所提供的位图与矢量图工具创建、编辑Web图形与动画，利用可配 置的输出和优化图像功能，将制作好的图像输出到Macromedia Dreamweaver或其他 HTML编辑环境中。同时，在Dreamweaver和Flash内可以直接启动与编辑Fireworks 图形，从而使网页制作变得更加轻松自如 。
2. Fireworks 8的工作界面主要由以下几个部分组成： _____ 、 _____ 、 _____ 、
_____和_____。
3.
面板可以显示撤销和重做的命令列表，合理利用该面板可以大大简化工作流程。
4. 要在“打开”对话框中同时选中多个文件，按住键盘上的 _____ 键，可选择多个相连的文 件；按住_____ 键，可选择多个不相连的文件。
绘图窗口
❖ 面板组
属性面板
中文版Fireworks 8基础与上机实训
菜单栏
Fireworks 8的菜单栏包括“文件”、“编辑”、“视图”、“选 择”、“修改”、“文本”、“命令”、“滤镜”、“窗口”和“帮 助”10个菜单 。
中文版Fireworks 8基础与上机实训
工具箱
默认情况下，工具箱位于Fireworks 8工作界面的左侧，其中包含 了10多种工具。选择“窗口”|“工具”命令可以显示或隐藏工具箱。
在Fireworks中，图片的尺寸最小可以缩小到原尺寸大小的6%，最大可以放大 到原尺寸大小的6400%。可以使用工具箱中的“视图”工具组进行设置，下图所示
“手形”工具
“缩放”工具
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
1. _____是Fireworks中用于创建交互性对象的基本构造块，它是作为网页对象以HTML代码的 形式出现。
9. 在Fireworks 8中，用复制命令复制一个对象后，再新建一个文档，则该文档的默认画布大 小为( )。
A. 上一次新建文档时所设置的画布大小 C. 随机数值
B. 复制到剪贴板中的对象的大小
D. 800×600像素
中文版Fireworks 8基础与上机实训
1.7 思考与练习
简答题
10. 在Fireworks 8中如何创建一个新文档？ 11. 在调整图像的尺寸时，图像中的内容会发生变化吗？影响画布尺寸吗？ 12. 在Fireworks 8中如何旋转画布？ 13. 在Fireworks 8中如何使用辅助工具绘制图形？
中文版Fireworks 8基础与上机实训
1.2 Fireworks 8的工作界面
Fireworks 8的工作界面非常简洁，主要由以下几个部分组成：菜单 栏、工具箱、绘图窗口、属性面板和面板组，如下图所示。下面详细介 绍它们的特点和作用。
菜单栏
❖ 菜单栏
❖ 工具箱
工具箱
❖ 绘图窗口
面板组
❖ 属性面板
中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块，它不像矢 量图形或位图图形那样以图像的形式存在，而是作为网页对象以HTML 代码的形式出现。在Fireworks的“层”面板的“网页层”中可以查看、 选取和编辑切片对象。此外，使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法。下图所示为在网页图像上 创建的切片 。
❖ 编辑位图图像 ❖ 编辑矢量图形 ❖ 处理文本 ❖ 丰富的动态滤镜 ❖ 制作GIF动画 ❖ 快速创建切片和热点 ❖ 图像输出优化
中文版Fireworks 8基础与上机实训
编辑位图图像
在Fireworks中每一个位图都是一个独立的对象，可以对其运用 “魔术棒”工具、“套索”工具、“铅笔”工具、“刷子”工具、“橡 皮擦”工具等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂 抹等效果。下图所示就是进行模糊处理后的效果对比。
在Fireworks 8中，工具箱可以在窗口中任意移动，用户只需在其 上按下鼠标左键并拖动，即可在非功能区改变其放置位置。。
中文版Fireworks 8基础与上机实训
绘图窗口
绘图窗口是Fireworks 8工作界面的主要部分，用户所编辑的对象都 在这里显示，而且可以通过它方便地进行查看比例、动画控制和文件导 出等操作，如下图所示 。
wenku.baidu.com
中文版Fireworks 8基础与上机实训
处理文本
Fireworks 8提供了强大的文本处理功能，除了可以进行一般的文本 操作，如运用不同的字体和调整文字之间的间距外，还可以同“笔触” 面板、“填充”面板、动态滤镜相结合，设计出更为美观的文本。下图 所示为在普通文本上运用了投影滤镜后的效果 。
中文版Fireworks 8基础与上机实训
在Fireworks 8中，用户可以很容易地打开、导入和编辑在其他图形 应用程序中创建的矢量和位图图像。打开已有的Fireworks文档时，可以 选择“文件”|“打开”命令，然后在下图所示的“打开”对话框中浏览 文件所在的文件夹，选择需要的文件并单击“打开”按钮即可 。
中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训
编辑矢量图形
在Fireworks中，矢量图形的绘制工具有“直线”工具、“矩形” 工具、“椭圆”工具、“星形”工具、“圆角矩形”工具等基本形状绘 制工具和“钢笔”工具、“矢量路径”工具等自由矢量路径绘制工具。 下图所示为在Fireworks中绘制的矢量图形 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
操作题
14. 在Fireworks 8中创建一个名为“我的快捷键”的自定义快捷键方案，并设置该方案中部分 常用的快捷键。
15. 在Fireworks 8中新建一个800×600的文档，并导入一幅图像，然后将画布旋转180°。
中文版Fireworks 8基础与上机实训
1.5 使用辅助工具
在使用Fireworks进行图像制作时，通常需要使用一些辅助工具，如网格、标 尺和辅助线等。通过这些工具可以更加准确、方便地绘制图形。
❖ 使用标尺 ❖ 使用网格 ❖ 使用辅助线
中文版Fireworks 8基础与上机实训
1.6 调 整 视 图
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档。如果想 生成Web页中常用的JPEG或GIF格式，则需要使用“导出”命令。
选择“文件”|“保存”命令，打开下图所示的“另存为”对话框。 在该对话框的“文件名”文本框中输入文档名称，并选择保存路径，然 后单击“保存”按钮即可保存文档 。