形状补间与动画补间精选课件

1、第13章 Flash动画1教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供第13章 Flash动画13.1 时间轴13.2 形状补间和动画补间13.3 引导层的使用13.4 遮罩层的使用13.5 多场景动画13.6 本章小结 本章重点在设计渐变动画。为了能够形成动画的各种效果，需要对关键帧、动画渐变、形状渐变，场景等概念非常清楚，并且要融会贯通。要掌握引导层、遮罩层等特殊图层的性质和使用方法。2教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 在Flash中的最小处理单元就是“帧

2、”，在打开Flash后查看影片的“属性”检查器，里面有一项是“帧频”其默认值是12fps，如图所示。13.1.1 帧和关键帧3教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1时间轴 帧就是一幅图像，动画则是由若干变化的图像依顺序播放形成的效果。“帧频”指的就是在一秒钟要播放的图像数（frame per second），即“每秒多少帧”。每秒钟的帧数越大，动画播放的效果越细腻，但需要设计人员添加的帧就越多，工作也就越多。 13.1.1 帧和关键帧4教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收

3、集提供13.1 时间轴 什么是“关键帧”呢？可以这样来理解：设计人员在关键帧中定义了对动画的对象属性所做的更改，或者包含了 ActionScript 代码以控制文档的某些方面。 Flash 可以在定义的关键帧与关键帧之间补间或自动填充帧，从而生成流畅的动画。通过关键帧使得用户不用设计出所有的帧就可以生成动画，这样便能够更轻松地创建动画。可以通过在时间轴中拖动关键帧来轻松更改补间动画的长度。13.1.1 帧和关键帧5教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 在设计过程中，主要针对的是“关键帧”，如果设计的动画中每一帧都是关

4、键帧，那么这个动画就成为“逐帧动画”，而反之则成为补间动画。制作一个Flash影片的感觉很像制作一部电视剧或者电影，都是处理每一个帧，只不过电影和电视剧都是关键帧，而Flash具有补间帧的功能。13.1.1 帧和关键帧6教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 “帧”的操作都在Flash的“时间轴”中进行。 Flash的“时间轴”如图所示。13.1.2 时间轴功能7教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 “时间轴”用于组织和控制文档内容在一定时间

5、内播放的图层数和帧数。Flash将时长按秒分成帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。整个动画就是若干图层的图像堆叠在一起按照“时间轴”的播放顺序播放。“时间轴”的主要组件是图层、帧和播放头。13.1.2 时间轴功能8教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 文档的图层列在“时间轴”左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放 Flash 文档时，播放头从左向右通过时间轴。 时间轴状态显示在时间

6、轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。13.1.2 时间轴功能9教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴13.1.3 图层和文件夹1添加、删除图层和文件夹 在图层列表中，可以添加新的图层也可以删除已有图层。添加图层可以通过单击时间轴中的按钮 ，也可以在时间轴中鼠标右击，在弹出的上下文菜单中选择“插入图层”。删除已有的图层可以通过单击时间轴中的按钮 ，也可以在时间轴中鼠标右击，在弹出的上下文菜单中选择“删除图层”。10教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课

7、件 讲义友情收集提供13.1 时间轴13.1.3 图层和文件夹2图层和文件夹的隐藏、锁定和显示 鼠标单击“时间轴”中图层或文件夹右侧的 列，在相应的位置上会打上一个红色的“十叉”，这样可以隐藏该图层或文件夹。再次单击它可以显示该图层或文件夹。 鼠标单击“时间轴”中图层或文件夹右侧的 列，在图层或文件夹的相应的状态位置上会显示“锁”图标。此时标识此图层或文件夹不可修改。11教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 另外还有一个仅显示轮廓的 列，此列鼠标单击后则图层中的图像仅显示轮廓。其各种图层表示的状态请参看图示。13.1

8、.3 图层和文件夹12教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 通常情况下，Flash 在舞台中一次显示动画序列的一个帧。为了定位和编辑逐帧动画，可以在舞台中一次查看两个或多个帧。播放头下面的帧用全彩色显示，但是其余的帧是暗淡的，看起来就好像每个帧是画在一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。无法编辑暗淡的帧。13.1.4 绘图纸按钮的功能13教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 1绘图纸外观 在舞台上同时查看动画的几个帧。且只有播

9、放头指向的帧处于可编辑状态。 通过修改在时间轴标题中的“起始绘图纸外观”和“结束绘图纸外观”标记它们之间的所有帧则被重叠为“文档”窗口中的一个帧。效果如图所示。13.1.4 绘图纸按钮的功能14教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴13.1.4 绘图纸按钮的功能2绘图纸外观轮廓 仅仅显示轮廓。15教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴3编辑多个帧 可以同时编辑多个帧的内容。4修改绘图纸标记 该菜单包括五种选择。 “总是显示标记”选项会在时间轴标

10、题中显示“绘图纸外观”标记，而不管“绘图纸外观”是否打开。 “绘图纸 2”选项会在当前帧的两边显示2个帧。 “绘图纸 5”选项会在当前帧的两边显示5个帧。13.1.4 绘图纸按钮的功能16教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 “锚定绘图纸外观”选项会将“绘图纸外观”标记锁定在它们在时间轴标题中的当前位置。通常情况下，“绘图纸外观”范围是和当前帧的指针以及“绘图纸外观”标记相关的。通过锚定“绘图纸外观”标记，可以防止它们随当前帧的指针移动。 “绘制全部”选项会在当前帧的两边显示所有帧。 13.1.4 绘图纸按钮的功能1

11、7教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.1 时间轴 在时间轴各图层的“帧”面板中，鼠标右击，在弹出的上下文菜单中可以方便的时间对帧的添加、删除、复制。如图所示。13.1.5 帧的操作18教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供 “形状”补间是在一个帧中绘制一个形状，然后在另一帧中更改该形状或绘制另一个形状。Flash 会内插二者之间的帧的值或形状来创建动画。13.2.1 形状补间13.2 形状补间和动画补间19教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学

12、各行业各学科 课件 讲义友情收集提供 “动画”补间主要针对元件进行，“形状”在“动画”补间中是无法使用的，如果需要“形状”的“动画”补间则需要将“形状”转换为“元件”才能进行。许多使用“形状”补间的效果，使用“动画”补间也可以实现。所以使用哪一种补间要根据实际的需要来定。13.2.2 动画补间13.2 形状补间和动画补间20教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供 在设计补间动画的过程中，时间轴中的帧与帧的关系有着紧密的联系，它们之间通过各种颜色和图标状态来区分，具体如下所示。13.2.3 各种补间帧的状态代表补间动画的开始和结束。代表

13、补间形状。 表示补间是断的或不完整的，例如，最后的关键帧丢失了。13.2 形状补间和动画补间21教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.2.3 各种补间帧的状态表示内容与第一帧相同。表明该帧已经用“动作”面板分配了一个帧动作。一个红色标记表明该帧包含一个标签或注释。表明该帧是一个命名锚记。13.2 形状补间和动画补间22教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供 单纯依靠设置“关键帧”，有时仍然无法实现一些复杂的动画效果，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在

14、大海里遨游、文字的不规则运动等，这些特效需要设计者来规定动画的移动路径，通过“引导层”的使用，则可以实现控制动画移动的路径。13.3 引导层的使用23教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.3 引导层的使用 动画中的元件不能总是延直线运动，如图所示就是一个汽车延曲线运动的例子。24教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供 在Flash层中，负责为其他层中的元件指引移动路径的层称为“引导层”。 使用鼠标在时间轴的“层”面板部分选择一个层，然后鼠标右击，在上下文菜单中可以选择“

15、引导层”将该层设为引导层，或者选择“添加引导层”为该层新建一个用于引导的层，此时该层成为被引导层。 引导层实例，请参考教程“引导层”部分。13.3 引导层的使用25教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供13.3 引导层的使用26教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供 “遮罩层”提供了一种有选择地显示图层的某些部分或它下面的图层的简单方法。 将一个层设置为“遮罩层”仅需要选中该层，然后鼠标右击，在弹出的上下文菜单中选择遮罩层，或者在图层面板中设置层的类别为“遮罩层” 遮罩层实例

16、请参考教程”遮罩层“部分。13.4 遮罩层的使用27教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供1. 新建场景13.5 多场景动画 在新建Flash影片 时，默认仅创建一个场景1，但是实际上，Flash是可以创建多个场景的。 通过选择【窗口】|【其他面板】|【场景】菜单命令来打开“场景”面板，如图所示。28教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收集提供 2选择场景 13.5 多场景动画 在场景面板中选择某一个场景后，舞台将进入该场景的工作环境。 在Flash时间轴的上面有两个下拉菜单按钮可以方便我们灵活选择各个场景和元件，如下图所示。 29教育 法律 会计 销售 心理 教学 物流 经济学 企业 文学 各行业各学科 课件 讲义友情收