1、补间动画补间动画：做 flash 动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。FLASH 动画制作中补间动画分两类：一类是形状补间，用于形状的动画；另一类是动作补间用于图形及元件的动画。Flash CS4 补间动画的类型包括：动作补间动画、形状补间动画和传统补间动画。动作补间动画是指在 Flash 的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结
2、束帧之间有一个长长的箭头；构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合（Ctrl+G）或者转换成元件后才可以做动作补间动画。形状补间动画是在 Flash 的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash 将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字
3、等，如果要使用图形元件、按钮、文字，则必先打散（Ctrl+B）后才可以做形状补间动画。任务实例：补间动画小鸟飞翔+弹跳小球+ 变形文字 知识点：元件的概念及类型；创建元件；元件与实例；补间动画； 操作步骤：一、创建 Flash 文档执行【文件】|【新建】命令，创建一个新的 Flash 文档。接着右键【时间轴】左侧的【图层】面板，选择【属性】命令，并将“图层 1”命名为 “背景” 。二、添加背景1. 选择 “背景 ”图层的第 1 帧，执行【文件】|【导入】|【导入到舞台】命令，导入“背景.jpg ”图片文件作为背景。2. 修改图片及舞台大小参数。（1 ）修改图片大小。单击舞台中的图片（即选中背景
4、图片） ，在图片【属性】面板中，断开锁定按钮 ，修改【位置和大小】的【宽】为 960 像素， 【高】为 600 像素。（2）修改舞台大小。单击场景 1 的空白区域（图片以外的区域） ，在弹出的舞台【属性】面板中，修改【大小】中的【宽】为 960 像素， 【高】为 600 像素。3. 将背景图片与舞台对齐。单击背景图片，执行【窗口】|【对齐】命令，打开【对齐】面板，勾选【对齐】面板中【与舞台对齐】选项，并在【 对齐】参数组中分别单击【水平中齐】和【垂直中齐】按钮。使背景图片相对于舞台居中对齐。4. 延长背景的帧序。右击 “背景”图层的第 80 帧（预设动画长度为 80 帧） ，在弹出的菜单中选择
5、【插入帧】命令（即插入普通帧） 。延长“背景 ”的帧序到第 80 帧。5. 锁定背景。单击“背景”图层的锁定按钮，即可将背景图片锁定。三、创建影片剪辑元件1. 创建新图层，命名为：补间动画。2. 创建小鸟原地飞行影片剪辑元件。执行【插入】|【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为：小鸟飞翔；【类型 】为：影片剪辑，如图 1所示，然后单击【确定】按钮，进入元件编辑模式。然后，将此编辑模式中的“图层”1命名为：逐帧动画。如图 2 所示。图 1 图 23. 导入素材。执行 【文件】| 【导入】|【导入到库】命令，将“素材”文件夹中“01.gif-14.gif”等 14 个图形
6、文件及 sound.mp3 音乐文件导入到【库】面板中。4. 利用逐帧动画的制作方法，制作小鸟原地飞翔的影片剪辑元件。（1 ）添加空白关键帧。分别右键“逐帧动画”图层中的第 2-14 帧，依次执行【插入空白关键帧】命令，使“逐帧动画”图层中从第 1-14 帧都添加上【空白关键帧】 。如图 3所示。图 3（2 ）添加素材。选中“逐帧动画 ”图层的第 1 帧（即单击第 1 帧） ，从【库】面板中拖动“01.gif ”小鸟图形到舞台中心；接着再选中“逐帧动画 ”图层的第 2 帧，从【库】面板中拖动“02.png ”图形到舞台中心。用同样的方法，分别选中“逐帧动画”图层的第 3帧至第 14 帧，依次将
7、库中的“03.gif-14.gif”图形添加到“逐帧动画”图层的第 3-14 帧中。如图 4 所示。图 4（3 ）编辑舞台的“小鸟” ，使其相对于舞台居中对齐。1）单击【图层】面板中“逐帧动画 ”图层，单击【时间轴 】面板底部的【编辑多个帧】按钮 ，在【时间轴】上将出现【绘图纸外观】的括号，分别拖动【绘图纸外观】括号左右两侧，将括号展开，使其括住“逐帧动画”时间轴上的所有关键帧（目的：使舞台中所有的“小鸟”对象可见） 。如图 5 所示。此时，舞台效果如图 6 所示。图 5图 62）使用【工具箱】中的【选择工具 】 ，单击“逐帧动画” 图层，将小鸟对象全部选中。【绘图纸外观】括号接着单击【对齐】
8、面板【对齐】参数组中的【水平中齐】和【垂直中齐】按钮，使舞台中所有的“小鸟”对齐到舞台中中心点的位置。效果如图 7 所示。图 73）再次单击【时间轴】底部的 【编辑多个帧】按钮，退出多帧编辑状态。接着，拖动【时间轴】上的【播放头】 ，查看舞台中“小鸟”原地飞翔的动作。至此， “小鸟飞翔”影片剪辑元件制作完毕。四、制作补间动画1. 单击编辑窗口左上角的“场景 1”，退出元件编辑模式，返回动画制作场景。2. 添加元件。选中“补间动画”图层中的第 1 帧，将【库】面板中的“小鸟飞翔”影片剪辑元件拖入舞台中的左侧适当的位置。如图 8 所示。3. 创建补间动画。右键“补间动画”图层中第 1-80 帧之间
9、的任一帧，选择【创建补间动画】命令，此时【时间轴】从第 1 帧到第 80 帧会变成浅蓝色如图 9 所示。4. 插入【位置】属性关键帧。右键“补间动画”图层的第 80 帧（最后一帧，即小鸟飞翔的结束帧） ，执行【插入关键帧】|【位置】命令（插入一个 “位置”属性关键帧） ，然后按住【Shift】键，将舞台左侧的“小鸟”元件水平拖动到舞台右侧适当的位置（小鸟飞翔的结束位置） ，将出现一条小鸟飞翔的轨迹线。其效果如图 10 所示。5. 至此，小鸟飞翔补间动画制作完毕。保存文件，按【Ctrl+Enter】快捷键发布并浏览动画效果。图 8图 9在第 1-80 帧中右键任一帧，执行【创建补间动画】 ，创建
10、一个补间动画，其过渡帧为：浅蓝色。图 10补间动画制作说明：1.制作补间动画，只需编辑动画对象的起始状态（即，动画对象的开始状态和结束状态）。2.制作补间动画必须具备以下条件：（1）补间动画的运动对象，必须是元件（或影片剪辑元件，或图形元件，或按钮元件）；（2）补间动画的关键帧必须是属性关键帧。属性关键帧有以下 6 种类型：1）【位置】属性关键帧：使对象产生位置变化；2）【缩放】属性关键帧：使对象产生缩放（即放大，或缩小）变化；3）【倾斜】属性关键帧：使对象产生倾斜动作；4）【旋转】属性关键帧：使对象产生旋转动作；小鸟飞翔的结束帧（“位置”属性关键帧）5）【颜色】属性关键帧：使对象产生颜色变化
11、；6）【滤镜】属性关键帧：使对象产生特殊效果变化；五、制作小球弹跳运动动画1. 绘制小球图形。新建一图层，命名为“小球” 。选中第 1 帧，选择【椭圆工具】 ，将工具【属性】面板中【笔触】设置为【无】 ；【填充】 设置为【调色板】底部的【红色渐变】按钮（单击【调色板】底部“ ”按钮即可） 。然后按住【Shift】键（绘制正圆） ，在舞台右侧外合适的位置绘制一个红色小球。如图 11 所示。图 112. 将小球图形转换为图形元件。单击小球，执行【修改】|【转换元件】命令，在弹出的“转换为元件”对话框中，将【名称】为设置“小球” ；【类型】选择【图形】 ，并【确定】 。如图 12 所示。在【库】面板
12、中将看到刚转换的 “小球”图形元件。如图 13 所示。绘制小球图 12提示：1. 使用绘图 工具绘制的对象是位图图形，单击鼠标选中它时，看到的现象是像素点阵分布效果。2. 将绘制的 图形转换成元件后，单击鼠标选中它时，看到的现象是蓝色线框框住对象的效果。图 133. 创建补间动画。右键“小球”时间轴上第 1 帧至- 第 80 帧之间任一帧，选择【创建转换成图形元件后的小球补间动画】命令，在第 1-80 帧之间创建补间动画。接着右键第 80 帧（小球运动的结束帧） ，执行【插入关键帧】|【位置 】命令，在此处插入一个位置属性关键帧 ，如图 14 所示。然后按住【Shift】键，将舞台左侧的小球水
13、平拖动到舞台右侧外，此时舞台中会出现一条小球运动的轨迹线。如图 15 所示。图 144. 保存文件。然后按下【Ctrl+Enter 】键，发布并测试动画。小球将沿着轨迹线从舞台左侧，水平运动到舞台右侧外。5. 编辑轨迹线，制作小球弹跳运动动画。（1 ） 制作第 1 段运动轨迹（小球弹起） 。右键第 20 帧，执行【插入关键帧】|【位置】命令，在此处插入一个位置属性关键帧。然后将鼠标移动到第 1 帧至第 20 帧之间的轨迹线下方（紧贴轨迹线） ，鼠标指针将变成一个带弧线的箭头，此时向上拖动轨迹线，使其变成一段抛物线，即可松开鼠标。图 15（2 ） 制作第 2 段运动轨迹（小球下落） 。右键第 4
14、0 帧，执行【插入关键帧】|【位置】命令，在此处插入一个位置属性关键帧。然后将鼠标移动到第 20 帧至第 40 帧的轨迹线下方（紧贴轨迹线） ，鼠标指针将变成一个带弧线的箭头，此时向下拖动路径线，使其变成一段向下凹弧线即可松开鼠标。此时轨迹线前两段已调整为横着的“S”形。（3 ）用同样的方法，右键第 60 帧，插入一个位置属性关键帧。然后修改第 40-60 帧之间的运动轨迹；接着修改第 60-80 帧之间的运动轨迹线，使得小球沿着一条波浪轨迹线，跳动着运动到舞台外。此时， 【时间轴】面板及舞台效果如图 16 所示。图 16提示：1. 制作小球弹跳运动的基本思路：将小球运动的一段轨迹线，分成多段
15、组成的轨迹线。每段轨迹线由两个位置属性关键帧控制（仔细观察弹跳小球的轨迹线）。2.动画对象运动轨迹线是可以进行编辑修改的。在编辑过程中，应按照小球运动力度逐步衰减的方式进行修改。 （单击“弹跳小球 ”图层，查看小球运动轨迹）六、制作文字变形动画1. 新建一图层，命名为：变形文字。2. 创建影片剪辑元件。（1 ）执行【插入】|【新建元件】命令，在弹出的对话框中，设置 【名称】为：变形文字；【类型】为：影片剪辑。单击【确定】 ，进入元件编辑模式。（2 ）在元件编辑模式中，将图层 1 ，命名为：补间形状动画。（3 ） 添加文字小。选中第 1 帧，单击【工具箱】中 【文本工具】 ，设置【属性】面板中【
16、系列】为：隶书；【大小】为：110；【颜色】为：红色；其他默认。在舞台中单击，并输入“小”字。接着打开【对齐】面板，将“小”字与舞台居中对齐。然后使用【修改】|【分离】菜单命令（或【Ctrl+B】快捷键） ，将其分离成位图图形，其文字效果如图 17 所示。然后，右键第 15 帧，执行“插入关键帧” （由于第 15 帧中的对象将与后面帧的对象产生变形动作，因此，第 15 帧必须是关键帧） ，使 “小”字的帧序延长至第 15 帧，此时【时间轴】如图 18 所示。提示：（1）制作补间形状动画的对象，要求必须是位图图形；（2）由于使用【文本工具】输入的文字对象是矢量图，因此，必须将其转换成位图图形（转
17、换命令：【修改】| 【分离】命令），才能制作补间形状动画，使文字产生变形效果。图 17 图 18（4 ） 添加文字鸟。右键第 30 帧，执行“插入空白关键帧” ，使用【文本工具】 ，设置【属性】面板中【系列】为：隶书；【大小】为：110；【颜色】为：绿色；其他默认。在舞台中单击，并输入“鸟”字。将“鸟”字拖动到场景的左上角合适的位置，接着打开【对齐】面板，将“鸟”字与舞台居中对齐。然后使用【Ctrl+B】快捷键，将其分离。此时文字效果如图 19 所示。此时【时间轴】面板如图 20 所示。图 19 图 20（5）创建补间形状动画。右键第 15-30 帧之间任一帧，执行【创建形状补间】命令，即创建
18、由“小”字转变成“鸟”字的补间形状动画（注意：补间形状动画的过渡帧是浅绿色，并带着一个指向箭头。即由钱一个对象，转变为下一个对象） 。此时【时间轴】效果如图 21 所示。图 21（6）添加文字飞。右键第 45 帧插入关键帧将“鸟”字延迟至第 45 帧。然后，再右键第 60 帧插入空白关键帧文字工具：输入“飞”字在【属性】面板中，将其【颜色】设置为：蓝色。接着打开【对齐】面板，将“飞”字与舞台居中对齐。然后使用【Ctrl+B】快捷键，将其分离。（7）右键第 45 帧与第 60 帧之间任一帧执行“创建补间形状”动画，创建“鸟”字转变为“飞”字的变形动画。此时， 【时间轴】面板的效果如图 22 所示
19、。（8）用上述同样的方法（步骤：（6）-（7） ） ，在【时间轴】上对应的帧中，制作将“飞”字转变为“翔”字的变形动画。最后， 【时间轴】效果如图 23 所示。提示：变形文字动画制作基本思路：第 1-15 帧呈现“ 小” 字第 15-30 帧由“小”字变换到 “鸟”字第 31-45 帧呈现“鸟”字第 45-60 帧由“鸟”字变换到“飞” 字第 61-75 帧呈现“飞” 字 第 75-90帧由“飞”字变换到“翔”字第 91-105 呈现“翔” 字。图 22“小”字变成“鸟”字的动画“小”字变“鸟”字 “鸟”字变“飞”字图 233. 单击舞台左上角“场景 1”按钮，返回场景 1，退出“变形文字”影片剪辑元件的编辑模式。4. 在“场景 1”中，单击“变形文字”图层的第 1 帧，拖动【库】面板中的“变形文字”影片剪辑元件到舞台的左上角合适的位置即可。5. 保存文件，按【Ctrl+Enter】键，进行发布测试动画。其效果如图 24 所示。图 24“小”转变“鸟” “鸟”转变“飞” “飞”转变“翔”
