1、逐帧动画制作 授课人：刘建 学习目标： 1、认识逐帧动画的动画原理 2、会制作逐帧动画 重、难点： 认识逐帧动画的动画原理，会制作逐帧动画 教学方法： 演示法、讲授法、练习法 教学过程： 一、 引入 由演示几个逐帧动画实例引入 二、 新课学习 1. 逐帧动画的动画原理 原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画 2. 帧、关键帧、空白关键帧 时间轴上的小方格叫单元格。可以把单元格转化为帧、关键帧、空白关键帧。 当播放头移到帧上时，帧的内容就显示在舞台上。 帧与关键帧都用来记录舞台的内容，但是帧只能显示离它最左边关键帧的内容，我们不能对帧的内容直接进行修改
2、编辑，要想修改帧的内容，必须把它转变成关键帧，后者修改帧最左边关键帧的内容。 关键帧是可以直接编辑的帧。 空白关键帧是在舞台上没有任何内容的关键帧，一旦在空白关键帧上绘制了内容，它就变成关键帧。 3. 创建逐帧动画的几种方法 （1 ）用导入的静态图片建立逐帧动画 用 jpg、png 等格式的静态图片连续导入到 Flash 中，就会建立一段逐帧动画（参考实例：奔跑的豹子） 。 （2 ）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体） 。 （3 ）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4 ）指令逐帧动画 在时间帧面板上，逐帧写入动作脚本
3、语句来完成元件的变化。 （5 ）导入序列图像 可以导入 gif 序列图像、swf 动画文件或者利用第 3 方软件（如 swish、swift 3D 等）产生的动画序列。 4. 演示逐帧动画奔跑的豹子制作 三、 学生练习 任务：熟悉逐帧动画的制作 1. 根据老师所提供的学习资料制作逐帧动画 2. 从网上搜索更多的教程学习 四、 课堂小结 小结本节的主要内容和学生中存在的问题独特的逐帧动画一、实践1.1 制作“ 爱护环境，保护家园”逐帧动画二、操作提示2.1 启动 Flash CS5.5，打开教材光盘中的文件“爱护环境，保护家园.fla ”。2.2 单击文本工具 T，设置字符字体、大小、颜色属性及
4、段落对齐属性，单击舞台输入文字“爱” 。2.3 在时间轴第 2 帧处单击鼠标右键，在弹出的快捷菜单中单击“插入关键帧” ，用文本工具 T 在原文内容“爱”后输入文字“护” 。2.4 在第 3、4、5、 6、7、8 、9 帧分别插入关键帧，并在各关键帧依次输入文字“环” 、 “境” 、 “， ”、 “保” 、 “护” 、“家” 、 “园” ，时间轴，第 9 帧文本内容。2.5 单击菜单 “控制”“测试影片”“测试” ，播放动画，并保存文件。三、试一试制作小动物眨眼睛或摇耳朵的逐帧动画。四、评价根据操作情况进行自我评价，并填写评价表 1-3-1。形象的运动动画1.4.1 沿直线运动的动画实践 1制
5、作兔子沿直线运动的动画。操作提示1.启动 Flash CS5.5，新建 ActionScript 3.0 文档。2.单击菜单“插入”“ 新建元件” ；在弹出的“创建新元件”对话框中， “名称”设为“小兔” ， “类型”设为“图形” ，单击“确定”按钮。3.单击椭圆工具，将填充颜色设为无色，笔触颜色设为黑色，绘制圆形作为小兔头部。4.绘制椭圆，单击任意变形工具，框选椭圆并旋转，作为小兔子耳朵；用同样的方法绘制小兔身体的其他椭圆形部位。5.单击铅笔工具，将笔触颜色设为黑色，选择铅笔模式中的平滑选项，绘制两条曲线，连接小兔头部与身体。6.单击选择工具，选择图形多余轮廓线，按 Delete 键删除。7
6、.利用刷子工具绘制小兔的眼睛和嘴，利用颜料桶工具填充颜色。8.单击“场景 1”，打开“库”面板，将 “小兔”元件拖到“场景 1”舞台左侧，利用任意变形工具调整小兔的大小。9.在时间轴第 50 帧，单击鼠标右键，在弹出的快捷菜单中单击“插入帧” 。10. 在时间轴第 1 帧，单击鼠标右键，在弹出的快捷菜单中单击“创建补间动画” 。11 在时间轴第 50 帧，用选择工具拖动小兔到舞台右侧。12.测试影片并保存文件。试一试制作篮球沿直线自我评价。1.4.2 沿路径运动的动画实践 2制作兔子沿路径运动的动画操作提示1.启动 Flash CS5.5，打开教材光盘中的文件“欢跳的兔子。fla ”。2.单击
7、第 5 帧，用选择工具将小兔向上移动；单击第10 帧，将小兔向下移动。3.分别在第 15 帧、20 帧、25 帧、30 帧、35 帧、40 帧、45 帧依次队小兔进行向上、向下移动。4.在 “时间轴 ”面板图层区单击新建图层按钮，用矩形工具、颜料桶工具、选择工具、Delete 键绘制蓝天绿地。5.单击选择工具，将新建的图层拖动到“图层 1”下方。6.测试影片并保存文件。试一试制作篮球被投出后沿抛物线运动的动画。奇妙的形变动画学案 一、情境导入： 观看动画理想与现实 ，思考这个动画是如何创作的？本节课我们就来研究这个问题奇妙的形变动画二、认定学习目标：1、理解形变动画的概念。2、了解形变动画的适
8、用条件。3、学会形变动画的制作方法。4、学会形变动画的设置方法。5、学会将文本打散变成图形。 6、了解运动补间动画和形状补间动画的不同点。三、学习新课： 1、阅读教材内容，理解形变动画的概念，了解形变动画的适用条件。 2、根据课文中的操作提示，学习制作理想与现实形变动画。操作时要注意以下几点： （1 ）提示（2）中“新建元件”的“ 类型”为“影片剪辑” 。 （2 ）提示（3）中，单击菜单“修改 ”|“分离”两次的意思是单击菜单“修改”|“分离”再单击菜单“修改”|“分离” 。而不是单击菜单“修改”|“分离”后，再单击“分离” 。 （3 ）提示（4）中，要插入 空 白 关键帧，而不是关键帧。 （4 ）补间的设置是通过“属性”面板，设置“补间”选项为“形状”来完成的。 （5 ） “属性”面板和 “库”面板，都可以通过单击菜单“窗口”找到。四、课堂练习： 1、做什么动画时的“补间”选项是“形状”？做什么动画时的“补间”选项是“动画”？ 2、试做一个圆形与矩形之间的渐变动画。 （提示：图形不需要“打散” ，插入的是“空白关键帧” ） 3、做课本中 “试一试”或根据本节所学知识自由创作。五、课堂小结： 通过几节课的学习，我们掌握了逐帧动画和渐变动画的制作方法。要知道什么情况下“新建元件”的“类型”是什么， “补间”选项的设置是什么。还要注意“元件不可以形变，文字必须打散后才能形变”
