《flash时间轴》PPT课件.ppt

第5章 时间轴,动画形成的主要原因，是当多张图片迅速交换时造成视觉暂留的现象，使我们认为这些图片内容动了起来，Flash就是依照这个原理来制作动画效果的。 本章要点 时间轴与帧 帧的分类、 帧的编辑与设置 分帧的应用 时间轴特殊效,第5章 时间轴,5.1 时间轴与帧 5.1.1 时间轴 5.1.2 帧的分类 5.1.3 建立关键帧 5.1.4 帧符号的含义 5.1.5 切换不同的帧显示状态,5.1 时间轴与帧,Flash是用来设计动画的软件，其制作原理就如同制作卡通动画一样，在制作动画的时候，帧的应用贯穿于其中，下面将介绍时间轴与帧的一些基础知识及应用。,5.1.1 时间轴,在Flash 中，采用 “时间轴”与“帧”的设计方式，来进行动画的制作。时间轴是一个以时间为基础的线性进度安排表，让设计者很容易以时间的进度为基础，顺序地安排每一个动作。 Flash 中的“时间轴”窗口，位于界面的上方，如果在屏幕上看不到这个窗口，可以执行菜单“窗口”/“时间轴”命令，将其显示。,5.1.2 帧的分类,帧是组成动画的最基本元素，制作动画的大部分操作都是对帧的操作。在Flash 的“时间轴”窗口中，帧有3种类型：关键帧、空白关键帧和帧。 1关键帧 关键帧是动画片段开始与结束的决定画面。通常，Flash 会依照第1帧的“关键帧”和最后1帧的“关键帧”，来决定动画的进行方式。也就是说，只要安排好这两张画面，就可以制作出一段动画作品。,2空白关键帧 “空白关键帧”，是指它本身是关键帧，但该帧没有任何元素。,3帧 帧也称静态帧，所有出现在“时间轴”中的帧都称为“帧”。在Flash 的动画制作模式中，“帧”往往代表中间画面，也就是第1帧与最后1帧画面间渐变的过程，因此它们是无法被编辑和修改的，在“时间轴”窗口中，第1帧是“帧”，第10帧是“空白关键帧”，第20帧是“关键帧”。,5.1.3 建立关键帧,建立关键帧，有以下3种方法。 （1）在“时间轴”窗口中的任何一个“普通帧”上，单击鼠标右键，在弹出的快捷菜单中，选择“插入关键帧”命令，在该帧位置上就建立了一个“关键帧”。 （2）选择一个“普通帧”后，按F6键，插入“关键帧”。 （3）执行菜单“插入”/“时间轴”/“关键帧”命令，也可以新增一个“关键帧”。,5.1.4 帧符号的含义,当在Flash 的“时间轴”窗口中进行不同动作，例如新增一个关键帧或者制作动作动画时，帧会以不同的图标来显示。 下面说明不同图标的含义。,表示关键帧，“空白关键帧”加入对象后即可变成关键帧。,表示“空白关键普通帧”，该帧没有任何元素。,表示“空白帧”，“空白关键帧”后呈白色状态的帧为空白帧 关键帧后呈灰色状态的帧表示内容没有发生变化，和关键帧中的内容相同。,表示“运动过渡帧”，用箭头显示出动画的过程，背景颜色为浅紫色。,表示“形状过渡帧”，用箭头显示出动画的过程，“形状过渡帧”与“运动过渡帧”的区别是背景颜色为浅绿色。,虚线代表在过渡动画的过程中出了问题，应检查开头与结尾关键帧的属性。,当关键帧上有一个小写的字母“a”出现时，表示这个帧已被指定动作脚本，该帧可以实现相应的交互动作。,关键帧上有一个小红旗，表示该帧上设定了“帧标签”或“注释”。,表示在该帧中加入了声音,金色的锚记，表明该帧是一个命名“锚记”。,关键帧之间为浅蓝色背景，且关键帧之间以虚线连接，表示创建的动画为动作补间动画，但该动画没有创建成功，或在创建时操作出现错误。,关键帧之间为浅绿色背景，并有从左至右的黑色箭头标识，表示创建的动画为形状补间动画。,关键帧之间为灰色背景，表示对单关键帧的内容进行延续，以延长该关键帧的播放时间,5.1.5 切换不同的帧显示状态,在“时间轴”窗口的最右上方，有一个“小标尺”按钮，单击该按钮，将会弹出一个下拉菜单，如图5.2所示，选择相应的选项，可以更改帧的显示方式， “时间轴”也随之发生变化。帧显示方式的下拉菜单中各种命令的含义如下。,5.2 帧的操作,本节主要介绍选择帧、插入帧、移动帧、复制帧、删除关键帧、删除帧、清除帧等关于帧的编辑和帧的转换与设置等操作。,第5章 时间轴,5.2 帧的操作 5.2.1 帧的编辑 5.2.2 帧的转换与设置,5.2.1 帧的编辑,1插入帧或关键帧 （1）选择“插入帧”命令或按F5键。 （2）插入一个关键帧。按F6键。 （3）插入一个空白关键帧：按F7键。,2. 选择帧 3.移动帧 4.复制帧 5.删除关键帧 6. 清除帧 7.删除帧 5.帧居中,5.2.2 帧的转换与设置,帧的转换与设置包括：关键帧转换为空白关键帧、扩展一个关键帧、改变过渡帧的长度、翻转帧、设置帧频等操作。 1关键帧转换为空白关键帧 2. 扩展一个关键帧,图5.7 原关键帧 图5.8 扩展一个关键帧,3改变过渡帧的长度,图5.9 原过渡帧 图5.10 改变过渡帧的长度,4. 翻转帧 5. 设置帧频,图5.12 文档“属性”面板,5.3 分帧的应用,虽然Flash 中的渐变动画，可以让设计师很方便地制作出动画，但有时设计师也可能需要将动画中的每一帧同时显示出来，以观察动画的细节，此时就需要用到分帧显示了。Flash 中的分帧显示功能以“洋葱皮”为名，意思是分帧的画面，就像剥洋葱的皮一样，一层层地脱落，把原本完整的动画细分为一张张的分帧图。,5.3.1 显示分帧图,图5.13 显示外观分帧效果,图5.14 显示边框分帧效果,5.3 分帧的应用,5.3.2 改变分帧图显示的方式 5.3.3 移动整个动画,5.4 时间轴特效,Flash 包含预建的时间轴特效，使用户可以通过执行最少的步骤创建复杂的动画。可以对以下对象应用时间轴特效。 文本。 图形，包括形状、组以及图形元件。 位图图像。 按钮元件。 说明：当将时间轴特效应用于影片剪辑时， Flash 将把特效嵌套在影片剪辑中。,第5章 时间轴,5.4 时间轴特效 5.4.1 设置时间轴特效 5.4.2 编辑时间轴特效 5.4.3 删除时间轴特效,5.4.1 设置时间轴特效,时间轴特效包括分散式重制、复制到网络、分离对象、展开对象、投影、模糊、变形、转换等内容。 1.分散式重制 分散式重制即复制选定对象一定次数（在设置中输入）。第一个元素是原始对象的副本。对象将按一定增量发生改变，直至最终对象反映设置中输入的参数为止。,2.复制到网格 【例5.2】复制到网格特效实例。,【例5.3】 分离特效实例。,【例5.4】 展开特效实例,5投影 【例5.5】投影特效实例。,6模糊 通过更改对象在一段时间内的 Alpha 值、位置或缩放比例可产生运动模糊特效。 【例5.6】模糊特效实例。,7变形 变形特效主要是对象的缩放、旋转、颜色渐变、透明度、移动速度等属性的设置。 【例5.7】变形特效实例。,图5.23“创建新元件“对话框,图5.22 “导入”的图像,图5.24 放入”文本”图形元件的实例,图5.25 “变形“对话框,图5.26 锁定时的状态 图5.27 解锁时的状态,图5.28 旋转属性的设置 图5.29 更改颜色,图5.30 最终的Alpha 图5.31 移动减慢,第5帧显示效果,第10帧显示效果,第20帧显示效果,第25帧显示效果,5.4.2 编辑时间轴特效 可以使用“特效设置”对话框编辑时间轴特效。 5.4.3 删除时间轴特效 可以使用菜单和快捷菜单删除“时间轴特效”。,第5章 时间轴,5.5 帧标签、注释和锚记 5.5.1 帧标签 5.5.2 帧注释 5.5.3 锚记,5.5.1 帧标签,帧标签用于标识“时间轴”的关键帧。当添加或移动帧的时候，帧标签也会跟着动。因为帧标签同影片数据同时输出，所以为了获得较小的文件体积，要避免长名称。,图5.34 输入帧标签,图5.35 “时间轴”窗口上显示的帧标签,5.5.2 帧注释,帧注释有助于对影片进行后期操作，更方便了处理同一个文件的其他代码。帧注释的内容不会同影片内容一起输出。,图5.36 输入帧注释,图5.37