补间动画教学设计

《补间动画》教学设计【教材及教学内容分析】所用教材：《Flash CS4案例教程》欧阳俊梅主编，高等教育出版社出版。

教学内容：第三章第3节补间动画Flash是当今最热门、最流行的矢量动画和多媒体编辑软件，Flash CS4是它的最新版本。

补间动画是Flash诸多动画类型的一种，是在传统运动补间的基础上新增的一种动画形式，是一种基于对象的动画形式，它提供了更加直观简单的操作方式。

本节内容编排以掌握基础、突了实践、适合市场、服务社会为原则，选择具有代表性的网站“电视广告”为案例，很有实际应用价值。

让学生在掌握技术的同时，潜移默化的把握市场动向，为就业奠定基础。

【学生分析】本课程教授对象是我校09春级计算机专业的学生，通过前面章节的学习，他们已经掌握了flash的一些基本知识、常用工具的使用方法和技巧，学习了制作逐帧动画、形状补间动画、传统运动补间动画，这对学习新的补间动画有很大的协助。

同时，他们正处于十七八岁的年龄，思想活跃、意识超前、接受水平快、模仿水平强、易塑性强，具有强烈的好奇心，但是自主学习水平较差，讨厌烦燥的理论说教，喜欢有声有色、生动直观的多媒体教学。

【教学目标】理解目标：●理解补间动画的制作原理；●理解Flash CS4补间动画的特点；技能目标：●掌握补间动画的创建方法；●会使用动画编辑器对属性关键帧实行设置；●会定义和使用动画预设；●培养学生举一反三，分析解决问题的水平；情感目标：●通过欣赏动画、分析动画、制作动画，培养学生的创新意识；●拓展视野，培养学生对本课程及本专业的热爱，激发生活热情。

【教学重难点】教学重点：●补间动画的创建方法；●使用动画编辑器对属性关键帧实行设置；●定义和使用动画预设；教学难点：●分析动画制作步骤；●使用动画编辑器对属性关键帧实行设置；【教学策略】采用情景启法、任务驱动的项目教学方法，使用“引→激→巩→拓”的课堂教学模式。

教师教法：展示激趣、分析解惑、演示探究、归纳梳理学生学法：欣赏激趣、探究顿悟、观看模仿、实践创新【教学资源与媒体】多媒体教室、投影仪、PPT电子演示文稿、案例文件、图片素材【课程类型】多媒体讲授课【授时时间】２课时【教学过程】教学活动教学步骤教师活动学生活动一、情景导入展示向学生展示案例文件：电视广告.swf 。

欣赏、惊奇、感叹、赞美，产生学习兴趣。

解说（学生欣赏完后）教师介绍创意：这是一个动画电视广告，是腾讯大楚网的宣传广告。

创意以大武汉跳动的知名建筑景点为背景，一辆行驶的卡通公交车为线索，每停靠一个车站就会有人上车，人越来越多后人们开始谈论各种各样的话题，紧接着出现汽车内部的特写，一群人注重的正是大楚网的网站，最后出现大楚网的点题的标版。

提问教师：这个动画是一种什么动画形式呢？思考回答点题教师小结：这是一种新的动画形式，叫补间动画。

了解【设计意图】创设情境，激发学生的学习兴趣，导入新课。

二、讲授新课1、补间动画原理再一次展示案例“电视广告.swf ”，结合案例教师讲解补间动画的原理，用PPT展示出来。

补间动画是Flash CS4新增的一种动画制作功能，是一种基于对象的动画形式。

它和前面介绍的传统补间动画原理相同，从关键帧到属性关键帧之间的补间，Flash会通过计算自动生成。

但它提供了更加直观的操作方式，使动画的创建变得更加简单。

观看，认真听老师讲授，感知、思考、理解【设计意图】用理论来定义动画效果，把学生看到的动画效果提升到理论高度，让他们对新的补间动画有一个初步理解。

2、制作简单补间动画教师演示制作一个简单的补间动画“松鼠跑步.fla”，让小松鼠从右向左跑（提供松鼠图片）。

让学生学习创建新的补间动画的方法：1、创建补间动画只需要确定动画的起始帧或直接单击舞台上的对象，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】；或选择主菜单【插入】→【补间动画】；1、看教师操作，学习创建新补间动画的方法。

2、观察在教师操作的同时，舞台和时间轴的变化。

2、在时间轴某帧右击，选择【插入关键帧】→【位置｜缩放｜倾斜…】添加属性关键帧，并对舞台对象实行相对应调整。

教师边操作边讲解创建新的补间动画的方法，让学生观察舞台和时间轴的变化，对比新的补间动画与传统补间动画的区别。

3、思考并找出新补间动画与传统补间动画的区别。

根据“松鼠跑步.fla”动画，教师小结新补间动画的特点（PPT展示）：●补间动画是基于对象的动画，只需要将补间效果应用于对象本身而不是关键帧；●创建补间动画后，Flash会自动在关键帧后面生成一定数量的补间帧（默认情况下是24帧）；●如果补间对象在补间过程中更改其舞台位置，则补间范围具有与之关联的运动路径。

●新补间动画在时间轴表示为从起始的关键帧到结束的属性关键帧之间的蓝色区域，属性关键帧用小菱形表示。

在教师的小结引导下，对新的补间动画有一个较全面的理解。

【设计意图】根据学生的认知规律，由浅入深地讲授知识，以一个简单的补间动画例子，给学生讲授最基本的补间动画的创建方法。

最基本的方法，是学生应该掌握的最基础的技能，也是制作较复杂动画的根本，有效的突出教学重点。

三、巩固提高分析案例引导学生分析案例“电视广告.swf”，分解动画的制作步骤、所要用到的知识点及难度。

在教师的引导下，思考问题，分解动画步骤和要用到的知识点。

1、创建补间动画（移动的背景和移动的公交车）（难度★★）2、设置属性关键帧（旋转的车轮和公交车运动状态）（难度★★★）3、动画预设的使用（跳动的建筑背景）（难度★）【设计意图】引导学生学会根据动画效果分析动画制作步骤，把一个动画分成多个片段，理清制作思路，使一个较复杂的动画变成一个个简单易做的小动画，降低制作难度，有效的突破教学难点。

创建补间动画教师提供素材图片：背景建筑群图片、公交车图片（车身、车轮）教师提出要求：背景建筑群从左向右移动、公交车从右边舞台外驶进舞台。

指定学生制作：1、新建文档；2、导入图片素材；3、制作移动的背景；4、制作从右边舞台外驶进舞台的公交车动画。

【设计意图】这个步骤难度不大，前面讲了补间动画的创建方法，现在让学生尝试操作，练习基本方法，让学生在体验中学习，同时对教学重点实行巩固练习。

设置属性关键帧教师：为了让公交车运动时的状态更加栩栩如生，车轮滚动、停车和发动时出现轻微颠簸，能够在相对应的属性关键帧上对其属性实行一些设置。

制作旋转的车轮：双击库中的“车轮”影片元件，制作补间动画，插入旋转属性关键帧，在动画编辑器中设置Ｚ轴旋转－360度。

观察教师操作，学习动画编辑器的使用。

观察学生操作，给予适当的点拨，并对学生的操作效果作出适当的评价。

制作公交车动画。

为了让公交车的运动更生动，在每次公交车启动与停靠的时候都使用动画编辑器，做一些缩放和弹跳的动做。

【设计意图】学习使用动画编辑器，能够让动画制作方法更加直观、简单，让动画效果更加逼真。

使用动画预设使用动画预设制作跳动的建筑背景。

学习动画预设的使用方法和定义方法。

【设计意图】动画预设能够把一个做好的动画效果做成模板，直接套用到其他对象上，使动画制作更加简单。

四、课堂点评和小结根据学习内容，结合学生课堂操作情况，实行师生交流点评，小结补间动画的原理、特点、制作方法和属性关键帧的设置、动画预设的使用。

整理笔记，使所学知识融会贯通，形成自己新的知识结构体系。

【设计意图】协助学生对知识点实行归纳梳理。

在点评过程中，教师应充分肯定学生的优点特点，激发学生的创作热情。

针对出现的问题，分析并引导学生自行解决。

五、布置作业1、拓展课堂内容，欣赏其他补间动画欣赏、思考【设计意图】通过让学生欣赏一些补间动画效果，来增长学生的见识，让学生理解到补间动画使用的广泛性，使所学内容得到进一步升华，引导学生实行思考，激发他们的动手和创新欲望。

2、布置上机作业①制作旅客对话框②制作大对话框动画③标版动画接受上机任务，思考制作方法【设计意图】学以致用，巩固补间动画创建方法，提升操作技巧，完善动画短片。

提供助学资源课后将本次课所用实例、素材、课件等资料共享到班级群中和机房的班级文件夹中，学生能够通过下载复习和巩固课堂知识；另外他们还能够通过打开部分源文件，实行自主探究性学习。

拓展教学空间，使教学活动由课堂延伸到课外。

【教学评价】序号评价要点自评组评师评1 专业知论理解补间形状动画原理2 掌握补间动画特点3操作技能掌握补间动画的创建方法；4 掌握使用动画编辑器对属性关键帧实行设置的方法5 掌握定义和使用动画预设的方法；综合评价说明：评价分为四个等级，可以使用“优、良、中、差”或“A、B、C、D”等级呈现评价结果，其中“师评”为总评结果。

【教学反思】在本次课的教学组织中，我选用具有商业代表性的网站“电视广告”为案例，很有实际应用价值，深受学生欢迎。

教学过程体现了循序渐进和师生协同性原则，体现了“以教师为主导，学生为主体”的教学理念。

课堂流程设计很有特色，又具趣味性，能引导学生从入门到提高，步步深入，学生参与积极性高。

通过多年的Flash教学，我认为：软件是机械的，人是灵活的；菜单命令是有限的，创作灵感是无限的。

要让学生制作眩目神奇的动画，真正能够适应市场需求，只靠掌握机械的操作方法是不行的，而应该给学生提供尽量多的学习资源或学习机会，让学生开拓视野，激发创作灵感，真正体现心有多大，舞台就有多大；只有想不到的，没有做不到的。