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

单元八 逐帧动画的制作 学习目标 01 理解逐帧动画的含义。 02 掌握逐帧动画的制作方法。 03 体会逐帧动画与其他动画结合制作高级动画的方法。 任务1 制作各种图形的逐帧动画 逐帧动画又称为帧帧动画,逐帧动画类似于传统的动画,它的每一帧都是关键帧,即每一帧都需要设计者绘制,它适合制作形状变化较大的动画。逐帧动画在每帧中使用单独的图画,由于每一帧都是独一无二的,因此逐帧动画比较适合于用来表现人物肢体动作、面部表情变化等需要细微改变的复杂动画。但由于每一帧都是关键帧,所以工作量很大,生成的文件也很大。 任务1 制作各种图形的逐帧动画 1.逐帧动画的概念 逐帧动画是一种简单而常见的动画形式,其原理是通过连续的关键帧分解动画动作,也就是说连续播放含有不同内容的帧来形成动画。 2.创建逐帧动画的方法 创建逐帧动画的方法主要是通过添加多个不同内容的关键帧、修改关键帧的内容来产生动画。逐帧动画在时间轴上表现为连续出现的关键帧,如图8-1所示。 图8-1 逐帧动画在时间轴上的表现形式 案例8-1 制作动感的太阳 案例描述 制作一个能发光的太阳,给人一种闪闪发光的感觉。效果如图8-2所示。 图8-2 案例动画效果 案例8-1 制作动感的太阳 制作步骤 (1)启动Flash软件,设置“帧频”为12帧/秒。单击工具箱中的“椭圆工具” ,在“属性”面板中设定笔触颜色为金黄色,粗细为8,边框线的样式为斑马线,线型为点状小竖线,如图8-3所示。再次单击“椭圆工具” ,设置填充色为红色,按住Shift键的同时在舞台中绘制出一个圆。 (2)使用“选择工具”,单击选中红色的“太阳”,再单击“任意变形工具” ,使用鼠标拖动控制柄来缩小红色的太阳,如图8-4所示。 图8-3 “属性”面板中的“笔触”设置 图8-4 缩小太阳 案例8-1 制作动感的太阳 制作步骤 (3)在时间轴中单击“图层1”的第2帧,按F6键插入关键帧,在第3帧也插入关键帧。 (4)在时间轴中单击第2帧,使第2帧处于编辑状态,使用“选择工具”单击舞台中的太阳光线,再单击“任意变形工具” ,把太阳光线放大,如图8-5所示,适当调整光线及太阳的中心位置。时间轴如图8-6所示。 (5)按组合键Ctrl+Enter或执行菜单命令“控制”→“测试”,进行测试播放。 图8-5 放大太阳光线 图8-6 发光太阳动画的时间轴 案例8-2 制作淑女走路的动画 案例描述 用14张图片组成一位淑女连贯走路的动画。效果如图8-7所示。 图8-7 走路动画效果 案例8-2 制作淑女走路的动画 制作步骤 (1)在舞台的空白区域上单击,设置“属性”面板上的舞台大小为660像素×500像素,如图8-8所示。 (2)执行菜单命令“文件”→“导入”→“导入到库”,导入14张图片素材。 (3)单击“图层1”的第1帧,把库中的“图片1”拖到舞台中心,在“属性”面板中设置“位置和大小”选项区的 X和 Y值的为0,使图片置于舞台中心,如图8-9所示。 图8-8 设置舞台大小 图8-9 设置图片位置 案例8-2 制作淑女走路的动画 制作步骤 (4)单击第5帧,按F7键插入一个空白关键帧,把库中的“图片2”拖到舞台中心,在“属性”面板中设置“位置和大小”选项区的X和 Y值均为0,使图片置于舞台中心。 (5)使用相同方法,单击第10、15…65帧,分别按F7键插入一个空白关键帧,把库中的“图片3”……“图片14”拖到舞台中心,这样就创建了逐帧动画。 (6)按组合键Ctrl+Enter或执行菜单命令“控制”→“测试”,进行测试播放。时间轴如图8-10所示。 图8-10 走路动画的时间轴 案例8-3 制作文字的逐帧动画 案例描述 利用文字的逐帧动画,可以实现文字逐个显示的打字动画效果,还可以制作文字笔画逐一显示的动画效果(即模拟写字效果)。此类动画可以增强文字显示的动感效果。 打字动画的制作步骤:首先新建一个图层作为打字动画层,在第1帧中输入全部说明文字,然后按F6键插入一个关键帧,此关键帧与上一个关键帧的内容相同,将说明文字的最后一个字删除;再继续插入关键帧,将说明文字的倒数第2个字删除;重复这样的步骤,直到将说明文字全部删除。最后将这些关键帧全部选中,右击,在弹出的快捷菜单中选择“翻转帧”命令,使帧的播放顺序与原来删除文字的方向相反。 制作红旗渠说明文字动画效果如图8-11所示。 文字内容:举世闻名的“人工天河”红旗渠,是林州人民自力更生、艰苦创业、劈山凿石、引漳入林的宏伟工程。 图8-11 案例动画效果 案例8-3 制作文字的逐帧动画 制作步骤 (1)执行菜单命令“文件”→“导入”→“导入到舞台”,导入图片“红旗渠”。双击图层名称,重命名为“图片”图层,如图8-12所示。 (2)在“图片”图层之上,插入一个新图层,双