第一节 形变动画.doc

第一部分 形变动画教学重难点：1.创建和调用图形元件。2.制作flash形变动画的基本方法。3.形状提示点的使用方法，动画前后的控制点的点数要一致，位置要一致。4.元件不能直接制作形变动画，只有当元件通过“分离”被转换成图形对象后才能产生形变。教学目标:知识与技能：1.熟悉常用图形工具、文本工具、库的使用。2.了解Flash元件的分类及用途，学会如何创建和调用图形元件。3.学会创建补间动画,制作简单的形变动画和用形状提示点控制动画。情感态度：1.通过学习,让学生动手制作简单动画,从而培养学生的制作flash动画的兴趣及信心。2.培养学生观察及动手操作、综合应用知识的能力。教学环境：硬件资源：具备局域网条件的机房、投影仪、多媒体电脑。软件资源：广播软件、使用powerpoint、Flash等软件制作的课件。教学内容分析：形状补间动画是学习制作flash动画必须具备的基础之一。 本节课是通过制作两个由易至难的实例,让学生掌握flash形变动画的基本制作方法。后面即将学习的引导层动画、遮罩动画等都将在此基础上展开，因此，本节课的内容十分重要，既要了解和掌握了工具面板中的各类工具的用途及其使用方法，又要掌握动画的制作。本节课通过两个任务去驱动学生，使其能积极思考、探索，勇于实践，最终实现本课的教学目标，解决重点、难点，并在思考探索实践的环节中使学生感觉到学有所获，思有所得，体验获得成功的喜悦和快乐。教学过程一、用形变动画制作红五星的变化上一课制作的红五星变化的动画，我们采取的是逐个插入关键帧的方法，10帧的动画，我们插入了10个关帧，从第一帧到第十帧里，五星逐渐变大。现在我们换一个方法来制作这个动画，比较一下二者有差异。方法是：在第一帧里绘制一个小的红五星，然后只在第十帧里插入一个关键帧，第二到第九帧中的变化，让计算机给我们完成。具体制作见下图面的图示：1.在第1帧里绘制一个小红五星2.在第10帧里插入关键帧，并用变形工具把插入的红五星放大3.创建动画的渐变过程:下图的时间轴是生成了形状补间动画的情景。按Ctrl+Enter键测试动画。 在这个动画里，第一帧和第十帧是关键帧，第二到第九帧是过渡帧，也就是说，中间这8个帧的形状逐变，由Flash根据两个关键的形状和大小自动给补上了，所以，这种类型的动画，我们称为补间动画或称为渐变动画。补间动画分为“形状补间”和“动作补间”（又称“运动补间”，Flsah8.0称为”动画补间“），或者称为形变动画和运动动画。二、形变动画实例2圆变矩形1.用工具栏的“椭圆形工具”绘制一个红色的圆（按住Shift绘出的是圆）2.在第30帧点击右键，在弹出的菜单中选“插入空白关键帧”：3.用“矩形工具”在第30帧里绘制一个蓝色的正方形（按住Shift键用鼠标可绘制正方形）。为了保证绘制的正方形与圆在同一个位置，可先点击选中“绘图形外观”按钮，这样在选中第30帧的空白帧时，也可显示出第一帧内的圆。下图是在第30帧画了一个蓝色的矩形，该矩形正好与红色的圆位置相同。4.生成形状补间：然后保存并按Ctrl+Enter测试动画，测试成功，发布动画。我们保存的Flsah文件，其扩展名为*.fla，这是Flash动画的源文件。要想应用Flsah动画，必须把它发布生成扩展名为*.swf的文件。发布动画请选“文件”菜单的发布”，或用快捷键Shift+F12。另外，当我们保存了动画后，测试动画时，也会自动发布生成swf文件。三、形变动画实例3下面我们实例2的基础上，再增加一个图形变化2.在图层2的第1帧绘一个蓝色矩形3.在图层2的第30帧插入空白关键帧4.在图层2的第30帧的空白关键帧里绘一个红色的圆，位置如下图所示。5.选中图层2中的第1帧，打开属性面板，创建形状补间保存，并测试、发布动画。注意： 一个Flash里有多个对象在同时变化，一定要把不同的对象放在不同的层里。图层的应用是Flash动画里不可缺少的。一个复制的Flash动画，可能会有很多图层。图层的默认名称是“图层一”、“图层二”，我们双击图层的名称，可以给层重新命名。四、字母形变动画AB的制作方法在Flash动画制作中，有一类动画，称为形变动画，指的就是形状发生改变的动画！下面，本例教你制作一个字母形变动画，从字母A逐渐变化到B的动画。要制作此例子，需要您本身有一小点动画制作基础。我们所使用的软件是Flash软件。方法/步骤1.在两个关键帧中输入字母文字首先，需要您在舞台的时间轴上的两个关键帧中，分别输入两个字母。如下图，在第一帧中，输入字母A。步骤阅读 步骤阅读然后，在第十帧中，输入字母B，如下图。一般情况下，上述两个关键帧中的字母，要注意其位置和大小要保持一致。您可以将第一帧的A字母复制粘贴到第十帧，然后再修改为B字母，这样，不仅能保证位置和大小不变，同时还能保证字体字型等不会改变，这样制作出来的效果，其对比性更好。2.分离、打散两个关键帧中的字母对象关键帧中有字母以后，还得需要将字母分离，即打散，这一步相当关键，不能少，否则动画就无效了。选择第一帧的A字母，点击右键，如下图。 步骤阅读步骤阅读选择菜单中的“分离”，这样，就将字母打散了。使用同样的方法，再对字母B进行分离。效果如下图。所谓的分离打散，指的是将对象分离开来，使其不是一个组合的整体。这样才能创建形变动画。3.创建两个关键帧之间的形变动画使用