第三部分：形状补间动画.doc

第四章第三部分：形状补间动画教学目的：1理解变形动画效果2通过学习，掌握以下操作：(1)位图的导入方法；(2)在帧属性面板实现变形动画的设置；(3)系统英文字体中特殊字体的用法；(4)变形提示点的添加、删除、移动。时间安排：3课时教学重点：如何找控制变形动画控制点。教学过程：一、回忆遮罩动画制作，进一步理解遮罩原理二、观看形状动画案例三、与形状动画相关的知识点介绍渐变动画的另一种形式，即形状渐变动画。形状变形动画是指形状上发生变化的动画，是Flash当中比较特殊的一种比较特殊的一种过程动画，和运动动画不同的是，形状变形动画对象只能是矢量图形对象。群组对象、图符引例对象、符号和位图图像均不能够直接作为变形动画的对象（除非把它们打散成矢量图形）。变形动画可以在两个关键帧之间制作出变形的效果，让一种形状随时间变化成另外一种形状；还可以对形状的位置、大小和颜色进行渐变。而运动动画前后两个对象要求是一致的才能创建补间动画。（打开运动动画与一变形动画源文件给学生演示操作，让其理解之间区别） 形状变形动画有两种形式，一种是不可控的（也叫简单变形），而另外一种则是可控的（通过添加控制点来实现，也叫控制变形）。下面先介绍一个简单变形动画的制作过程。案例分析1文字变图画一、 新建文件属性400*300，背景色为红色（#FFCCFF） 二、 创建动画1在绘图工具箱中选择椭圆工具，用椭圆工具在场景中画出一个没有边框的蓝色圆形。这是变形动画的第1帧。2单击第50帧并按F7键，插入一个空白关键帧。选择文本工具，属性，字体：Webdings，大小为：40，颜色为：红色。3单击第50帧空白关键帧，选择文字工具，并在场景上单击，然后输入一个字母J。这时场景中会出现一个飞机符号，选择常用工具栏上的变形按扭， 调整飞机符号到合适的大小。在英文字体中有很多特殊的字体，如Webdings，它可以产生各类图案。4通过按Ctrl+B，把飞机符号打散，使之作为矢量图形出现。因为Flash不能对群组、图符（组件）、字符或者位图图像进行动画变形，所以要将字符打散。5选择第1帧，属性，设置变形动画，选择图形变化。这时与运动动画区别的是，时间轴上显示动画的一段呈浅绿色。而运动动画是浅紫色图层结构与时间轴：6拖动时间轴上的播放头，查看变形的过程。为了看的更清楚一些，在70处F5。三、测试与保存案例分析2：欢渡佳节-变形动画1单击第70帧并按F6键，插入一个关键帧.单击第100帧并按F7键，插入一个空白关键帧，点工具栏中的文字工具。输入“欢渡佳节并设置自己喜欢的颜色，然后打散文字ctrl+B，要打散两次。点第70帧在下边的属性提示中，设置变形动画，选择形状变化。（播放一下看看）2在第120帧插入帧，按F5，以延长第100帧的效果提示：因为Flash不能对群组、图符（组件）、字符或者位图图像进行动画变形，所以要将字符打散。有的要打散两次。3拖动时间轴上的播放头，查看变形效果。4测试和保存文件：注意：1 打散的图形可以改变位置、大小、颜色、角度。2 不能改变图形的透明度。3 变形动画第一与最后帧之间是绿色的。而动态动画则是蓝色。练习：1 案例2 思考如何把导入图片打散变形（图片练习）位图的打散以及变形动画：新建文件文件导入舞台上选中位图修改分离（CTRL+B）可以对打散的图片进行任意变形在20，40，60处F6，然后分别在1，20，40，60处修改，并且创建形状动画在90处F5一延长最后一真的时间测试，保存如图：案例分析2：延伸的直线： 延伸的直线 以及相交线画法，形状动画与运动动画相结合这一节我们将来学习渐变动画的另一种形式，即形体渐变动画。我们先来学习做直线伸长的简单动画，之后我们稍加变化，做一个更有趣的直线延伸动画。 一、新建文件，设置舞台的属性二、创建形状动画1用直线工具在第一桢画一条笔直的横线，按住Shift键，再用直线工具横向拖动鼠标即可（因为按住Shift键以后，线条只能沿水平，竖直及45度角方向变化）2第40帧按下F6插入一关键帧后，第40帧会具有和第1帧相同的内容，即一条直线。3回到第一帧我们用橡皮擦工具擦除剩下一点。注：重点是做好第40帧的直线。4下面我们就要设置帧属性让直线动起来。用鼠标左键双击时间轴上的第1帧，在弹出的帧属性对话框中选形状。这时在第1帧和第40帧之间出现一个实箭头，背景变为淡绿色，表明是形体渐变动画。按Ctrl-Enter看一下效果，应该和上面所示一样的。 5测试，保存。现在我们来变个花样，我们想用直线延伸办法做1 十字交叉直线。2 4条线条做法跟画直线原理一样，只是运动方向上不同。在图层1第一桢画直线，在60处F6，图层2，3，4如法炮制。然后分别回到第一处，用橡皮擦擦剩下一点，最后在第一桢处分别建立形状动画，OK，测试，存盘。如图示：3做好之后可以在舞台中心播放文字动画，比如“编辑出版”，新建图层5，放文字动画，需要做文字元件，可以直接在舞台上写字，然后转换为元件。然后添加关键桢，创建不同效果动画，可以把文字元件打散，创建形状动画。如下图：4，测试，存盘三角画法一、新建文件：设置属性。帧频6fpx,背景自定。二、创建动画：1、 在绘图工具箱中选择直线工具，属性：线粗为3。颜色：红。如图：2、 用直线工具在场景中画出一红色直线，在第10帧按F6插入关键帧，回到第一帧，选中此直线，点工具栏中的任意变形工具，把直线拉短，注意要与原直线重合。然后回到第一帧，属性，创建形状动画。（播放一次看）3、在第一层的第20帧按F5,增加普通帧，目的是延长第10帧的效果。再增加一层，在第二层的第10帧按F7键，插入一个空白关键帧，再利用直线工具画三角形的第二边。这一层的第20帧按F6加关键帧，回到第10帧使第三边变短并在此处设置变形动画。（播放一次看）3、 同理，在前两层的第30帧都按F5.再增加一层，在第三层的第20帧按F7键，插入一个空白关键帧，再利用直线工具画三角形的第三边。这一层的第30帧按F6加关键帧，回到第20帧使第三边变短设置变形动画（播放一下看）4、在第31帧的