Fireworks 8 教程第01章 Fireworks 8使用基础.pptVIP

第1章 Fireworks 8使用基础 Macromedia Fireworks 8是一个用来设计和制作专业化网页图形的应用软件，它给网页图形设计人员和开发人员提供一个快捷方便的制作环境。在Fireworks中，用户可以利用系统所提供的位图与矢量图工具创建、编辑Web图形与动画，利用可配置的输出和优化图像功能，将制作好的图像输出到Macromedia Dreamweaver或其他HTML编辑环境中。同时，在Dreamweaver和Flash内可以直接启动与编辑Fireworks 图形，从而使网页制作变得更加轻松自如 。 通过本章的理论学习和上机实训，读者应了解和掌握以下内容: Fireworks 8的工作界面 文档的创建方法 文档属性的设置方法 辅助工具的使用 视图的调整 本章章节内容安排如下: 1.1 Fireworks 8的功能介绍 1.2 Fireworks 8的工作界面 1.3 创建Fireworks文档 1.4 设置文档属性 1.5 使用辅助工具 1.6 调 整 视 图 1.7 思考与练习 1.1 Fireworks 8的功能介绍 Fireworks可以提供一个专业化的创建与编辑Web图像的工作环境，在此环境下可以方便地绘制与编辑位图对象、矢量对象、制作动画、导航条、弹出菜单，以及有图像翻转功能的热点与切片。本节将简要介绍Fireworks 8的基本功能。 编辑位图图像 编辑矢量图形 处理文本 丰富的动态滤镜 制作GIF动画 快速创建切片和热点 图像输出优化 编辑位图图像 在Fireworks中每一个位图都是一个独立的对象，可以对其运用“魔术棒”工具、“套索”工具、“铅笔”工具、“刷子”工具、“橡皮擦”工具等进行编辑修改，达到模糊、羽化、锐化、减淡、加深和涂抹等效果。下图所示就是进行模糊处理后的效果对比。 编辑矢量图形 在Fireworks中，矢量图形的绘制工具有“直线”工具、“矩形”工具、“椭圆”工具、“星形”工具、“圆角矩形”工具等基本形状绘制工具和“钢笔”工具、“矢量路径”工具等自由矢量路径绘制工具。下图所示为在Fireworks中绘制的矢量图形 。 处理文本 Fireworks 8提供了强大的文本处理功能，除了可以进行一般的文本操作，如运用不同的字体和调整文字之间的间距外，还可以同“笔触”面板、“填充”面板、动态滤镜相结合，设计出更为美观的文本。下图所示为在普通文本上运用了投影滤镜后的效果 。 丰富的动态滤镜 在Fireworks中，可以使用丰富的动态滤镜为图像制作生动的效果。动态滤镜包括“斜角和浮雕”、“杂点”、“阴影和光晕”、“调整颜色”、“模糊”和“锐化”等。动态滤镜可以用于矢量对象、位图对象和文本对象。在编辑这些对象时直接从属性面板中选择所要运用的滤镜种类即可。下图所示为图像运用了增加杂点的效 。 制作GIF动画 在Fireworks中可以创建和编辑简单的GIF动画，其原理是首先创建动画元件，然后添加到多帧上，并通过移动、缩放和旋转等动作来实现元件在屏幕上的动画效果。此外，还可以给每帧上的动画元件添加不同的滤镜特效。下图所示为一个GIF动画里面不同帧的显示效果 。 快速创建切片和热点 切片是Fireworks中用于创建交互性对象的基本构造块，它不像矢量图形或位图图形那样以图像的形式存在，而是作为网页对象以HTML代码的形式出现。在Fireworks的“层”面板的“网页层”中可以查看、选取和编辑切片对象。此外，使用拖放交换图像的方式将交互性添加到切片也是一种快速创建交换图像效果的方法。下图所示为在网页图像上创建的切片 。 图像输出优化 在Fireworks中往往需要对图像在导出前进行优化设置，以获得最佳的图像品质和文件大小。优化图像通常涉及到选择最佳的文件格式、设置该格式的特定选项、调整图形颜色等操作，这些操作都可以通过Fireworks中的“优化”面板来完成。下图所示为“优化”面板 。 1.2 Fireworks 8的工作界面 Fireworks 8的工作界面非常简洁，主要由以下几个部分组成：菜单栏、工具箱、绘图窗口、属性面板和面板组，如下图所示。下面详细介绍它们的特点和作用。 菜单栏 Fireworks 8的菜单栏包括“文件”、“编辑”、“视图”、“选择”、“修改”、“文本”、“命令”、“滤镜”、“窗口”和“帮助”10个菜单 。 工具箱