3.1 植物生长——逐帧动画（教案）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

课 题 模块三 植物生长——逐帧动画 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《Flash CS6动画制作案例教程》作为中等职业学校计算机应用与软件专业数字媒体及其相关方向的基础教材，作为各类计算机动漫培训教材，本书采用案例教学、模块教学的方法，通过案例引领的方式讲述Flash CS6动画制作基础、工具的应用、基础动画、高级动画、应用文本、多媒体与脚本交互等最常用、最重要的功能和使用方法，并通过综合能力进阶全面展示Flash的动画制作技巧。 本节课内容为教材中“模块三 第一部分 植物生长——逐帧动画 学情分析 知识储备：用逐帧动画展现植物生长的过程。 能力水平：运用“对齐”面板和“编辑多个”设置图片的对齐方式、位置及大小，实现植物生长的效果。 学习目标 知识目标：用逐帧动画展现植物生长的过程。 能力目标：运用“对齐”面板和“编辑多个”设置图片的对齐方式、位置及大小，实现植物生长的效果。 素质目标：实现植物生长的效果。 学习重难点 教学重点：用逐帧动画展现植物生长的过程； 教学难点：运用“对齐”面板和“编辑多个”设置图片的对齐方式、位置及大小，实现植物生长的效果。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前对案例进行实操操作，让学生大致了解Flash CS6的基础知识和案例的主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 植物生长——逐帧动画 案例描述 用逐帧动画展现植物生长的过程。 案例分析 利用序列图片的导入创建逐帧动画。 运用“对齐”面板和“编辑多个”设置图片的对齐方式、位置及大小，实现植物生长的效果。 1.植物生长——逐帧动画 1. 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 操作步骤 1.启动 Flash CS6 后，新建一个 ActionScript 3.0 文档，舞台大小设定为“550x400像素"。 2.新建一个图层，选择第一帧，执行“文件一导入一导入到舞台”命令，将“植物生长00001.jpg”导入。此时，会弹出一个对话框，如图 3-2 所示。选择[是]按钮，Flash会自动把图片序列按顺序以逐帧形式导入舞台，如图 3-3 所示。 3.此时，时间帧区出现连续的关键帧，从左向右拖动播放头，就会看到植物生长的过程，如图 3-4 所示。但是，被导入的动画序列位置尚未处于我们需要的地方，缺省状况下,导入的对象被放在场景坐标“0，0”处，我们需要调整它们的位置和大小。 4，单击时间轴面板下方的“编辑多个帧”按钮，再单击“修改标记”按钮回，在弹出的菜单中选择“标记整个范围”选项，如图 3-5 所示。最后执行“编辑一全选”命令,此时时间轴和场景效果如图 3-6 所示。 5.打开“对齐”面板，选中“与舞台对齐”复选框，设置“对齐”为“水平中齐”“分布”为“垂直居中分布”，“匹配大小”为“匹配宽和高”，效果如图 3-7 所示。6.按[Ctrl+Enter]组合键测试影片，即可看到“植物生长”的动画效果，如图 3-8所示，按[Ctrl+S] 组合键保存文件。 2.操作步骤 （1）讲解每个特点，并结合实际操作形式和操作方法的形式进行讲授。 （2）听课、理解；针对不明白知识点提问、讨论，询问学生是否对知识理解透彻。 1.按学生的学习规律，循序渐进引入本课重点知识学习 2.通过课件、实操截图等多媒体方式讲解，易于学生理解和实战。 活动二： 调动思维 探究新知 时间轴的基本操作 时间轴主要用于对图层和帧进行组织和管理。时间轴的主要组件包括图层，帧和播放头。 1、时间轴的基本操作 （1）更改时间轴中的帧显示 单击时间轴右上角的“帧视图”按钮，打开帧视图，弹出的菜单如图所示。 “很小"、“小"、“标准”、“中”或“大”：更改单元格的宽度。 “较短":改变帧单元格行的高度。 彩色显示帧”:打开或关闭用彩色显示帧的顺序。 “预览":显示每个帧的内容缩略图。 关联预览":!显示每个完整帧(包括空白空间)的缩略图。 （