网页设计与制作第14章Firworks进阶应用.pptVIP

第14章Firworks进阶应用学习目标：本章将介绍FireworksMX2004与Web相结合的图像处理和加工能力，主要包括按钮、蒙板、热点等较高级的操作，最后还将介绍如何制作GIF动画。通过本章的学习，要求掌握制作按钮和弹出菜单的方法，学会使用切片和热点工具，能够制作GIF动画。

第14章Firworks进阶应用14.1元件和实例的概念14.2切片工具的使用14.3创建热点和图像映射14.4制作按钮14.5制作弹出菜单

14.1元件和实例的概念

元件是存储在Fireworks库中的一个特殊对象或对象组，在图像处理过程中，对于某些需要反复使用的相同元素，我们把它转换成元件以后使用起来非常方便。FireworksMX2004提供了三种类型的元件：图形、按钮和动画。实例是元件的副本，我们从库中将元件拖动到文档中，实际上就是在文档中创建了该元件的一个实例。它具有该元件所具有的一切属性，当我们编辑这个元件时，该元件的所有的实例都会自动更新，这将大大减小我们的工作量。

14.1元件和实例的概念1.创建新元件2.转换对象为元件3.编辑元件

14.2切片工具的使用切片将Fireworks文档分割成多个较小的部分，每个部分都以单独的文件形式导出。切片的使用可以较好地优化文件，其优点主要表现在以下几个方面：用户可以分别对切割成的每一幅小图片进行不同程度或不同格式的优化。保证图像质量的同时不影响网页的浏览速度。因为切片的使用，可以使我们只修改网页中一部分，而不用对整个网页进行修改。

14.2切片工具的使用1.切片工具2.设置切片对象的属性3.导出所选切片4.导出切片文档

14.4制作按钮在FireworksMX2004中，我们可以轻松地创建出具有交互行为的精美按钮:1.新建按钮元件2.将已有图形或文本转换成按钮3.制作导航条

14.5制作弹出菜单注意：弹出菜单在Fireworks中预览是看不到弹出菜单的，只有按下F12键，打开IE浏览器进行预览，才可以看到弹出菜单的效果。

14.6制作蒙板蒙板能够隐藏或显示对象或图像的某些部分，也能将一个图像混合到另一个图像中去。蒙板并不直接应用于图像，而是使蒙板对象位于被遮盖的图像之上。Fireworks提供了矢量蒙板和位图蒙板两种方法。

14.6制作蒙板1.创建矢量蒙板2.使用位图蒙板3.文字蒙板

14.6制作蒙板用文字作为蒙板，可以得到和本书第12章的12.4节中介绍使用图像填充文本相同的效果。制作文字蒙板的方法和创建矢量蒙板的方法完全相同，只要将文字作为蒙板对象放置在背景图片的上方即可。如图14-21所示，为文字蒙板的效果。

14.7创作动画在FireworksMX2004中，利用帧来创建GIF动画，每一个帧上包含了不同的图像，依次显示不同帧上的图像，形成运动的错觉。在制作动画之前，我们先认识一下用于动画制作的动画设置对话框，如图14-22所示。

14.7创作动画帧，调节动画中的帧数。移动，调节动画移动的距离。方向，调节动画移动的方向。缩放到，动画在运动过程中，对象的大小比例。不透明读，分别设置第一帧和最后一帧的透明度，中间的帧自动在两个透明度之间均匀变化。旋转，动画移动过程中，对象旋转的角度

操作题（1）创建一个文字蒙板，达到和文字填充图像一样的效果。（2）制作一个具有下拉菜单的导航条。（3）利用帧创建一个GIF动画。