2.2编辑帧(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元二 图层的编辑与元件的创建 单元2 图层的编辑与元件的创建 本单元通过对图层的编辑、帧的编辑、元件的创建以及库的应用,要求学生掌握这些最基本的概念与应用;熟练应用图层的复制、重命名、移动、删除、显示与隐藏、锁定与解锁;熟练掌握三类元件的创建方法。 学习目标 OPTION 01 掌握图层的编辑方法 OPTION 02 掌握帧的编辑方法 OPTION 03 掌握三类元件的创建与编辑方法 任务2 编辑帧 Flash动画有两种,一种是逐帧动画,另一种是补间动画,不管哪一种动画,都要用到帧。帧代表时刻,不同的帧代表不同的时刻。帧的运用是制作动画的前提,当播放指针随时间的变化移动到不同的帧时,就会显示出各帧中不同的内容。因此,掌握帧的编辑十分重要。 任务2 编辑帧 1.了解帧 认识帧和关键帧,首先要了解Flash中的动画。在逐帧动画中,每一帧都是关键帧,而补间动画只需确定起始关键帧和结束关键帧,中间部分的帧由Flash自动生成,属于一般的帧,也称为普通帧。在时间轴上每一小格都是一帧,用小圆表示的帧是关键帧,其他不用小圆表示的帧是普通帧。 (1)关键帧。关键帧用于定义动画变化的帧,在时间轴上用一个小圆表示,有空心和实心两种。实心小圆是有内容的关键帧,即实关键帧;而空心小圆是无内容的关键帧,即空白关键帧。 任务2 编辑帧 关键帧显示状态如下: ①创建传统补间动画 :起始关键帧与结束关键帧之间显示一个浅 蓝色背景的箭头。 ②空白关键帧 :显示一个空心圆,表示该帧无内容。 ③创建形状补间动画 :起始关键帧与结束关键帧之间显示一个 浅绿色背景的箭头。 ④关键帧上有一个小红旗 :表示该帧中包含标签。 ⑤关键帧上有一个字母“α” :表示该帧设置了动作语句。 (2)普通帧。在时间轴上不用小圆表示的帧是普通帧。无内容的帧是白色 的帧格,有内容的帧具有一定的颜色,如浅蓝色的帧格表示是传统补间动画,浅 绿色的帧格表示是形状补间动画,浅灰色的帧格表示与前面关键帧的内容相同。 任务2 编辑帧 2.插入帧 要插入一个新帧,可在要插入的帧格上右击,在弹出的快捷菜单中与选择“插入帧”命令(或按F5键)、“插入关键帧”命令(或按F6键)、“插入空白关键帧”命令(或按F7键)。 3.复制帧 在帧上拖动鼠标选取要复制的帧,右击,在弹出的快捷菜单中选择“复制帧”命令,再在目标位置上选取一帧或多帧,右击,在弹出的快捷菜单中选择“粘贴帧”命令。 任务2 编辑帧 4.移动帧 选取要移动的帧,按住鼠标左键拖动到目标位置,释放鼠标左键即可。 5.删除帧 选取要删除的帧,右击,在弹出的快捷菜单中选择“删除帧”命令,或按组合键Shift+F5。 6.延伸帧 延伸帧是在关键帧的后面插入一般的帧,插入帧的内容与关键帧的内容相同,实现关键帧内容的延伸,也可以按F5键。 任务2 编辑帧 7.清除帧和清除关键帧 清除帧是将帧中的内容删除,使它成为空白关键帧,而清除关键帧是将关键帧变成一般的帧。在要清除的帧上右击,在弹出的快捷菜单中选择“清除帧”或“清除关键帧”命令即可。 8.转换关键帧和空白关键帧 可以将普通帧转换为关键帧或空白关键帧。在选中的帧上右击,在弹出的快捷菜单中选择“转换为关键帧”或“转换为空白关键帧”命令即可。 案例2-3 插入帧与延伸帧 案例描述 在“图层1”中导入一张图片,将“图层1”重命名为“背景”,使“背景”图层从第1帧到第30帧一直显示该背景图片,案例的效果如图2-4所示。 图2-4 案例的效果图 案例2-3 插入帧与延伸帧 制作步骤 (1)启动Flash软件,时间轴中默认出现图层“图层1”。 (2)执行菜单命令“文件”→“导入”→“导入到舞台”,选中一张图片,并调整图片的大小。 (3)双击“图层1”的名称,输入文字“背景”,“图层1”重命名为“背景”。 (4)在“背景”图层的第30帧(需要显示的最后一帧)上右击,在弹出的快捷菜单中选择“插入帧”命令,“背景”图层的帧延伸到第30帧,使“背景”图层从第1帧到第30帧保持相同的内容,即在整个动画过程中,背景图案保持不变。 (5)按组合键Ctrl+Enter测试效果。 案例2-4 选定帧与翻转帧 案例描述 一个矩形从左向右运动3秒,运动1秒后,一个椭圆从上到下运动,最后两个对象同时停止运动,效果如图2-5所示。 图2-5 时间轴及效果图 案例2-4 选定帧与翻转帧 制作步骤 (1)启动FlashCC2015软件,时间轴中默认出现图层“图层1”。 (2)单击工具箱中的“矩形工具”,在舞台的左边绘制一个矩形。 (3)右击“图层1”的第72帧(因为帧速率是24帧/秒,3秒即为72帧),在弹出的快