用flash创建形状补间动画.doc

《用flash创建形状补间动画.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、计算机动画制作(三)——用flash创建形状补间动画教材分析本课教学内容是教材第四章第三单元·“动画制作”中的“制作基本动画”第三课时－－“形状补间动画”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法，比较形状补间动画与动作补间动画的区别；形状补间动画是本单元的教学重点和难点，其中掌握“形状补间动画”的制作方法及“形状补间动画”与“动作补间动画的区别”又是本节课的重点和难点。教学内容分析本节课的教学内容为形状补间动画制作，针对实际情况，具体将以3个任务围绕教学目标开展教学：任务1：“图形—图形”间的形状补间动画—

2、—圆变矩形；任务2：“图形—文字”间的形状补间动画；任务3：“文字—图片”间的形状补间动画。三个任务的设计代表不同的类型，切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高。教学目标一、知识与技能：1、理解形状补间动画的概念，掌握其制作方法；2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化；3、认识形状补间动画与动作补间动画的区别二、过程与方法：通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。三、情感态度与价值观：培养学生的动手能力、想象力、创造力、审美能力及互助精神。教学重难点重点：形状补间动画的制作方法；形

3、状补间动画与动作补间动画的区别；掌握位图矢量化方法难点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；了解图片矢量化的原因教学过程与设计意图情景导入教师复习提问创建移动渐变动画的基本步骤。第一步：创建起始帧；第二步：创建结束帧；第三步：创建动作补间。补间动画有两种，我们刚才看到的只是补间动画中的一种，我们来看属性面板中的内容，这种动画叫做动作补间动画或者叫动画补间，还有一种叫什么补间动画呢？教师演示：补间属性面板中的“补间”选项，形状补间动画。（动作补间，形状补间）教师播放“奥运”和“翻书”的补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，

4、了解本课的任务。设计意图：激发学生学习本节课的兴趣。讲授新课师：那么，现在就请同学们先跟我去认识一下什么是“形状补间动画”、它的功能以及特点(课件) ；1.形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。2.形状补间动画的功能：§主要用于复杂的，不规则的变形.§也可以用于大小缩放§颜色与透明度的变化3.形状补间动画的特点：§帧区域是淡绿色的§开始帧和结束帧必须是关键帧.§形变动画中关键帧对象不能是元件或群组,应用之前一定要先把元件打散(分离).§变形动画库中不会产生补间元件.§变形过程的关键帧对象要尽量平滑过度,减少

5、折角,可减少变形纠结现象.设计意图：让学生有概念认识师：了解了概念以后，我们一起来制作一个简单的形状补间动画。（讲解） 以“椭圆—矩形”为例简单讲授制作过程。(提示) flash中绘制的图不需要转化为元件，因为它要发生形状的变化。教师在讲授“椭圆—矩形”时，先故意犯错，等学生纠错后再讲正确方法（区分移动补间动画的制作方法）；设计意图：让学生对形状补间动画的制作过程有系统的认识，故意犯错可以让学生记忆加深，学生对老师的错误会记得很牢。师：下面请同学们完成任务一，教师先示范一次。生：完成任务一：实现“图形—图形”间的形状补间动画，并以“自己的姓名1.fla”保存在桌面(形状

6、可以自选)。建议：制作矩形   ——>五角星间的形状补间动画。制作五角星提示：点击工具箱中（长按左键）选择“多角星形工具”，然后打开“属性”面板，点击“选项”，修改“工具设置”属性对话框。图形的颜色设置可以打开“窗口”菜单，点击“设计面板”→“混色器”自由选择颜色。设计意图：让学生掌握基本的形状补间动画制作方法。师：我们刚刚制作的是两个图形之间的变换，那图形能不能变成文字呢？是否只要改一下最后一个关键帧的内容就可以了么？我们一起来试一试。结果发现时间轴上出现虚线，提示补间动画设置不成功。这时将最后一个关键帧应用“分离”命令后即可变成实线。生：完成任务二：实现“图形—文字

7、”间的形状补间动画，导出影片并以“自己的姓名2.swf”保存在桌面。(疑难帮助):查看FLASH菜单栏：“帮助”→“使用Flash创建动画”→“关于补间动画”对象“分离”提示：首先使用“选择工具”（退出“文本工具”），选中时间轴上需要创建形状补间动画的关键帧，再右键单击舞台上的对象→“分离”；导出影片提示：“文件”菜单→导出→导出影片生：完成任务三：实现“图片—文字”间形状补间动画，导出影片并以“自己的姓名3.swf”保存在桌面。（“劳动最光荣”图片变成“节日快乐”文字。）导入图片提示：1、打开“文件“菜单→“导入”→“导入到库”，选择文