当前位置:首页 >> 其它课程 >>

Flash逐帧动画教学设计


C%2023%20Aug%202017%2016%3A02%3A58%20%2B0800&authorization=bce-auth-v1%2Ffa1126e91489401fa7cc85045ce7179e%2F2017-08-23T08%3A02%3A48Z%2F-1%2Fhost%2Fc11412899a42a50fbaa8f6a13f4f5b8ddb6a40a7d1c76ad4fbfbc4225a9e4ad2&x-bce-range=0-213&token=07cd62f51e337790edb68ee531306b262fd9d197e65eaa97b8f565a960a51157&expire=2027-07-02T08:02:48Z" style="width: 100%;">
Flash 逐帧动画教学设计
【教材分析】 本课的教学内容是利用 Flash 制作简单的“逐帧动画”。这是一种常见的 动画手法, 它的原理是将一个动画的连续动作分解成一张张的图片,把每一张图 片用关键帧描绘出来,Flash 将这些关键帧连续播放,形成动画效果。掌握本节 内容可以做出许多生动有趣的动画。因此,学生在本节的学习过程中,会产生非 常高的学习热情,为今后的学习打下坚实的基础。 【学生分析】 由于不同的学生能力、水平、爱好等有较大的差异,故应采用分组、分层次 教学。 可以通过设立多级学习目标和多样的学习方式,让不同的学生都能根据自 己的实际需要选择到合适的内容;教师还应给学生提供多样化的自主探索空间, 鼓励不同意见和创造性思路的迸发,鼓励多样化的问题解决方式和方法。教师可 以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1、知识与能力 1.知道帧、帧频与关键帧的含义。 2.能够导入静态图片 3.插入、编辑关键帧。 4.掌握制作“逐帧动画”的方法。 5.学会通过改变帧频控制动画的播放时间。 2、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与 探究过程,在交流、沟通与合作中,共同掌握“逐帧动画”制作方法,提高 Flash 动画制作水平。 3、情感态度与价值观 体会创作的乐趣,进一步培养制作动画的兴趣;培养学生创新能力与探究 问题的能力;培养创造性思维能力。

【教学重难点】 重点:能够导入静态图片 难点:通过改变帧频控制动画的播放时间 【教学方法】 1.演示教学法:通过在多媒体教室,实际操作演示用 Flash 制作动画的过 程,活跃课堂气氛,激发学生学习情趣。 2.任务驱动式:该方法主要是通过设计一些学习目标,让学生自己上机去 实现,让他们在亲身实践中体会、提高,在同学之间的互相学习和交流、甚至争 论中提高学习兴趣,开阔思路。既培养了学生的动手实践能力,又加强了学生的 实践探究、交流合作解决问题的能力。 3.案例教学法:选取的案例取材于学生在课堂中出现的问题动画,用于训 练学生解决实际问题的能力。 【教学过程】 激趣导入 师:课前,老师将一组马的连续图片按顺序贴在一本书的每页纸的相同位置上。 现在我们一起快速翻动按顺序装订好的页面。大家看到了什么? 生:一匹马在走动。 师(改变几张图片的位置后翻动):为什么现在这匹马在跳? 生:因为图片没贴到相同的位置上! 这是一种古老的看动画效果方法,称为“快捷翻书法”。我们看到的每一幅 画面称为一个“帧”。帧——是进行 flash 动画制作的最基本的单位,每一个精 彩的 flash 动画都是由很多个精心雕琢的帧构成的。 我们共同来回顾一下上节课提到的帧主要有哪几种类型?(播放) 关键帧——顾名思义,有关键内容的帧。 空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧——在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。 讲授新课

上节课我们下载并观赏了不少 Flash 动画, 同学们想不想自己亲手用 Flash 制作动画呢?这节课我们就共同来学习“模仿传统手工动画的方式,每一帧都由 手工绘制或导入图片完成的动画称为逐帧动画”。赶快和老师一起用 Flash 逐帧 做一匹行走的马。 (播放) 教师提前做好的逐帧动画 《行走的马》 (包含背景图片和背景声音) 演示 。 逐帧动画所需要的素材既可以直接在 Flash 的舞台上绘制,也可以提前准 备。要求是,从第 2 幅画面开始,每一幅都是上一幅的后续,两幅画面之间有着 微小的差别。动作分解的越细,将来生成的动画就越细腻。 一、导入图片制作逐帧动画 第一步:启动 Flash,新建一个 Flash 文档。(观察图层和帧) [当用户新建一个 Flash 文档后,第一帧是空心圆点,空白关键帧。除第一帧之 外,所有的帧都是空白帧,这些帧只有用户定义了之后才有意义。] 第二步:执行[文件]导入到舞台菜单命令,出现“导入”对话框。 第三步:选定要导入的图片文件 horse-1.png,单击“打开”按钮将其导入 Flash 文档,并显示在舞台上的默认位置。(观察帧的变化,空心圆点变成实心 圆点,成为关键帧) 第四步:执行【插入】→【时间轴】→【空白关键帧】菜单命令,插入一个 空白关键帧,模仿第二、三步的操作将后续的一张图片导入该帧。(教师演示到 此,播放操作步骤供学生参照,练习导入多幅静态图片。) 过渡:动画的所有帧及其包含的图片都导入到舞台后,动画就基本完成了, 可以在 Flash 中播放。 为了获得更好的播放效果,需要对动画进一步的测试和调 整。(播放) 二、测试和调整动画 第一步:执行【控制】→【测试影片】菜单命令,进入动画测试状态,以欣 赏者的身份观赏动画。 师:怎么样?看到一匹行走的马了吗?祝贺同学们第一步都成功了! (播放)观赏学生作品一

师:观察作品,有没有不完美之处? A 动画播放偏快,需要进行调整。(播放) 第二步:在时间轴的帧控制区单击选定第 1 帧,执行【插入】→【时间轴】 →【帧】菜单命令,在第一帧的后面插入一个帧。[普通帧] 让学生在每个关键帧的后面均插入 2 个普通帧,使马的走动速度接近实际。 B 动画位于舞台的左上角(播放) 学生调整动画的位置,重新测试。 (播放)学生作品欣赏,发现有调整好的,有的调整后图像有“跳来跳去”的现 象。 调整好的学生采用的调整方法: 方法一:设置成相同坐标值:这种方法调整精确但非常麻烦,有没有一种即 快捷又能精确调整的方法呢? 方法二:使用“绘图纸工具”:(播放)使用绘图纸工具调整的步骤。 学生参照步骤,利用绘图纸工具调整图像的位置,重新测试。 第三步:插入图层,导入背景图片。 [图层就像透明的醋酸纤维薄片一样,在舞台上一层层地向上叠加。可以在 图层上绘制和编辑对象, 而不会影响其它图层上的对象。如果一个图层上没有内 容,那么就可以透过它看到下面的图层。] 测试作品欣赏,体会成功喜悦! (播放)创建逐帧动画的几种方法 (1)用导入的静态图片建立逐帧动画 (2)导入 gif 等序列图像 (3)文字逐帧动画 (4)绘制矢量逐帧动画 第四步:插入图层,导入背景音乐 注意:先将声音文件导入到库,然后再库中将其拖动到舞台中,时间轴出现 波形则表示身音添加完成。

“逐帧动画”特点总结:“马的行走”是一个典型的“逐帧动画”效果,通过 这个动画我们可以看出, 它是将一个动画的连续动作分解成一张张的图片,把每 一张图片用关键帧描绘出来。然后将这些关键帧连续播放,就形成了动画效果。 三、任务驱动,学生动手实践 通过老师刚刚的演示,相信同学们对导入图片制作“逐帧动画”已经有了一 定的认识, 好让我们利用所学习知识, 拿起你手中的鼠标和键盘, 利用 “素材库” 制作一个简单的 Flash 动画,在其中运用所学的逐帧动画的制作方法。 有以下几个选题供选择: 选题一:模仿马行走动画制作 选题二:使用逐帧动画制作一个数字 10~1 的倒计时小动画。 选题三:制作 QQ 表情 素材存放位置:学生机 D 盘根目录下“初二素材”文件夹内。 (学生可自备素材, 自由创作) 四、展示作品,师生互评 选择部分有代表性的作品进行展示,分别从动画创意、使用技术、动画效 果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧,对优 秀作品给予表扬,对不足的作品给予鼓励。 作品相互的展示交流,互评互进,取长补短。 五、小结: 这节课我们共同学习了导入静态图片制作逐帧动画,除了导入静态图片外, 还可以导入序列图像、 输入文字或手工绘制来制作逐帧动画,由于逐帧动画对画 面一帧一帧地处理, 所以具有非常大的灵活性, 几乎可以表现任何想表现的内容。 希望同学们勤加练习,大胆实践,制作出更多更好的优秀的作品。


相关文章:
Flash逐帧动画教学设计(颜明生)
逐帧动画制作—川剧变脸》 教学设计涟源工贸职业中等专业学校:颜明生【教材分析】 本课的教学内容是利用 Flash 制作简单的“逐帧动画”。这是一种常见的 动画...
Flash动画之逐帧动画教学设计
教学设计章节题目 Flash 动画之逐帧动画 学科 信息技术 学段: 初中 年级 6 年级 授课教师 参考教材 信息技术( 知识与技能 1.学会图片导入的操作, 初步认识将...
逐帧动画教学设计
逐帧动画教学设计_其它课程_初中教育_教育专区。本节课课堂教学设计第...技能目标: 掌握在 flash 中制作逐帧动画的技巧,体验在 flash 中制作逐帧动画...
制作逐帧动画教案
制作逐帧动画教案一、教学目标 知识与技能 (1)了解 Flash 动画制作软件的功能及 FLASH 的启动方法 (2)认识 FLASH 工作界面,舞台、时间轴、关键帧等概念 (3)...
多层逐帧动画教学设计
多层逐帧动画教学设计_其它课程_初中教育_教育专区。本节课是清华大学出版的信息技术八年级上册,内容是第二课“多层逐帧动画”,属于FLASH软件的应用。将信息以动画...
文字的逐帧动画教学设计
文字的逐帧动画教学设计_六年级其它课程_其它课程_小学教育_教育专区。文字的逐帧动画 小站一小:岑坤 教材分析 本课的教学内容是利用 Flash 制作简单的“文字的...
flash教案 绘制图像与逐帧动画
flash教案 绘制图像与逐帧动画_其它课程_初中教育_教育专区。第一单元 闪客之门...课堂小结 布置任务 第1课 板书设计 教师协助帮助学生梳理知识,巩固知识。 请...
简单有趣的逐帧动画(教学设计)
教学设计 (一)教学目标: (1)知识与技能目标: 1、学会在 FLASH 中导入图片 2、学会制作逐帧动画并会测试影片 3、理解逐帧动画的概念 4、理解帧、关键帧、...
Flash逐帧动画教学设计(颜明生)
逐帧动画制作—川剧变脸》 教学设计涟源工贸职业中等专业学校:颜明生【教材分析】 本课的教学内容是利用 Flash 制作简单的“逐帧动画”。这是一种常见的 动画...
Flash教程3 逐帧动画:手写字
Flash教程3 逐帧动画:手写字_计算机软件及应用_IT/计算机_专业资料。实验 3 逐帧动画:手写字 1. 参考后面的手写字制作教程,制作一个逐帧动画。 2. 舞台大小...
更多相关标签: