丰富的动画补间动画教学设计

1、第八课 丰富的动画补间动画海宁市第五中学 孙云峰一、背景信息课 题第八课 丰富的动画补间动画所选教材浙教版信息技术八年级下所属章节八年级下第二单元创建动画适用年级八年级计划课时1课时授课对象八年级学生二、教学设计教材分析本节课是浙教版的初中信息技术(八年级)第二单元的教学内容，由于Flash动画制作内容很有趣味性，学生有很高的学习积极性。本节课的教学内容是Flash的动画补间动画运用，重点在于学生运用动画补间动画技术制作出丰富的动画效果。动画补间动画的技巧性是比较强的，因为它必须建立在元件的基础之上，并且对帧、关键帧、空白关键帧、补间动画原理等知识有了一定的了解和初步应用，这一课是在第七课简单

2、的动画补间动画基础上的巩固与提升。学情分析通过前面几课的学习，学生已初步掌握了Flash动画的一些基础知识，并对逐帧动画制作有了一定的掌握，通过第七课的学习，学生对简单的动画补间动画制作有了一定的认识，在Flash动画制作的兴趣上已经被充分调动起来。动画补间动画是Flash动画制作中很常见的一种制作手法，能制作出活泼、有趣的动画效果。学生能结合前面学过的基础知识制作出简单的动画，但对于动画的构思、知识的综合运用还比较薄弱，本课是对第七课的巩固与补充，拓展和提升了动画补间动画的综合应用能力。教学中要注意引导，注重搭设台阶，面向全体学生，使不同层次的学生都能有所收获。教学目标知识与技能知识目标：1

3、、进一步了解关键帧的相关属性2、理解动画补间动画的原理。技能目标：2、掌握制作具有移动、缩放、旋转、透明度变化、颜色渐变等效果的动画补间动画。3、进一步加深对关键帧相关属性的设置，巩固元件的创建和转换，通过设置元件属性中颜色的亮度、色调、ALPHA、高级等选项制作各种动画效果的技巧。过程与方法通过分析比较，帮助学生理解概念；通过教师示范、学生模拟，学生挑战、问题探究，使学生初步掌握动画补间动画的制作方法；通过学习网站，提高学生自主学习能力；通过引导讲解法、演示法、任务驱动法、自主探究学习法等教学方法相结合，由浅入深、由表及里地讲解动画补间动画制作的方法，逐步提高学生制作动画和欣赏动画的水平。情

4、感态度与价值观1、通过有趣的学习任务，培养学生对Flash动画的制作兴趣。2、体验动画制作的乐趣、学习的快乐、成功的喜悦。3、通过自主探究与小组合作，培养学生自学能力与团队合作能力。教学内容教学重点 1、图形元件属性的设置；2、关键帧相关属性的设置；3、动画补间动画的制作教学难点1、开始关键帧与结束关键帧中实例的添加和相关属性设置；2、让学生能够举一反三熟练地应用动画补间动画技能，创意出各种效果的动画作品。三、教学准备教师准备1、 多媒体网络教室 2、教学课件 3、学生任务素材学生准备预习本课的教学内容四、教学过程设计教学环节教师活动学生活动设计意图导入一、游戏导入，引出课题猜猜家乡海宁的名人

5、、风景、地点。师：同学们对自己的家乡都很了解，很熟悉。我们大海宁真是人杰地灵、钟灵毓秀呀。刚才的活动很轻松，同学们猜得也是意犹未尽，图片的展示其中也多亏了FLASH动画效果的给力支持，今天这节课我们就一起来学习刚才这些动画效果的制作。求知若渴，很期待很迫切哦！ (出示课题：第八课丰富的动画补间动画看画猜谜的同时进一步思考动画中的各种效果。创设情境，渲染氛围，以动画的形式展示家乡的风景、介绍家乡的名人，激发学生学习兴趣，让学生对动画补间动画有个视觉上的直观认识。复习旧知学习新知掌握技巧根据提示自我探究二、新授1、制作淡入淡出效果动画师：出示今天学习网站，请学生说说任务1这个动画你看到了怎样的动画

6、效果？从学生的回答中带领学生一起分析动画效果，得出：还记得我们第7课学习了什么动画制作知识？简单的动画补间动画。打开书本33页，体会知识链接，并结合自己的理解，说一说补间动画的原理。举手回答 复习第7课补间动画知识补间动画是创建随时间移动或更改的动画的一种有效方法，其原理是先制作两个关键帧作为起始帧和结束帧，两个关键帧间的过渡动画则由计算机自动运算而成。在FLASH中，补间动画包括动画补间动画和形状补间动画。要制作出这样一个图片淡入淡出动画，可以运用动画补间动画来实现。通过上面对补间动画的剖析得出，任务1这个图片渐变效果，我们只要每个效果安排2个关键帧，起始帧和结束帧各放此图片，然后把起始帧图

7、片的透明度设为0，完全透明，结束帧透明度设为100，完全不透明，中间的淡入淡出动画交给计算机完成。运用用动画补间动画有些情况下会更便捷、更高效。教师演示操作步骤（1）导入素材到库中（2）创建角色元件（或者转换元件）不创建元件可以吗？（3）在已有的第1空白关建帧中放入所需展示图片的图形元件，调整好大小和位置并选中此图形元件，在属性面板的颜色选项中设置ALPHA值（如0%），0%表示全透明，100%表示不透明。（4）在第25帧处右击-插入关键帧，并设置其元件的ALPHA值（如100%）。（5）鼠标右击起始帧或右击起始帧和结束帧之间，选择“创建补间动画”（FLASHCS5.5版本是创建传统补间），观

8、看淡入淡出效果。（6）再次播放“观潮圣地”动画实例，请学生仔细观察动画效果（颜色、持续播放、出场角色等）。上面是图片从“无到有”显示（透明到不透明）为了让观众有时间看清楚图片内容，我们设计了一个“持续播放同一画面”，如何让画面持续播放？（如1秒时间）（7）有学生会的，请学生上台演示。（关键帧）接着又是慢慢到“无”。问题分析完了，会做了吗？动动手看。（8）请学生上台演示操作教师小结关键帧和空白关键帧的特点2、制作旋转、位置移动效果动画（1）插入一新图层，在相应帧插入空白关键帧（如第76帧），将“库”中图片拖放至舞台适当位置，并转换成元件。将元件放大或缩小后放至舞台适当位置。（2）在结束帧插入关键

9、帧（如第90帧），将元件放大或缩小并放至舞台适当位置即可。（3）创建起始帧与结束帧之间的动画补间动画，并设置起始帧（第76帧）属性中的“旋转”为“顺时针”或“逆时针”、“旋转次数”。这样，一张边旋转边缩放移动的动画效果就出来了。（4）在（第110帧）右击插入关键帧（画面持续播放）（5）在（第130帧）右击插入关键帧，并调整元件的位置（放在舞台右边外面）（6）创建第110帧至130帧的动画补间。3、制作变色效果动画在第三张出场的图片中，综合运用刚才已学知识点，并尝试设置元件属性“颜色”中的“色调”选项，制作颜色渐变的动画效果。教师小结学生观察动画效果，举手回答问题举手发言补间动画的原理分析此图片

10、淡入淡出动画效果的制作方法。学生观看老师的操作演示。 生：制作出场图片的图形元件，放入舞台并在属性面板中设置颜色中的ALPHA效果。制作从无到有画面延续消失动画效果。进一步体会：帧、关键帧、空白关键帧的含义生：探究并尝试旋转、位置移动效果动画的制作生：上台演示（有成功，有不成功）生：探究并尝试变色效果动画制作，并将前面的缩放、移动等效果综合运用到后面展示的图片上。生：上台演示1、开阔眼界2、前后联系3、帮助学习4、发展特长理解补间动画的原理和类型结合概念分析得出任务1动画的制作方法。复习巩固图形元件的创建和转换。从思想层次来提高学生动画制作素养，培养学生的良好的FLASH动画的创意思维。学生通

11、过“淡入淡出”效果制作，明白制作动画补间动画必须要在元件上，进一步理解帧、关键帧、空白关键帧的含义。实际应用，分析问题，解决问题通过旋转和移动动画效果制作，让学生体会到动画补间的神奇，它不紧可以补渐变过程，也可以补旋转、移动过程，同时通过不同效果的动画搭配，增强动画作品的观赏性。通过变色效果制作，进一步体会关键帧含义和动画补间原理。作品上传与展示四、展示与评价展示学生作品，并由学生谈谈自己在制作动画补间动画过程中的思路与注意事项，并组织学生代表进行评价。完善自己的作品，提交作品，并进行互评。适当的评价反馈有利于学生了解操作中存在的问题知识拓展，引发思考五、拓展、提升师：刚刚我们做的展示图片都是按顺序一个接一个展示，如果要产生错位渐变或像范例中文字撞图片这样的同时运动的动画效果，怎么实现呢？（运用我们已学的知识哦！）这个问题就留给同学们课后探究吧。学生小组交流探讨并尝试动手实践实现动画效果通过知识拓展，逐步培养学生愿动脑、爱动脑的好习惯，进一步提高学生动画补间动画的灵活运用。课堂小结梳理知识六、小结本课内容：师：今天我们主要学习了动画补间动