1、信息技术课教学设计 学段学段初中初中年级年级八年级八年级课时课时1 主题主题神奇的“翻页”世界-制作逐帧动画 教材教材 八年级下册（2015 新教材） 第 2 章 Flash 动画初步 活动 3 制作逐帧动画 教材教材 分析分析 本节课教材采用人民教育出版社和内蒙古教育出版社出版的信息技 术八年级下册。授课内容为第 2 章 Flash 动画初步，活动 3 制作逐 帧动画。本节内容理论和操作相结合。 学生学生 分析分析 1.学生兴趣较浓，但有时更热衷于各种游戏、研究课堂内容之外的内 容。应注意引导到系统的学习上来，突破重难点。 2.学生具备制作简单的动画，帧类型、动画类型、绘制图形等先前知 识。
2、 教教 学学 目目 标标 知识与技能 1.了解逐帧动画的工作原理。 2.能够导入图片制作逐帧动画。 3.能够绘制关键帧制作逐帧动画。 4.能够保存和发布动画。 过程与方法 1.通过创设“奇妙的翻页世界”情境，提升学生学 习兴趣。 2.综合运用问题导学、自主探究、小组合作、任务 驱动等教学策略，促进学生自主建构知识。 情感态度和价值 观 激励学生学习动画制作的兴趣， 培养学生乐于接受 和探究新知识的精神。 重点重点导入图片制作逐帧动画、保存和发布动画 难点难点绘制关键帧制作逐帧动画 教学教学 资源资源 教材、微课、手绘图、PPT 课件、学习向导、Quize 课堂检测、 点名器、计时器 关于关于
3、教学教学 策略策略 选择选择 的阐的阐 述述 本课以“奇妙的“翻页”世界”为主线贯穿整个课堂，综合运用问题 导学、自主探究、小组合作、任务驱动等教学策略，增强学生主观能 动性，提高学生学习兴趣，更有效的完成学习目标。 教学教学 过程过程 一、情境导入一、情境导入 【情境创设】【情境创设】神奇的“翻页”世界 小明是个喜爱读书的孩子，他最爱读的就是爱丽丝梦游仙境 ，他希望自 己也能遇到一个奇妙的世界。有一天，小明睡着了，睡梦中，他走进了一个美 丽的公园，看到了这样一幅景象：各式各样的图片散落了一地，图片中，有青 蛙、有花草。突然，这些图片飞了起来，快速的从小明眼前闪过。这时，不可 思议的现象发生了
4、，青蛙跳起来了，小草开出了美丽的花朵醒来后，小明 百思不得其解。 同学们，我们能帮助小明解开这个谜团吗？一起进入今天的学习神奇的 “翻页”世界-制作逐帧动画 二、出示目标二、出示目标 出示本节课的学习目标： 1.了解逐帧动画的工作原理。2.能够导入图片制作逐帧动画。 3.能够绘制关键帧制作逐帧动画。4.能够保存和发布动画。 三、实践练习三、实践练习 问题一：问题一：逐帧动画的工作原理是什么？逐帧动画的工作原理是什么？ 【观察思考】【观察思考】观看微课逐帧动画“进化史” ，回答问题： 在没有计算机的时代，人们都是一幅幅绘制画面，连续播放，从而制作动 画。我的祖先是就是这种传统的手工制作的动画。从
5、最简单的“手翻书”到宫 崎骏大师的手绘作品，祖先们不断努力进化。 直到智慧的人们发明了计算机，动画也迎来了崭新的计算机制作时代，同 时也诞生了我“逐帧动画” 。我继承了祖先们的特点，每个关键帧中的内容 都是手工绘制或者导入的，比较费时费力，但能表现出细腻的效果。最简单的 我只需要两个画面，而复杂的我需要较多的画面。每一个关键帧中的内容存在 差异但又有一定的连续性，把所有的关键帧组合起来播放，就可以产生动画效 果。 制作逐帧动画，最重要的就是制作各关键帧内容。有两种制作方法： 一是导入已有的图片，二是在 Flash 中直接绘制各个关键帧内容。 【我来总结】【我来总结】 1.逐帧动画：所有帧的内容
6、都是绘制或者导入的。 2.最简单的逐帧动画只需要两个画面。 3.制作逐帧动画的两种方法：一是导入已有的图片，二是在 Flash 中直接绘制 各个关键帧内容。 问题二：怎样导入图片制作逐帧动画？问题二：怎样导入图片制作逐帧动画？ （一）制作（一）制作“青蛙跳水青蛙跳水”逐帧动画逐帧动画 【教师演示】【教师演示】1.展示“青蛙跳水.swf” ，观察效果。 2.明确“青蛙跳水”所在文件夹。 3.说明“学习向导”使用方法。 【小组合作】【小组合作】制作制作“青蛙跳水青蛙跳水”逐帧动画逐帧动画（必要时可借助“学习向导” ） 1.新建 Flash 文档， “属性”面板，设置舞台大小为：宽 782px，高
7、236px。 2.“文件导入导入到库” ，找到图片，全选，导入。 3.打开“库”面板，查看导入的图片。 4.拖动“青蛙跳 1”到舞台，打开“对齐”面板，分布：垂直居中、水平居中。 5.右击第 2 帧插入空白关键帧，拖动“青蛙跳 2”到舞台， “窗口对齐” ，打 开“对齐”面板，分布：垂直居中、水平居中。 6.同理，在 36 帧插入空白关键帧，把“青蛙跳 3”“青蛙跳 6”拖动到对应 帧的舞台中，设置为居中对齐。 7.“控制播放”或按回车键，预览动画效果。 8.“文件保存” ，以“青蛙跳水+姓名”为文件名保存在桌面上。 【教师演示】重难点点拨【教师演示】重难点点拨 1.单个图片， “文件导入导入
8、到舞台”或“文件导入导入到库”均可， 多个图片，建议“导入到库” 。 2.打开对齐面板： “窗口对齐” 。 3.若点击“垂直居中”无反应，应先选中“相对于舞台”按钮。 4.“垂直居中分布” 、 “水平居中分布”与“水平中齐” 、 “垂直中齐”效果类似， 中考时，具体用哪个，认真读题目。 5.补救： （1）忘记选择保存位置： “文件另存为” （2）忘记修改文件名：右击重命名 【我来总结】【我来总结】来帮帮忙：学习同伴遇到了下列问题，你能帮他解决吗？ 序号存在问题解决措施 1某一帧图片发生跳动选中图片，设置对齐或设置统一的坐标位置 2找不到“对齐”面板菜单栏： “窗口对齐” 3点击居中按钮无反应先
9、选中“相对于舞台”按钮 （二）修改动画运行时间（二）修改动画运行时间 【自主探究【自主探究】 “青蛙跳水”动画播放的太快了，怎样让播放速度慢下来，延长动 画运行时间呢？ 【我来总结】【我来总结】 1.修改帧频率。例：若想让时间变为原来的两倍，则帧频变为原来的一半。 如：12fps 改为 6fps。 2.添加一般帧。右击某帧插入帧。 问题三：怎样绘制关键帧制作逐帧动画？问题三：怎样绘制关键帧制作逐帧动画？ 【我来分析】【我来分析】 1.小花盛开最少需要哪几个关键帧？（生：发芽、长大、开花） 教师展示“发芽、长大、开花”3 张手绘图 2.第 2、3 张必须拿空白纸重新绘制吗？（生：可在前一张的基础
10、上修改） 3.观察 Flash 中的工具箱，哪些工具常用来绘画？ （生：刷子、铅笔、椭圆、矩形、橡皮擦等工具） 【我来总结】【我来总结】绘制关键帧画面时，要注意每个关键帧内容和上一关键帧不能有 太大的差异，要保持一定的连续性，动画才能有流畅的播放效果。 【动手实践动手实践】 制作制作“盛开的小花盛开的小花”逐帧动画逐帧动画（必要时可借助“学习向导” ） 1.新建 Flash 文档，设置舞台大小为：宽 180px，高 150px。 2.第 1 帧处， “刷子”工具绘制小嫩芽。 3.第 2 帧处：右击插入关键帧“橡皮擦”修改“刷子”绘制 4.第 3 帧处：右击插入关键帧“橡皮擦”修改“刷子”绘制
11、5.“控制播放”或按回车键，预览动画效果。 6.“文件保存” ，以“盛开的小花+姓名”为文件名保存在桌面上。 【我来总结】【我来总结】 一般来说，逐帧动画帧数越多，动画中的细节越突出，动画效果越精彩。 若想呈现更细腻的效果，可以多绘制几幅。 问题四：怎样保存和发布动画？问题四：怎样保存和发布动画？ 【我来分析】观察并认识下列动画文件类型【我来分析】观察并认识下列动画文件类型 文件类型文件类型扩展名扩展名特点特点 Flash 文档.fla可编辑修改动画 Flash 影片.swf 可直接播放动画 可执行文件、Windows 放映文件.exe 【动手实践动手实践】 保存并发布保存并发布“盛开的小花盛
12、开的小花”动画动画 （1） “文件发布设置” ，选择要发布的格式，单击“发布”按钮，发布动画。 （2）找到动画发布的位置，双击 SWF 和 EXE 格式的动画文件，观看效果。 扩展提高（选做任务扩展提高（选做任务）导入图片序列，快速制作导入图片序列，快速制作逐帧逐帧动画动画 【思维发散】【思维发散】导入图片制作逐帧动画，有没有更快速更智能的方法？ 1.1.【教师演示】【教师演示】导入“青蛙跳水”图片序列，快速制作逐帧动画。会自动补齐 关键帧。 2.2.【自主探究】【自主探究】快速制作“小明走路”逐帧动画（必要时可借助“学习向导” ） 思考思考： （1）图片序列命名必须为:“连续的数字” ，如
13、18。而这些图片却 （2）怎样将图片调整到恰当大小，并保持所有图片大小一致？ （3）怎样运用“属性”面板的 X、Y 坐标，让小明不是原地踏步，而是往 前走？ （4）以“小明走路+姓名”为文件名保存在桌面上。 四、四、展示评价展示评价 学生提交发布后的 swf 格式的作品，教师找青蛙跳水、小明走路、盛开的 小花各一幅，分别请一位同学分析优点以及可以改进的地方。 五、五、课堂检测课堂检测 【直击中考】【直击中考】 Quiz 检测题检测题 1.【填空】Flash 中，所有帧的内容都是手工绘制或者导入的，这种动画叫逐帧 动画。 2.【单选】关于逐帧动画，下列说法正确的是（） A.最简单的逐帧动画只需一
14、个画面。 B.制作关键帧内容，只有绘制一种方法。 C.关键帧中的内容只考虑差异性，无需考虑连续性 D.一般来说，逐帧动画帧数越多，动画中的细节越突出，动画效果越精彩。 3.【匹配】将功能与相应操作相匹配 （1）改变舞台大小-“文档属性”对话框 （2）垂直居中分布、水平居中分布-“对齐”面板 （3）固定某图片在舞台的特定位置-“属性”面板 X、Y 坐标 （4）制作可直接播放的 Flash 影片-“文件”“发布设置” 六、总结归纳六、总结归纳 结合板书，回顾本节知识，整理归纳。 板书板书 设计设计 活动活动 3 制作逐帧动画制作逐帧动画 一、一、工作原理工作原理 二、二、导入图片制作导入图片制作 1.文件导入导入到库” 2.“窗口对齐” 3.修改时间：修改帧频率、 “右击插入帧” 三、三、绘制关键帧制作绘制关键帧制作 （手绘（手绘 3 幅图）幅图） 四、四、保存和发布动画保存和发布动画 “文件发布设置” ：.swf .exe
