《逐帧动画教学设计.pdf》由会员分享,可在线阅读,更多相关《逐帧动画教学设计.pdf(7页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 逐帧动画教学设计 Company number:【WTUT-WT88Y-W8BBGB-BWYTT-19998】Flash 逐帧动画制作教学设计【教材分析】本课的教学内容是利用 Flash 制作简单的“逐帧动画”。这是一种常见的动画手法,它的原理是将一个动画的连续动作分解成一张张的图片,把每一张图片用关键帧描绘出来,Flash 将这些关键帧连续播放,形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此,学生在本节的学习过程中,会产生非常高的学习热情,为今后的学习打下坚实的基础。【学生分析】由于不同的学生能力、水平、爱好等有较大的差异,故应采用分组、分层次教学。可以通过设立多级学习目标和多
2、样的学习方式,让不同的学生都能根据自己的实际需要选择到合适的内容;教师还应给学生提供多样化的自主探索空间,鼓励不同意见和创造性思路的迸发,鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。【教学目标】1、知识与能力 1知道帧、帧频与关键帧的含义。2能够导入静态图片 3插入、编辑关键帧。4掌握制作“逐帧动画”的方法。5学会通过改变帧频控制动画的播放时间。2、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程,在交流、沟通与合作中,共同掌握“逐帧动画”制作方法,提高Flash动画制作水平。3、情感态度与价值观 创作的乐趣,
3、进一步培养制作动画的兴趣;培养学生创新能力与探究问题的能力;培养创造性思维能力。【教学重难点】重点:能够导入静态图片 难点:通过改变帧频控制动画的播放时间【教学方法】本着学生是主体的理念,采用项目教学法,在项目中提出任务,采用任务驱动法,在教学中让学生自主探究,分组互评,使学生掌握相应的知识。同时根据任务的难易程度,采用演示法,分组讨论法,使不同层次的学生更好的完成任务。【教学手段】采用多媒体教学手段,增大教学容量和直观性。【教学流程图】【教学过程】导入新课 师:课前,老师将一组马的连续图片按顺序贴在一本书的每页纸的相同位置上。现在我们一起快速翻动按顺序装订好的页面。大家看到了什么 生:一匹马
4、在走动。师(改变几张图片的位置后翻动):为什么现在这匹马在跳 生:因为图片没贴到相同的位置上!这是一种古老的看动画效果方法,称为“快捷翻书法”。我们看到的每一幅画面称为一个“帧”。帧是进行 flash 动画制作的最基本的单位,每一个精彩的 flash 动画都是由很多个精心雕琢的帧构成的。我们共同来回顾一下上节课提到的帧主要有哪几种类型 关键帧顾名思义,有关键内容的帧。空白关键帧空白关键帧是没有包含舞台上的实例内容的关键帧。通过实例展示讲解知识、提供形状补间动画的制作原理 新课导入 开 始 学生分组讨论、学生结果展示 教师巡视指导 学生动手操作 课堂小结 结 束 各组互评 普通帧在时间轴上能显示
5、实例对象,但不能对实例对象进行编辑操作的帧。讲授新课 上节课我们下载并观赏了不少 Flash 动画,同学们想不想自己亲手用Flash 制作动画呢这节课我们就共同来学习“模仿传统手工动画的方式,每一帧都由手工绘制或导入图片完成的动画称为逐帧动画”。赶快和老师一起用 Flash逐帧做一匹行走的马。(播放动画)教师提前做好的逐帧动画行走的马演示(包含背景图片和背景声音)。逐帧动画所需要的素材既可以直接在 Flash 的舞台上绘制,也可以提前准备。要求是,从第 2 幅画面开始,每一幅都是上一幅的后续,两幅画面之间有着微小的差别。动作分解的越细,将来生成的动画就越细腻。一、导入图片制作逐帧动画 第一步:
6、启动 Flash,新建一个 Flash 文档。(观察图层和帧)当用户新建一个 Flash 文档后,第一帧是空心圆点,空白关键帧。除第一帧之外,所有的帧都是空白帧,这些帧只有用户定义了之后才有意义。第二步:执行文件导入到舞台菜单命令,出现“导入”对话框。第三步:选定要导入的图片文件,单击“打开”按钮将其导入Flash 文档,并显示在舞台上的默认位置。(观察帧的变化,空心圆点变成实心圆点,成为关键帧)第四步:执行【插入】【时间轴】【空白关键帧】菜单命令,插入一个空白关键帧,模仿第二、三步的操作将后续的一张图片导入该帧。(教师演示到此,播放操作步骤供学生参照,练习导入多幅静态图片。)过渡:动画的所有
7、帧及其包含的图片都导入到舞台后,动画就基本完成了,可以在 Flash 中播放。为了获得更好的播放效果,需要对动画进一步的测试和调整。(播放)二、测试和调整动画 第一步:执行【控制】【测试影片】菜单命令,进入动画测试状态,以欣赏者的身份观赏动画。师:怎么样看到一匹行走的马了吗祝贺同学们第一步都成功了!(播放)观赏学生作品一 师:观察作品,有没有不完美之处 A 动画播放偏快,需要进行调整。(播放)第二步:在时间轴的帧控制区单击选定第 1 帧,执行【插入】【时间轴】【帧】菜单命令,在第一帧的后面插入一个帧。普通帧 让学生在每个关键帧的后面均插入 2 个普通帧,使马的走动速度接近实际。B 动画位于舞台
8、的左上角(播放)学生调整动画的位置,重新测试。(播放)学生作品欣赏,发现有调整好的,有的调整后图像有“跳来跳去”的现象。调整好的学生采用的调整方法:方法一:设置成相同坐标值:这种方法调整精确但非常麻烦,有没有一种即快捷又能精确调整的方法呢 方法二:使用“绘图纸工具”:(播放)使用绘图纸工具调整的步骤。学生参照步骤,利用绘图纸工具调整图像的位置,重新测试。第三步:插入图层,导入背景图片。图层就像透明的醋酸纤维薄片一样,在舞台上一层层地向上叠加。可以在图层上绘制和编辑对象,而不会影响其它图层上的对象。如果一个图层上没有内容,那么就可以透过它看到下面的图层。测试作品欣赏,体会成功喜悦!(播放)创建逐
9、帧动画的几种方法 (1)用导入的静态图片建立逐帧动画 (2)导入 gif 等序列图像 (3)文字逐帧动画(4)绘制矢量逐帧动画 第四步:插入图层,导入背景音乐 注意:先将声音文件导入到库,然后再库中将其拖动到舞台中,时间轴出现波形则表示身音添加完成。“逐帧动画”特点:“马的行走”是一个典型的“逐帧动画”效果,通过这个动画我们可以看出,它是将一个动画的连续动作分解成一张张的图片,把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放,就形成了动画效果。三、任务驱动,学生动手实践 通过老师刚刚的演示,相信同学们对导入图片制作“逐帧动画”已经有了一定的认识,好让我们利用所学习知识,拿起你手中的鼠标和
10、键盘,利用“素材库”制作一个简单的 Flash 动画,在其中运用所学的逐帧动画的制作方法。有以下几个选题供选择:选题一:模仿马行走动画制作 选题二:使用逐帧动画制作一个数字 100 的倒计时小动画。选题三:制作 QQ 表情 素材存放位置:打开“网上邻居”,将作品保存在“zjzx502412”主机,“10 高职 14班作品”文件夹内。(学生可自备素材,自由创作)四、展示作品,师生互评 选择部分有代表性的作品进行展示,分别从动画创意、使用技术、动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧,对优秀作品给予表扬,对不足的作品给予鼓励。作品相互的展示交流,互评互进,取长补短。五、教学后记:本节课教学力求打破传统教学模式、单一教学模式,采用了任务驱动、项目教学等多种教学方法相结合的教学模式,努力为学生创设一种相互协作、相互激励的学习环境,同时又能够让学生培养自主学习的能力和创新精神。始终 以学生为主体,通过多种教学方式驱使学生主动学习、主动参与、相互协作、相互激励、取长补短、共同提高。