《高二年级信息技术课教案.doc》由会员分享，可在线阅读，更多相关《高二年级信息技术课教案.doc（4页珍藏版）》请在金锄头文库上搜索。
1、高二年级信息技术课教案教师：刘洪宇课 题: 第4课 创建形状渐变动画变幻的字符教学目标: 掌握时间轴和变形动画的制作教学重点: 变形动画的制作教学难点: 时间轴面板的使用教学方法:演示讲解法授课周次:第四周授课类型:新授课教 学 环 节 及 教 学 内 容一、复习提问1、帧和关键帧的作用2、在作运动渐变的动画时要把所运动的物体作为一个整体3、开始与结束画面完成后要创建动画二、新课内容:(一) 时间轴时间轴是Flash 中最重要的项目之一，对动画的所有控制，变化都要靠它完成。如下图所示：帧：是构成Flash作品的基本单位，帧中装载着Flash作品的播放内容（图形、音频、嵌入对象等）。在时间线控制
2、窗口中，每一帧都由一个小矩形方格表示。关键帧：Flah中可以添加对象的帧（图中用小黑点表示），可以在关键帧间创建变形和运动动画。空白关键帧：没有添加对象的关键帧为空白关键帧，添加对象后为关键帧。图层：Flash中可以用多个图层来组合成一个动画，在播放时，画面上某一时刻显示的图像，由所有图层在播放指针所在位置的帧共同组合完成。双击图层名处可以给图层重命名（二）变形动画的制作1、简单图形变形做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。举例：将一个圆形变成一个矩形。选择图层一的第1帧，用椭圆工具在工作区中画一个圆形，然后在同一图层的第
3、10帧上按鼠标右键，在弹出菜单中选择“插入空白关键帧”项，接着用矩形工具在工作区画一个矩形。现在就确定好了变形的初始状态为圆形和终止状态为矩形。接下来就是设置变形动画，选择该图层的第1帧（初始状态帧），打开“帧数”面板（或按Ctrl+F），在“补间动画”项中选择“形状”，至此动画设置完毕，这时可以看到，TimeLine 的两帧之间已经由设置前的 变成了现在的 ，绿色区域有一个箭头（表示变形动画），表示由第一帧过度到第十帧，中间那些帧则由程序自动生成。可以用下面的图例很好的理解它：由图中可看出，1 和 10 是我们刚才建立的（圆形）开始和 (矩形) 结束，而过度 2-9 则是我们设置 Shape
4、 变化后由程序自动生成的，图片右侧的 Onion Skin 则给我们详细的演示了这一变化过程。 完成之后你可以按回车键测试效果。扩大：OUT减速；IN加速。混合：分布：可使渐变过程中的图形平滑而不规则；弯角：可使渐变过程中的图形保持明显的边角。2、文字变形文字是不能设置图形变形动画的，所以只有交文字分解成图形才能设置变形动画。 举例：制作FLASH五个字母的变形动画首先，我们新建一个电影文件，打开“修改”菜单“影片”窗口或按Ctrl-M修改电影属性，使其宽度和高度均为100，背景为蓝色。如右图：这一节我们将通过字符的变形动画来认识形状渐变动画的作用。对于这类变形动画，只能用形状渐变来实现，用运
5、动渐变是做不到的。首先，我们新建一个电影文件，按Ctrl-M修改电影属性，使其宽度和高度均为100，背景为蓝色。选择绘图工具栏中的文字工具，把鼠标移到电影文件中点一下，会出现一个文字输入框，选择好字体，字号，设定颜色为黄色，输入字母F，选择箭头工具，这时字母F的周围出现一个阴影方框，表示该字母已经成为一个集合体。我们在这个字母上点鼠标右键，在弹出的菜单上选比例，这时F周围出现放缩手柄，我们把这个字母放大到和上面动画中字母大小差不多。在时间轴的第12帧点鼠标左键，按F6插入一关键帧，这一帧的内容和第1帧一样。双击这一帧中的字母F，进行字符编辑模式，我们把字母F替换成字母L。用同样的方法，分别在第
6、24帧，第36帧，第48帧，第60帧插入关键帧，并把相应的字母变成A，S，H，F。因为要制作的是形状渐变动画，我们首先要把已经集合了的字符打散成形体。选择第1帧，按Ctrl+B把字母F打散：。然后依次选择第12，24，36，48和60帧按Ctrl-B把字母L，A，S，H，F分别打散。现在就可以做动画了，在第1帧上点击鼠标左键，然后通过Ctrl+F弹出帧面板并将补间动画选项选形状。然后分别对第12帧，24帧，36帧及48帧如此操作。最后的时间轴窗口应如下图所示：现在我们按Ctrl-Enter预览一下效果，应如上面的动画所示。这样的字符变形很简单，但是我们总觉得上面的这个动画中，字符变形有点没有规
7、则，变幻得有些莫名其妙。那是因为在形状渐变动画中，如果用户没有指定变形规则的话，Flash将自动为待变形的形体设置一些关键点。形状渐变动画实际上就是关键点位置的变化，形体其余部分的变化可以通过插值的方法计算出来。在Flash中提供了一种人为干预变形效果的方法，就是设置提示点(Hints)，通过指定相应提示点间的变化方法可以指定整个形变的过程。下面我们用具体的实例来说明。以字母A变S的过程为例，因为没有设置提示点时，这个变形过程显得比较凌乱。先按Ctrl+Alt+H打开提示点的显示。选择第24帧，按Ctrl+Shift+H加入一提示点，以图一中红色的小圆圈表示，a用来标识提示点。看一看第36帧，
8、发现字母S上也有一个对应的提示点，见图二。回到第24帧，把提示点a拖动到字母A的右下角，如图三所示，再到第36帧，把提示点a放在如图四所示位置。这时我们发现提示点变绿了，回到第24帧，这时提示点由红色变成了黄色，见图五，表明提示点的设置正确。如果提示点仍是红色，说明提示点位置设置不正确，多调整几次就会好了。用同样的方法，我们可以再设置一到多个提示点，如上图六和七，我们又设置了一个提示点b，这样就可以获得比较好的变形效果。左图所示为加入与未加入提示点的字符变形对比。我们可以看出，加入了提示点后字母的变形似乎更有规则一些。学生练习：上面的这个动画实际上就是这两节中我们所学的形状渐变动画的一个综合运
9、用，在变形的过程中还有位置和颜色的变化。也许大家一看就知道是怎么做的了，我就不再多说了，只简单提两句。在每一个关键帧上把相应的字母向右拖动一段距离，并使用油漆桶工具用不同的颜色填充就行了。大家有兴趣，可以自己动手做一做看。当然形状渐变动画不仅仅是作用于文字，所有的形体都适用。所以我们也可以把文字变形的动画扩展到几何图形的变化，例如可以把圆形变成三角形，再变成正方形等，大家可以发挥自己的想象力，多动手练一练，一定会慢慢熟练起来，并创作出很好的作品的。3、复杂变形动画制作右图为一个矩形变为三角形的变形动画，在变形过程中图形发生了翻转，而且没有什么规律。若要让图形有规律地变形，必须给图形加上“形状提
10、示”。“形状提示”就是在两个图形上添加上对应的提示点，图形在变形过程中会按“形状提示”对应点进行变形。添加“形状提示”方法：先选择变形动画起始帧，接着打开“修改”菜单转换添加形状提示，就可在图形上添加一个提示a，再次添加为b，依次类推，然后摆放好各提示点的位置，再选择变形动画的终止帧，也摆放好各提示点的位置，（如右图）这样变形时才会一一对应。（提示点要尽量从左下角开始顺时针依次排列，否则可能出些问题）添加“形状提示”后的变形动画设置“形状提示”三、课后小结:帧面板的设置：图形变化 动作变化：CW顺时针；CCW逆时针强调：我们当前是对帧进行操作，所以应该选中某帧。如果有多个图层的话，当前所选帧中应包含了所有图层中的图像。一、 帧面板中设置动作变化的例子（一） 文字位置变化的动画（二） 文字大小变化的动画思考：可否让文字一边移动一边变大而且旋转？（三） 图片位置变化的动画（四） 图片大小变化的动画二、 帧面板中设置图形变化的例子（一） 椭圆等图形位置的变化（二） 椭圆等图形大小的变化（三） 图形形状的改变思考：可否让矩形变为圆形的同时将颜色也修改一下？（四） 文字内容的变化注：当变化的部件不是一个整体时使用图形变化。首关键帧与尾关键帧的文字必须分解组件四、作 业:制作形状渐变的动画,练习帧面板的使用五、课 后 记：
