师:同学们,今天我们来学习初三广州版信息技术第一章动画制作第三节动画补间动画的内容。本节课学习目标有:了解动画、补间动画的概念;通过电影胶片、移动动画实例掌握动画、补间动画的制作方法;初步认识元件在动画补间动画中的作用;归纳形状补间与动画补间的区别。

  首先,补间动画是定义好相邻两个关键帧,Flash通过创建补间动画方式自动完成两个关键帧之间的渐变过程。比如,在开始关键帧绘制一个矩形,在结束关键帧绘制一个圆形,Flash就会创建中间的补间动画。补间动画分为形状补间和动画补间动画。

  形状补间动画,是指一种形状变为另一种形状的动画,特指两个不同对象。我们在一个时间点绘制一个形状,在另一个时间点更改形状或绘制另外一个形状。如果是非绘制出来的形状,如输入的文字组或元件等,就要进行分离操作,中间过程由Flash自动生成补间形状。此时时间轴背景颜色是浅绿色的。

  动画补间动画指对象的位置、大小、颜色等性质改变的动画,这里指同一对象。我们在一个时间点定义对象的属性,包括实例组或文本块的位置、大小、旋转或倾斜等,在另一个时间点改变同一对象的那些属性,中间过程由Flash自动生成。补间动画时间轴背景颜色是浅蓝色的。

  本节课的课堂任务是制作电影胶片移动动画,效果如课件所示。观察后发现这个动画由三部分组成:数张广州风景图片、电影胶片背景、图片组由右向左移动。我们可以通过以下步骤完成动画制作:把图片素材导入到库,制作电影胶片背景,制作图片移动层,创建动画补间。

  下面是详细制作步骤:

  师:第一步,把图片素材导入到库。大家看我操作演示。新建一个Flash文档,点击菜单中的文件按钮,选择导入选项,点击导入到库选项。在导入到库对话框中,选择适当位置,把文件夹中的4张图片——白云山、陈家祠、莲花山和越秀风华图片依次导入到库。单击菜单栏中的窗口按钮,选择库选项。单击库面板右上角的下拉按钮,单击新建文件夹选项,新建一个文件夹,并重命名为广州风景图片。将库中的图片拖入到广州风景图片文件夹中。

  师:第二步,制作电影胶片背景。看我操作演示。点击属性面板中的文档属性按钮,把舞台的大小设置为400乘以200像素,背景颜色为黑色,单击确定按钮。单击矩形工具按钮,在属性面板中将填充颜色设置为白色,在舞台边缘画出一个白色的矩形。点击选择工具,选中刚刚画的矩形,使用Ctrl + C键进行复制,再使用Ctrl + V键进行粘贴。每次粘贴后调整一下矩形的位置,如此重复9次,这样我们就制作出10个矩形了。单击工具箱中的选择工具,全部选中刚刚绘制出来的10个白色矩形。单击菜单栏中的窗口按钮,选择对齐选项,单击顶对齐按钮,勾选相对于舞台选项,再点击水平居中分布按钮,让这10个矩形在舞台上均匀分布。在键盘上先同时按Ctrl + C键,再同时按Ctrl + V键复制粘贴白色矩形条,将粘贴的白色矩形条拖到舞台的另外一边,单击图层面板中的锁定图层按钮,锁定图层一。

  师:第三步,制作图片移动层。看操作演示。单击图层面板中的插入图层按钮,双击图层名称“图层2”,把它重命名为“图片移动”。单击图片移动层的第一帧,从库中将4张图片依次拖到舞台上,并将其排成一排。单击任意变形工具,将4张图片的大小调整一致。单击选择工具,选择全部图片。单击菜单栏中的修改按钮,选择组合选项,将4张图片组合在一起。

  师:第四步,创建动画补间。看演示。单击图片移动层的第100帧,单击鼠标右键选择插入关键帧。单击选择工具移动图片组至舞台的左侧。单击选中图片移动层的1 - 100帧之间任意一帧,在属性面板中将补间设置成为动画,即可完成补间动画的创建。单击图层一第100帧,单击鼠标右键选择插入帧选项。单击菜单栏中的文件按钮,选择保存,在另存为对话框中,选择保存路径为桌面,将文件名重命名为“图片移动.fla”。单击保存按钮,使用键盘组合键Ctrl + 回车测试影片。到此,图片移动胶片动画制作完成。

  师:探究一,通过刚才的操作,我们完成了图片组的移动。大家观察一下,图片组和电影胶片是一起移动的吗?

  生:并没有一起移动。

  师:那怎么样可以使白色矩形组合与图片组合一起移动呢?为了使电影胶片与图片一起移动,我们可以仿照图片移动层的操作,将背景层的第一帧的所有白色矩形组合成整体做一个移动效果。制作步骤如下:锁定和隐藏图片移动层;复制矩形组合,使之延长,然后再次组合;在背景层的第100帧插入关键帧,往舞台左侧移动矩形组合;创建动画补间。看我操作演示。

  师:我们一起来制作白色矩形组合与图片组合一起移动的动画。为了保护我们刚刚已经制作好的图片移动图层,我们可以点击锁定和隐藏按钮。现在我们点击图层一的第一个关键帧,选中所有的白色矩形,然后点击修改,点击组合,这样刚刚绘制出来的白色矩形就像图片组一样变为一个组合。为了使它产生整体移动的效果,而且显示的区域跟图片是一样的,我们可以通过复制粘贴的方法使白色矩形区域产生一个新的组合,在右方我们移动到合适的位置。为了使这个移动产生整体的移动效果,我们可以按Ctrl + A,同时选中两个白色矩形组合。点击修改,点击组合,也就是说我们把两个白色矩形组合变为一个白色矩形组合。现在我们就可以仿照图片移动图层的动画,再次制作图层一白色矩形组合的移动动画。首先我们选中第100帧,点击鼠标右键,点击插入关键帧,然后我们用选择工具把第100帧上的白色矩形组合往左移动,使白色矩形组合的右沿跟舞台的右沿重合,然后我们选中图层一的第一帧到第100帧之间任意一帧,点击鼠标右键点击创建补间动画,至此白色矩形组合就能跟图片组合一起移动。

>> 点击阅读全文
《9年级上册信息技术 第3节 动画补间动画 逐字稿-3,988字 第5版》.docx
将本文下载保存,方便收藏和打印
导出文档