网页设计与制作 教学课件 作者 于筱荔 第13章 Flash动画.pptVIP

* 第13章 Flash动画 第13章 Flash动画 13.1 时间轴 13.2 形状补间和动画补间 13.3 引导层的使用 13.4 遮罩层的使用 13.5 多场景动画 13.6 本章小结 本章重点在设计渐变动画。为了能够形成动画的各种效果，需要对关键帧、动画渐变、形状渐变，场景等概念非常清楚，并且要融会贯通。要掌握引导层、遮罩层等特殊图层的性质和使用方法。 13.1 时间轴 在Flash中的最小处理单元就是“帧”，在打开Flash后查看影片的“属性”检查器，里面有一项是“帧频”其默认值是12fps，如图所示。 13.1.1 帧和关键帧 13.1时间轴 帧就是一幅图像，动画则是由若干变化的图像依顺序播放形成的效果。“帧频”指的就是在一秒钟要播放的图像数（frame per second），即“每秒多少帧”。每秒钟的帧数越大，动画播放的效果越细腻，但需要设计人员添加的帧就越多，工作也就越多。 13.1.1 帧和关键帧 13.1 时间轴 什么是“关键帧”呢？可以这样来理解：设计人员在关键帧中定义了对动画的对象属性所做的更改，或者包含了 ActionScript 代码以控制文档的某些方面。 Flash 可以在定义的关键帧与关键帧之间补间或自动填充帧，从而生成流畅的动画。通过关键帧使得用户不用设计出所有的帧就可以生成动画，这样便能够更轻松地创建动画。可以通过在时间轴中拖动关键帧来轻松更改补间动画的长度。 13.1.1 帧和关键帧 13.1 时间轴 在设计过程中，主要针对的是“关键帧”，如果设计的动画中每一帧都是关键帧，那么这个动画就成为“逐帧动画”，而反之则成为补间动画。制作一个Flash影片的感觉很像制作一部电视剧或者电影，都是处理每一个帧，只不过电影和电视剧都是关键帧，而Flash具有补间帧的功能。 13.1.1 帧和关键帧 13.1 时间轴 “帧”的操作都在Flash的“时间轴”中进行。 Flash的“时间轴”如图所示。 13.1.2 时间轴功能 13.1 时间轴 “时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。Flash将时长按秒分成帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。整个动画就是若干图层的图像堆叠在一起按照“时间轴”的播放顺序播放。 “时间轴”的主要组件是图层、帧和播放头。 13.1.2 时间轴功能 13.1 时间轴 文档的图层列在“时间轴”左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放 Flash 文档时，播放头从左向右通过时间轴。 时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。 13.1.2 时间轴功能 13.1 时间轴 13.1.3 图层和文件夹 1．添加、删除图层和文件夹 在图层列表中，可以添加新的图层也可以删除已有图层。 添加图层可以通过单击时间轴中的按钮 ，也可以在时间轴中鼠标右击，在弹出的上下文菜单中选择“插入图层”。 删除已有的图层可以通过单击时间轴中的按钮 ，也可以在时间轴中鼠标右击，在弹出的上下文菜单中选择“删除图层”。 13.1 时间轴 13.1.3 图层和文件夹 2．图层和文件夹的隐藏、锁定和显示 鼠标单击“时间轴”中图层或文件夹右侧的 列，在相应的位置上会打上一个红色的“十叉”，这样可以隐藏该图层或文件夹。再次单击它可以显示该图层或文件夹。 鼠标单击“时间轴”中图层或文件夹右侧的 列，在图层或文件夹的相应的状态位置上会显示“锁”图标。此时标识此图层或文件夹不可修改。 13.1 时间轴 另外还有一个仅显示轮廓的 列，此列鼠标单击后则图层中的图像仅显示轮廓。其各种图层表示的状态请参看图示。 13.1.3 图层和文件夹 13.1 时间轴 通常情况下，Flash 在舞台中一次显示动画序列的一个帧。为了定位和编辑逐帧动画，可以在舞台中一次查看两个或多个帧。播放头下面的帧用全彩色显示，但是其余的帧是暗淡的，看起来就好像每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。无法编辑暗淡的帧。 13.1.4 绘图纸按钮的功能 13.1 时间轴 1．绘图纸外观 在舞台上同时查看动画的几个帧。且只有播放头指向的帧处于可编辑状态。 通过修改在时间轴标题中的“起始绘图纸外观”和“结束绘图纸外观”标记它们之间的所有帧则被重叠为“文档”窗口中的一个帧。效果如图所示