当前位置:首页 >> 计算机软件及应用 >>

16课 简单的动画制作——补间动画


2010-2011 学年高一信息技术学习学案

第 16 课
【学习目标】

简单的动画制作——补间动画
制作人:于苗苗 审核人:孙 振

1、 掌握形状补间动画的制作方法,以及动画对象分离与组合的概念和制作方法。 2、通过观察、分析、比较,学习形状补间动画的制作过程,以及动画补间与形 状补间动画的异同点,并由此加强对形状补间动画制作的能力。 3、通过对已学知识的巩固和分析,帮助学生温故知新,通过在制作形状补间动 画过程中出现问题,并由学生自主思考,解决问题,通过学生演示和展示成果, 培养他们取长补短,举一反三的能力。

【学习重点】
1、掌握形状补间动画的主要操作步骤 2、掌握动画补间和形状补间动画的相同点和不同点 3、掌握动画对象在不同类型动画中分离或组合的原因和方法

【学习难点】
1、形状补间动画的制作过程 2、动画对象分离或组合的原因和方法

【学习过程】 一、flash 动画的类型:
1、根据 flash 动画志制作原理和制作方法,可将 flash 动画分成逐帧动画和补间 动画,其中补间动画又分为形状补间动画和动作补间动画。 2、形状补间动画:形状补间动画中各个关键帧之间用浅绿色背景的黑色箭头表 示。 动作补间动画:动作补间动画中各个关键帧之间用浅蓝色背景的黑色箭头表 示。 未产生动画:两个关键帧之间是由虚线连接起来的,表示着两个关键帧之间 动画没有创建成功,或在创建动画时操作错误。

1

二、逐帧动画:
逐帧动画时指由许多连续的关键帧组成的动画,制作者在动画的每个关键帧 中创建不同的内容, 在播放动画时, flash 就会一帧一帧的播放关键帧的内容, 形成的一个逐帧动画,动画中的每一帧都是关键帧。 如: 《扇子的打开》 动画。

三、形状补间动画:
1、形状补间:是由一个物体到另一个物体间的变化过程,像由三角形变成四方 形等。形状补间是淡绿色底加一个黑色箭头组成的。 2、特点:制作过程简单,只需要为动画的第一个关键帧和最后一个关键插入内 容,两个关键帧之间帧的内容有 flash 自动生成,不需要人为处理。

注:进行补间形状动画的对象必须是分离的!
例:《孙悟空 72 变》的制作 步骤提示: 1、选菜单栏中的“文件”\“导入”\“导入倒库” ,导入孙悟空.jpg,石头.jpg。 2、点击场景 1 回到场景制作区,选中图层 1 第 1 帧,将孙悟空的图片拖至舞台 上,选菜单栏中的“修改”\“位图”\“位图转化为矢量图” 。 3、3、选中图层一第 30 帧,右击鼠标转化为空白关键帧,将石头图片拖放至舞 台上,选菜单栏中的“修改”\“位图”\“位图转化为矢量图” 。 4、单击图层 1 的第 1 帧到第 30 帧之间的任意位置, 然后打开舞台下方的属性面 板,选中“补间”对话中的“形状” 。

5、点击菜单栏中的“控制”——“测试影片”观看效果。
2

四、动作补间动画
1、动作补间动画:可以使一个对象发生位置移动、缩放、旋转、颜色渐变等变 化。这种动画只适用于文字、位图和实例。 2、特点:制作动作补间动画实际上就是在两个关键帧上对同一个对象定义不同 的属性,如对象的大小、位置、角度等。

注:被打散的对象不能产生动作补间动画,除非把他们转化为原件或组合。
例: 《瓢虫在树叶上爬行》动画 步骤提示: 1、选择菜单栏中的 “文件” 导入” 导入到库” 导入图片树叶.jpg, “ \ “ \ , 瓢虫.jpg。 2、点击场景 1,回到场景制作区,选中图层 1 第 1 帧,将树叶图片拖放至舞台 上。选中图层 1 的第 50 帧,单击鼠标右键,选择“插入帧” 。 3、找到图层面板,单击“插入图层”按钮,自动新建一个新的图层“图层 2” 。

4、选中图层 2 第 1 帧,将“瓢虫图片”拖放至舞台上的起始位置。选中图层 2 的第 50 帧,单击鼠标右键,选择“插入关键帧” ,将“瓢虫图片”拖至结 束位置。 5、单击图层 2 的第 1 帧到第 50 帧之间的任意位置,然后打开舞台后下方的属 性面板选“补间”对话框中的“动画” 。

3

6、点击菜单栏中的“控制”——“测试影片”观看效果。 四、探究学习(学有余力的同学完成) 引导层动画(实现瓢虫按一定的轨迹运动) 步骤提示: (1-5)步与《瓢虫在树叶上爬行》的动画相同 6、找到图层面板,单击“添加运动引导层”按钮,自动新建一个新的图层 “引导层” 。并在舞台上用“铅笔工具”画出引导层路径。 (如下图黑色的曲 线)

7、重新选中图层 2 的第 1 帧,使用工具箱中的任意变形工具,将瓢虫的图片拖 动,使瓢虫的中心点与引导线重合。然后选中图层 2 的第 50 帧,重复前面的 操作,使瓢虫的中心点与引导线重合。 8、点击菜单栏中的“控制”——“测试影片”观看效果。

【学习收获及反思】 :
—————————————————————————————————— ——————————————————————————————————

4


赞助商链接
相关文章:
(教案)浙教版 新教材 八下第7课 简单的动画补间动画
第七课 简单的动画补间动画 1、通过设置舞台背景和角色,学会导入并调用“库”中的图片到舞台,进一步了 解“库”的作用。 目标 2、通过制作由远到近的动画效果,...
《简单的动画补间动画》教案
也是第二单元《创建动画》的第一课,第一单元主要是 了解动画的基本概念,掌握简单的制作方法,而第二单元主要是创作主题动画作品,掌握 flash 补间动画的制作方法与...
第七课 简单的动画补间动画和丰富的补间动画
第七课简单的动画补间动画和丰富的补间动画 三维目标: 知识与技能:1.了解补间...第7章 补间动画 26页 1下载券 16课 简单的动画制作——... 4页 1下载券...
6-1 补间动画、传统补间动画
文化理论课教案(首页) 20 15 ~ 20 16 课程名称:...我们已经学习了传统补间动画补间动画,我们简单来...3、范例解析 例题:图片叠化 (三)传统补间动画制作 ...
《运动补间动画》教案_图文
元件实例,再确 解,之后 定结束关键帧的状态;最后一步,很简单但 再观看课 也是最关键一步,就是创建一个补间动画, 件,并回 那么这就是我们补间动画制作的三个...
运动补间动画(制作要点)
运动补间动画 运动渐变动画(以后简称运动动画)是 Flash 中最常用的动画类型,它...这个制作过程也很简单 制作过程: 1、 打开上节的“小球运动起来” ; 2、 ...
动作补间动画教案
学生在学习这节课之前已经了解了动画制作的基本原 理,并能利用 Flash 制作简单的动画,对帧、关键帧、层、时间轴等基本概念也已熟悉,在 此基础上进入补间动画的...
利用动作补间动画制作课件的教案
第 3 章 制作简单动态演示课件 3.3 利用动作补间动画制作课件一、元件※操作:...◎第三、四课时: 课时:在前次课,我们已经掌握了动作补间动画的原理,并通过...
第七课-简单的动画补间动画 20170317开课_图文
2、通过制作由 课题 第 7 课简单的动画补间动画 课时安排 1 课时 教学 目标 知识与技能目标:1、通过设置舞台背景和角色,学会导入并调用“库”中的图片到舞台,...
《多图层动画》教学设计
动画制作(包括动作补间动画、形状补间动画)的基础上,设置的一节 综合运用课。以...播放一个简单的多图层动画 ——《日夜飞行的飞机》 师:这一个 flash 动画...
更多相关标签: