网页设计与制作 第13章 Flash动画

《网页设计与制作 第13章 Flash动画》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第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时间轴帧就是一幅图像，动画则是由若干变化的图像依顺序播放形成的效果。“帧频”指的

2、就是在一秒钟要播放的图像数（framepersecond），即“每秒多少帧”。每秒钟的帧数越大，动画播放的效果越细腻，但需要设计人员添加的帧就越多，工作也就越多。13.1.1帧和关键帧13.1时间轴什么是“关键帧”呢？可以这样来理解：设计人员在关键帧中定义了对动画的对象属性所做的更改，或者包含了ActionScript代码以控制文档的某些方面。Flash可以在定义的关键帧与关键帧之间补间或自动填充帧，从而生成流畅的动画。通过关键帧使得用户不用设计出所有的帧就可以生成动画，这样便能够更轻松地创建动画。可以通过在时间轴中拖动关键帧来轻松更改补间动画的长度。13.1.1帧和关键帧13.1

3、时间轴在设计过程中，主要针对的是“关键帧”，如果设计的动画中每一帧都是关键帧，那么这个动画就成为“逐帧动画”，而反之则成为补间动画。制作一个Flash影片的感觉很像制作一部电视剧或者电影，都是处理每一个帧，只不过电影和电视剧都是关键帧，而Flash具有补间帧的功能。13.1.1帧和关键帧13.1时间轴“帧”的操作都在Flash的“时间轴”中进行。Flash的“时间轴”如图所示。13.1.2时间轴功能13.1时间轴“时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。Flash将时长按秒分成帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。

4、整个动画就是若干图层的图像堆叠在一起按照“时间轴”的播放顺序播放。“时间轴”的主要组件是图层、帧和播放头。13.1.2时间轴功能13.1时间轴文档的图层列在“时间轴”左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放Flash文档时，播放头从左向右通过时间轴。时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。13.1.2时间轴功能13.1时间轴13.1.3图层和文件夹1．添加、删除图层和文件夹在图层列表中，可以添加新的图层也可以删除已有图层。添加图层可以通过单击时间轴中

5、的按钮，也可以在时间轴中鼠标右击，在弹出的上下文菜单中选择“插入图层”。删除已有的图层可以通过单击时间轴中的按钮，也可以在时间轴中鼠标右击，在弹出的上下文菜单中选择“删除图层”。13.1时间轴13.1.3图层和文件夹2．图层和文件夹的隐藏、锁定和显示鼠标单击“时间轴”中图层或文件夹右侧的列，在相应的位置上会打上一个红色的“十叉”，这样可以隐藏该图层或文件夹。再次单击它可以显示该图层或文件夹。鼠标单击“时间轴”中图层或文件夹右侧的列，在图层或文件夹的相应的状态位置上会显示“锁”图标。此时标识此图层或文件夹不可修改。13.1时间轴另外还有一个仅显示轮廓的列，此列鼠标单击后则图层中的图像

6、仅显示轮廓。其各种图层表示的状态请参看图示。13.1.3图层和文件夹13.1时间轴通常情况下，Flash在舞台中一次显示动画序列的一个帧。为了定位和编辑逐帧动画，可以在舞台中一次查看两个或多个帧。播放头下面的帧用全彩色显示，但是其余的帧是暗淡的，看起来就好像每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。无法编辑暗淡的帧。13.1.4绘图纸按钮的功能13.1时间轴1．绘图纸外观在舞台上同时查看动画的几个帧。且只有播放头指向的帧处于可编辑状态。通过修改在时间轴标题中的“起始绘图纸外观”和“结束绘图纸外观”标记它们之间的所有帧则被重叠为“文档”窗口中的一个帧。效果如图所

7、示。13.1.4绘图纸按钮的功能13.1时间轴13.1.4绘图纸按钮的功能2．绘图纸外观轮廓仅仅显示轮廓。13.1时间轴3．编辑多个帧可以同时编辑多个帧的内容。4．修改绘图纸标记该菜单包括五种选择。“总是显示标记”选项会在时间轴标题中显示“绘图纸外观”标记，而不管“绘图纸外观”是否打开。“绘图纸2”选项会在当前帧的两边显示2个帧。“绘图纸5”选项会在当前帧的两边显示5个帧。13.1.4绘图纸按钮的功能13.1时间轴“锚定绘图纸外观”选项会将“绘图纸外观”标记锁定在它们