形状补间_补间形状

形状补间由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“补间形状”。

《形状补间动画》教学设计

一、教学目标：

1、认知目标：熟练掌握绘图工具和关键帧的使用；分析实例理解形状补间动画的原理，熟练掌握创建形状补间动画的制作方法。

2、能力目标：在创作过程中培养学生的创新能力和动手操作的实践能力，培养学生触类旁通、举一反三的自学能力，自主设计形状渐变动画的例子。

3、情感目标：引导学生发挥想象，激发学生的创作欲望；培养学生敢于探索新事物，不断进取精神；促进学生相互学习合作交流。

二、教学重难点：形状补间动画的制作方法。

三、教学对象分析：通过前几节课的学习，学生已经掌握了利用工具绘画简单图形的技巧；初步掌握了制作动作补间动画的制作方法。这一节课继续练习运用绘图工具绘制简单图形，以便学生将想象中的事物用简单线条绘画出来。形状补间动画是入门的基本课程之一，要选好例子让学生模仿跟进。

四、教学方法：通过情景激趣，发现问题，解决问题，布置任务，作品展示等方法，给学生创造自主探究学习的平台，让学生由被动变主动，激发学生对学习flash的兴趣。

五、教学准备：Flash MX，多媒体教学平台，演示动画，教学视频。

六、教学过程：

（一）导入新课

教师播放一段自制的Flash补间小动画给学生欣赏,由此引入形状补间动画。了解本课的任务。

师：(过渡语)同学们，在播放的这段“哭脸变笑脸”的flash动画中，表情一直在变化，具体这个“变”是怎样做出来的呢，？FLASH就有形状变形的本事，我们今天将要学习的新内容—“形状补间动画”（出示课题）。学会了形状补间动画，我们可以掌握简单的形状变形是怎样做出来的，为今后深入学习动画制作做铺垫。

（二）查漏补缺——帧的基本操作

动画中需要的每张图片就叫做动画的一个帧，帧是构成动画的核心元素。在FLASH中，根据帧功能不同，通常可分为空白关键帧、关键帧和普通帧等。通过帧可以设定画面的前后顺序。

（1）空白关键帧

空白关键帧是没有包含舞台上实例内容的关键帧。在时间轴上表示为空心圆点。

方法1：选中某帧，右击“插入空白关键帧”。（2）关键帧

关键帧是舞台上有实例内容的帧。只要在空白关键帧是随意画点什么，这个帧是称为关键帧。在时间轴上表示为实心黑点。

方法：选中某帧，右击“插入关键帧”。（3）普通帧

特点：只能显示实例对象，不能对实例对象进行编辑操作。在时间轴上表示为灰色小方格。观察发现，从关键帧到普通帧的内容是一样的。

（三）自主学习 合作探究 实践指导： 1.自主探究：

（1）什么是形状补间动画？

形状补间动画，即形状渐变动画，它的原理：某一个关键帧中的图形形状逐步过渡到另外一个关键帧中的图形形状。所谓渐变就是有一个逐渐变化的过程。只要在一个关键帧中绘制一个图形，然后在另一个关键帧中更改该图形的形状或者绘制另一个图形，设置形状补间，就可生成整个动画。

（2）形状补间动画所能达到的效果？

形状补间动画可将一个图形通过形状、位置、大小、颜色、透明度等的变化变成另一图形。

变化的对象可以是：手工绘制图形、文字工具输入的文字和导入外部图形。2.合作探究：

任务

一、创建图形形状渐变动画 “方变圆”。

类似于“哭脸变笑脸”动画，中间的补间用形状补间，则我们称这些动画为形状补间动画。接下来我们来制作另一个形状补间动画——“圆变方”动画。

操作提示：

1.在工具箱中选中矩形工具，并选择填充色为绿色。选中时间轴上的第1 帧，在工作区中绘一个绿色的方形。

2.在时间轴窗口的第30帧处单击鼠标右键，从弹出的快捷菜单中选择插入【空白关键帧】命令。（任何动画都离不开关键帧）

3.在工具箱中选中圆形工具，并选择填充色为紫色。选中时间轴上的第30 帧，在工作区中绘一个紫色的圆形。

4.选中时间轴上的第1 帧，打开属性窗口，选择补间方式为“形状”。

5.经过上述步骤的操作后，形状渐变动画绘制完成。选择【控制】→【测试影片】命令或按Ctrl+Enter组合键，观看测试效果，即可观察到方变圆的过程，最后要保存文件。

展示讲解: 学生演示“圆变方”动画

邀请一位学生教师机上演示“圆变方”动画制作过程。教师从旁讲解“圆变方”动画制作过程，以及在制作过程中需要注意的方面。

任务二：创作文本形状渐变动画 “会变的文字”—— “美丽的潍坊三中”转变成“潍坊三中 欢迎您”。

接下来我们来制作一个变化更加复杂的动画——“会变的文字”。演示动画“美丽的新城” 逐渐变成“新城欢迎您”。先让学生自己动手操作文字与文字之间的形状渐变动画。发现做出来的不是渐变动画，教师要说明（提 示 ：形状补间动画只能对图形对象应用，对文字和图片必须要经过打散处理使之转变为离散图形后才能制作形状渐变动画。）

如何创建这个动画呢？操作具体步骤如下：

1.选中第1帧，在工具箱中选择“文本工具”，输入文字“美丽的新城”，选中文字，选择【修改】 →【分离】,（或按Ctrl+B）。强调分离的作用就是将文字打散，使之转变为离散图形。

2.在第30帧处插入空白关键帧，输入：“新城欢迎您 ”用相同的方法将其打散。3.选中时间轴上的第1 帧，打开属性窗口，选择补间方式为“形状”。4.单击【控制】→【测试影片】命令，观看测试效果，并保存文件。任务三：创作图片形状渐变动画 “变换的图片 ”。

通过以上学习，大家已经掌握了图形和文字形状渐变动画的制作方法，我们电脑里有很多图片，能不能把它做成变幻的图片？

1.在第1帧处执行“文件/导入/导入到舞台”菜单项，出现导入对话框，选定要导入的图片文件，单击“打开”按钮将其导入到flash文档，并显示在舞台上的默认位置。选中图片，选择【修改】 →【位图转换为矢量图】。

2.在第30帧处插入空白关键帧，执行“文件/导入/导入到舞台”菜单项，出现导入对话框，选定要导入的图片文件，单击“打开”按钮将其导入到flash文档，并显示在舞台上的默认位置。用相同的方法将其转换为矢量图。

3.选中时间轴上的第1 帧，打开属性窗口，选择补间方式为“形状”。4.单击【控制】→【测试影片】命令，观看测试效果，并保存文件。

让学生自己操作，教师巡堂，反馈，个别辅导。总结学生作品，演示好的创作，发现问题及时纠正。

（注意：将文字实体打散时，操作二次才能完成。图片要转换为矢量图）拓展：复杂图形的形状渐变动画

教师以学生刚才创作的“老鼠”变“小鸟”讲解复杂图形的形状渐变动画：通过增加形变控制点来控制形变过程。依靠这些控制点可以将初始形状与终止形状的各个部分进行对应。

1.选中第1帧，选择【修改】 →【转换】→【添加形状提示】，出现变形关键点的红色标记＠，2.在＠处鼠标右击选择添加提示选项，再增加两个关键点，拖动其到其它位置。3.选中第20帧，可以看到在小鸟的图形上部，也有一个变形关键点＠，而另外两个关键点都在它的下面，将它们分别拖到小鸟的两个不同位置。

4.单击【控制】→【测试影片】，测试效果。

学生作品完成后，教师组织学生互评，自评，相互学习观摩并总结操作过程。巩固练习任务：运用本节课所学知识任意选题创作形状补间效果的动画。

1、图形与图形之间的动画。

2、文字与文字之间的动画。

制作要求：选题恰当，色彩搭配合理，动画效果美观。

学生作品完成后，教师组织学生互评，自评，相互学习观摩并总结操作过程。

（四）课堂小结（师生互动完成小结）

本节课讲述了形状补间动画的原理，要求同学们能熟练掌握创建形状补间动画的方法。并能熟练利用绘图工具绘制出美观的动画

学生自评达标情况，你学会了吗？ 1.熟练掌握绘图工具和关键帧的使用； 2.分析实例理解形状补间动画的原理，3.熟练掌握创建形状补间动画的制作方法。

4.能够灵活的对手工绘制图形、文字工具输入的文字和导入外部图形等不同类型的素材进行形状补间动画的制作。