3.3 创建逐帧动画（教案）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

课 题 模块三 创建逐帧动画 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《Flash CS6动画制作案例教程》作为中等职业学校计算机应用与软件专业数字媒体及其相关方向的基础教材，作为各类计算机动漫培训教材，本书采用案例教学、模块教学的方法，通过案例引领的方式讲述Flash CS6动画制作基础、工具的应用、基础动画、高级动画、应用文本、多媒体与脚本交互等最常用、最重要的功能和使用方法，并通过综合能力进阶全面展示Flash的动画制作技巧。 本节课内容为教材中“模块三 第三部分 创建逐帧动画 学情分析 知识储备：理解逐帧动画的内容、理解案例奥运补间形状的内容。 能力水平：制作补间形状动画，实现途中的变形效果。 学习目标 知识目标：初步认识补间形状的应用对象。 能力目标：会创建补间形状动画。 素质目标：熟悉位图与矢量图的转换。 学习重难点 教学重点：制作补间形状动画，实现途中的变形效果； 教学难点：会创建补间形状动画。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前对案例进行实操操作，让学生大致了解Flash CS6的基础知识和案例的主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 创建逐帧动画 逐帧动画是一种常见的动画手法，其原理是在“连续的关键帧”中分解动画动作，即每一帧中的内容不同，连续播放而成动画。由于逐帧动画的顿序列内容不同，不仅增加制作负担而且最终输出的文体量也很大，但逐帧动画的优势也很明显，其与电影播放模式相似，很适合于表现细腻的动画，如 3D效果、人物或动物急剧转身等效果。 1、逐帧动画的概念和在时间帧上的表现形式 逐帧动画是指许多连续的关键帧组成的动画，它适合于每一关键帧中的图像都有所改变、表现细腻的动画。逐帧动画在时间帧上表现为连续出现的关键帧。 2、 创建逐帧动画的方法 运用静态图片制作逐帧动画应将图片依次放置在连续的关键帧中。由于各张静态图片只有较细微的差别，一定要设置好对齐方式。如果需要延长各关键帧的播放时间，可以在其后插入普通帧。 （1）用导入的静态图片建立逐帧动画 将JPG、PNG等格式的静态图片连续导入Flash中，建立一段逐帧动画。 新建 Flash 文档，按[Ctr+S]组合键打开“另存为”对话框，选择保存路径，输入文件名“流水效果”，然后单击“确定”按钮，回到工作区。 执行“文件一导入一导入到库”菜单命令，弹出“导入到库”对话框，选择“流水1”到“流水4”四个文件，单击“打开”，将文件导入到“库”面板中。 将图 3-21 所示的“库”面板中的“流水 1.pg”图像拖曳到舞台的适当位置。打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”，“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”。 在时间轴中选择“图层 1”中的第 3 ，单击鼠标右键，在打开的快捷菜单中选择“插入关键帧”。在舞台中的图像上单击右键，在打开的快捷菜单中选择“交换位图”，在“交换位图”对话框中选择“流水 2.jpg”，如图 3-22 所示。单击“确定”按钮，舞台中的图像“流水 1.jpg”被“流水 2.jpg”替换。 重复上一步步骤，在第5、7帧插入关键帧，并将“流水3.jpg”、“流水4.jpg”分别导入到舞台的同一位置。 按【Ctrl+S】组合键保存文件，按【Ctrl+Enter】组合键测试影片。 1.创建逐帧动画 1. 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 （2）导入GIF格式的逐帧动画 导入 GIF 格式图像的方法与导入同一序列的 JPG 格式的图像类似，只是将 GIF 格式的图像导入到舞台，会在舞台上直接生成动画，而将 GIF 格式的图像导入到“库”面板中，则会生成一个由GIF 构式转化成的剪辑动画。如图3-23 和图 3-24 所示为两个分别执行“导入到舞台”和“导入到库”命令后对应的时间轴及“库”面板。 由于每个关键帧处所对应的图形都不同，在绘制不同的图形时，需要先在规定的