补间动画和形状补间.doc

制作“运动补间动画”的详细步骤
应博友的要求，现以《七仙女下凡》为例介绍使用flash8.0软件制作“运动补间动画”的详细步骤，由于我也是刚刚开始学习，所以文中如有不当之处还请各位博友指正。
准备工作：要准备2幅图片，其中一幅是JPG格式的《老槐树下》,作为动画的背景图；另一幅是GIF格式的《七仙女》，是在PS软件中经过抠图处理，背景是透明的，作为动画元件之用。下面是制作的详细步骤。
1.打开flash8.0软件，点菜单中“文件”-“新建”，出现“新建文档”对话框，点选“flash文档”，点“确定”。

2.点下面“属性”面板中的“大小550*400像素”，出现“文档属性”对话框，改尺寸为600（宽）*800（高），点“确定”。

3.点菜单的“视图”-“缩放比例”-“符合窗口大小”。

4.点“文件”-“导入”-“导入到舞台”。

5.在出现的“导入”对话框中查找到电脑硬盘中的《老槐树下》，打开。

6.此时在舞台中出现“老槐树下”背景图。拉动“时间轴”窗口下面的滚动条，使上面一长串数字（这是表示帧数）出现150，在“150”数字下面的浅灰色格子上点一下，然后按键盘上的F5键（意思是插入帧），表明这幅动画的长度为150帧。

7.按Ctrl+F8键，出现“创建新元件”对话框，改“名称”为“七仙女”，类型点选“图形”，点“确定”。

8.此时在右下方的“库”面板上出现“七仙女”的元件名称。点“文件”-“导入”-“导入到库”。

9.出现“导入到库”对话框，从电脑硬盘中找到名为《七仙女6》的图片，打开。

10.此时在“库”面板中出现“七仙女6”的位图，用鼠标点住这几个字拖到空白的舞台上（不作任何处理）。

11.点击“时间轴”面板上面“场景1”处，舞台上又出现背景图，再点该面板左下方最左面的“插入图层”按钮。

12.此时在时间轴面板上出现“图层2”。拖动该面板下面的滑块向左，使出现第1帧，然后点图层2的第一帧（变黑）。

13.从“库”中拖“七仙女6”到舞台上。

14.选用“任意变形工具”（“工具”栏左面第二个按钮）在“七仙女6”的四周出现8个控点。

15.按住Shift键，在一个角的控点处向中间拉，使图形缩小，然后拖到合适的位置（云头上）。

16.点图层2的第30帧，按键盘上的F6键（意思是插入关键帧），把舞台上的动画元件（七仙女6）拖到云头下面一点的位置，按住Shift键拉动角上的控点，使动画元件稍稍变大一点。

17.点图层2的第1帧，再点属性面板的“补间”窗口右面的下拉箭头，出现下拉条，点选其中的“动画”。

18.此时在时间轴图层2的第1帧到第30帧之间出现一条长箭头（表示补间已经成功）。点图层2的第80帧，按键盘上的F6键，把动画元件拖到背景图的草地上，按住Shift键拉动角上的控点，使动画元件变大。

19.点图层2的第30帧，再点属性面板的“补间”窗口右面的下拉箭头，出现下拉条，点选其中的“动画”，在时间轴图层2的第30帧到第80帧之间出现一条长箭头。

20.点图层2的第92帧，按F6键，然后再按键盘的向上键15次，点图层2的第80帧，再点“补间”的下拉箭头，点选其中的“动画”，在第80帧到第92帧之间出现一条长箭头。

21.点图层2的第100帧，按F6键，然后再按键盘的向下键15次，点图层2的第92帧，再点“补间”的下拉箭头，点选其中的“动画”，在第92帧到第100帧之间出现一条长箭头。制作完成。

22.按Ctrl+Enter键可以预览到制作的结果。关闭预览，点“文件”-“发布设置”，出现“发布设置”对话框，点“Flash（swf）”右面的黄色文件夹图标，出现“选择发布目标”对话框，取文件名为“七仙女下凡”，选择保存路径后点“保存。

23.在重新出现的“发布设置”对话框的上方，点击“Flash”小方框，再点击“发布”，保存完成。

附：素材图和制作完成的动画图。

（注：如果从这里下载“七仙女”的素材图，是GIF格式，可以直接使用）

Flash8形状补间动画详解及实例
形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。
本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。
1．形状补间动画的概念
（1）形状补间动画的概念
在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
（2）构成形状补间动画的元素
形状补间动画可以实现两个图形之间颜色、