[Flash系列]三、简单的动画制作

《[Flash系列]三、简单的动画制作》由会员分享，可在线阅读，更多相关《[Flash系列]三、简单的动画制作（6页珍藏版）》请在金锄头文库上搜索。

1、Flash 系列三、简单的动画制作教育技术能力校本培训系列教程（Flash 部分）：第三讲 简单的动画制作软件版本：Flash MX 2004简单回顾：上一讲我们初步认识了 Flash MX 工具栏中的各种工具图标并且进行了实际操作练习，事实 上，不管多么复杂的动画，都是利用这些工具一点点修改制作出来的，这一讲，就要开始 练习制作简单的 Flash 动画了。我将 Flash 动画分成三大类，即逐帧动画、补间动画和特殊图层动画。补间动画又分为位 置补间（物体的位置发生变化，比如第一讲的升国旗） 、旋转补间（物体发生旋转，比如风 车转动效果） 、折叠补间（将物体沿某条线折叠一下的效果） 、形状补间

2、（物体形状发生变 化，比如从三角形变成圆形） 、属性变化补间（图片的大小、色彩、亮度、透明度等等发生 改变）等。特殊层动画包括遮罩层动画（类似探照灯效果）和引导层动画（一个物体沿任 意轨迹运动）两种。一、逐帧动画逐帧，顾名思义，就是将一连串有细微差别的图片一字排开，逐个播出来。 由于视觉暂留的关系，就给人动的感觉了。早期的胶片电影就是按这种“逐帧”的方式来 实现的，在 Flash 中，逐帧动画就是将一组图片分别放置到一串帧上，每两张图片都有细 微的差别，然后连续播放形成动画。我们常见的 gif 格式图片（动态图片） ，有些就是用 Flash 制作的。新建一个 Flash 文档，选择“文件”“导

3、入”“导入到库” ，搜索一张 gif 图片导入库 中，然后打开库，就会发现库中多了一个影片剪辑元件和若干位图，影片剪辑就是那张动 态图、位图就是 gif 被拆散后每一帧上的图片，下面，我们就试着将这些位图再重新组合 成一个动画。点击“插入”“新建元件”“影片剪辑” ，打开影片剪辑元件制作的窗口，将第一张位 图插入第一帧，然后右击第二帧，插入空白关键帧，将第二张位图插入，并依次插入其后 的若干图片。这里有一个问题，分散在各个帧上的图片位置如何统一？点击时间轴下面的 “编辑多个帧”按钮（第四个按钮，鼠标指上后不动，会显示其名称） ，在时间轴上方便出 现了一个方括号的样式，拖动两端，将所有插入图片的

4、帧都包到括号中，这时会看到所有 帧上的图片都集中显示出来，选中所有图片，点击“修改”“排列”“水平居中”/“垂直居中” ，这样所有的图片就都被摆放到同样的位置了。回到场景，在库中检测影片 剪辑的效果。逐帧动画制作起来比较复杂，而且对美工要求太高，所以这里只做简单了解，不深入分析 了，其实第一讲的时候就说过了，Flash 自身提供了功能很强的动画效果，合理的使用，可 以节省很多时间和精力（比如第一讲升国旗的例子） 。二、补间动画补间，即补充两个关键帧之间空白的地方。也就是说，我们只需要规定出首 尾两个关键帧中图形的各种属性（位置、指向、形状、大小等等） ，Flash 便可以按要求自 动填充中间的

5、过渡效果。补间动画大体分为位置补间、旋转补间、折叠补间、形状补间和 图片属性补间等，在实际应用中，这些补间效果往往不是单独出现的（比如花皮球沿着坡 道向下滚动，这里就需要位置补间和旋转补间两种效果） ，下面先逐个讲解一下。1.位置补间最后一帧跟第一帧相比，图形的位置发生了变化。仍以升国旗为例，回顾一下 位置补间的制作。（1）在图层 1 上画出旗杆，选中，转化为图形元件。（2）新建一个图层，在图层 2 上画出国旗，选中，转化为图形元件。这里需要说明的是，选中国旗时，一定要将国旗的边框和填充一起选中，若只选中了填充， 则无法创建补间。（3）摆放国旗和旗杆的相对位置，第一帧上，国旗在旗杆最下方。（4

6、）分别在图层 1 和图层 2 的第四十帧上插入关键帧。（5）图层 2 第四十帧上，将国旗移动到旗杆的最上方。（6）右键点击图层 2 的第一帧（事实上，点击第一帧和第四十帧不包括第四十帧之间 的任意一个位置都可以） ，选择创建补间动画。（7）按 CtrlEnter 观看效果。2.旋转补间最后一帧跟第一帧相比，图形的指向（一个箭头，由指上变成了指下）发生了 变化。以风车转动为例，讲解旋转补间的制作。（1）画一个狭长的椭圆形。（2）选中椭圆形（包括边框和填充） ，复制，粘贴，重复三次。（3）在其中一个椭圆形上做标记（点一个红点之类，目的是更明显的表示出转动效果） 。（4）摆放四个椭圆形的位置，使其形

7、成风车的样式，全部选中，转换为图片元件。（5）在第四十帧上插入一个关键帧。（6）创建补间动画后，选中第一帧，然后打开窗口下方的“属性”栏，会看到补间为“动 作” ，旋转为“自动” ，该为顺时针或者逆时针，次数自设（次数越多转动越快。 ）（7）按 CtrlEnter 观看效果。3.折叠补间折叠补间用来实现折纸的效果。数学上讲解对称性的时候可能会用到。做一个 最简单的方形折叠效果。（1）画一个方形。（2）选中方形（包括边框和填充） ，复制。（3）新建一层，粘贴。（4）将两个方形的颜色进行调整（目的是使折叠效果更加明显） ，并分别制作为元件。（5）选中要发生折叠的那个方形，点击工具栏中的“任意变形工

8、具” ，这时会看到方形中 心出现一个圆圈，折叠就是沿着经过它的直线进行的，选中这个圆圈，将它拖动到方形的 边线上。（6）在两层的第四十帧上分别插入关键帧。（7）选中要发生折叠的方形，点击“修改”“变形”“水平翻转” 。（8）为要发生折叠的方形所在层创建补间动画。（9）按 CtrlEnter 观看效果。4.形状补间最后一帧跟第一帧相比，物体形状发生了变化，以三角形转化为圆形为例，制 作一个形状补间。（1）画一个三角形。（2）在第四十帧上插入空白关键帧。（3）在第四十帧上画一个圆形。（4）创建补间，这时候会看到补间为虚线。（5）选中第一帧，打开属性栏，将补间由“动作”改为“形状” 。下面两个选项不

9、用调整 （有兴趣的话可以试试效果） 。（6）选择三角形，按 CtrlB 将其打散，这时补间就变成箭头了。（7）按 CtrlEnter 观看效果。注意：在各种补间动画里，只有形状补间不是对元件进行操作的。5. 图片属性补间 PowerPiont 中，可以实现多种图片切换效果，像飞入飞出、淡如淡出。盒 状打开、盒状收缩等等，其实在 Flash 里面，这些切换效果也是可以实现的，图片属性补 间就是用来实现这些效果的，下面逐个讲解一些比较常用的效果。练习的时候，可以参看 PowerPiont 中的各种效果。A.飞入飞出不多做介绍，就是位置补间。可以实现的方式有一侧飞入飞出、斜角飞入飞出等。B.淡入淡出

10、（1）导入一张图片，转换为元件。（2）在第一帧上插入图片，在第四十帧上插入关键帧。（3）选中第一帧上的图片，打开属性栏，右侧有一项“颜色” ，选择其中的“Alpha” （透 明度的意思） ，这时会出现一个标尺，拖动滑块，将值该为 0，拖动的过程中，会看到图 片在逐渐变透明。（4）创建补间动画，此时便是淡入效果，即图片从完全透明开始逐渐出现。（5）要制作淡出效果，则将第四十帧上的图片“Alpha”值改为 0，其他不变。（6）按 CtrlEnter 观看效果。在练习淡入淡出效果的同时，还可以试验一下“颜色”中“亮度” 、 “色调” 、 “高级”等选 项，色调可以调节图片中红绿蓝三色的比例，高级则是

11、更加准确对色调进行调整。C.盒状打开（收缩）（1）导入一张图片，转换为元件。（2）在第一帧上插入图片，在第四十帧上插入关键帧。（3）选中第一帧上的图片，选择任意变形工具，将其变小。（4）创建补间动画，此时便是盒状打开的效果，即图片从很小开始逐渐变大。（5）要制作盒状收缩，则间第四十帧上的图片变小，其他不变。（6）按 CtrlEnter 观看效果。D.旋转出现（消失）从这个例子开始，要讲几种补间的组合使用了，要实现旋转出现的效果，需要旋转补间跟 盒状打开同时使用。（1）制作图片的盒状打开效果，过程略。（2）选择第一帧，打开属性栏，将“旋转”由“自动”改为“顺时针”或者“逆时针” ， 此时便实现了

12、旋转出现的效果。（3）要制作旋转消失的效果，则先制作盒状收缩效果，再设置旋转即可。（4）按 CtrlEnter 观看效果。E.旋转飞入（飞出）旋转补间位置补间，不用讲了吧。F.切入（切出）其实还是位置补间，不同的是，图片并不是从屏幕外面进入屏幕，而是从屏幕的某个特定 区域中出现。（1）建两个图层，上面一层上画一个大的白色方形（这里选白色是因为默认的画布背景色 为白色，若改变了画布背景色，则也需要更改为相应的颜色） 。方形应略大于图片。（2）在下面一层中插入图片，因为 Flash 中，默认上面图层中的物体会遮挡下面图层中的 物体，所以，当你将图片移动到方形的位置时，图片便被方形遮住了，这时再制作

13、位置补 间，便可以实现图片在指定区域内切入的效果。（3）切出步骤一样，不过是最后把图片放到白色方形后面。G.擦除擦除的效果就是，一张图片从上到下（从下到上、从左到右、从右到左等）逐步出现。（1）建两个层，上面一个层画略大于图片，颜色同画布背景色的方形一个。（2）下面一个层中插入图片，摆放图片和方形的位置，使方形遮挡图片。（3）这两步跟上面一样，区别在后面，这次我们让方形移动，不就出现了图片逐渐显露出 来的效果了吗。以上只是我暂时想到的几种切换效果，其实通过对几种补间的合理搭配，还能做出更多的效果，这个就要靠大家多多的练习了。关于特殊图层动画的制作，留到下一讲中再具体讲 解。特别注意：在制作补间动画的时候，除形状补间外，一定要在画完图形之后马上将其 转换为元件，转换时要将边框和填充都选中，否则在补间时会出现问题。