6-1 补间动画、传统补间动画

Flash的传统动作补间和新的动作补间详解2008年9月，Adobe公司发布了新版本的Flash “Adobe Flash CS4 Professional”，从这个版本开始，Flash动画技术有了很大的变革。

其中主要包括“3D工具”、“骨骼工具”和新的动作补间形式。

请朋友们注意，以上这些动画技术都需要ActionScript 3.0支持。

因此，在新建动画文件的时候，要选择创建“ActionScript 3.0”文档,发布设置的时候，选择最新版本的播放器。

形状补间动画，新旧版本Flash的制作方法是一样的。

但是动作补间动画发生了很大的变革，在旧版本的Flash中，创建动作补间动画，一个变化必须由首尾2个关键帧完成，开头关键帧是变化的初始状态，结尾关键帧是变化的最终状态，首尾2个关键帧之间的变化过程由电脑自动运算完成；目前新版本的Flash 中，在保留了传统动作补间的制作方法的基础之上，增加了新的创建动作补间的方法。

在新版本Flash中（比如Flash Professional CS6简体中文版），传统动作补间叫做“传统补间”，新的动作补间叫做“补间动画”。

现在的动作补间动画，只需要开头一个关键帧，便可以“创建补间动画”，把元件实例放入这个关键帧的舞台中，就可以在后面增加适量的普通帧进行动画制作。

在任意一个普通帧中，都可以任意调整元件实例各种状态，比如二维位置、三维位置、缩放、色彩、二维旋转、三维旋转、透明度等等，调整完毕Flash会自动为这个普通帧加上菱形的“属性关键帧”标志。

如果实例有位置的变化，舞台中会显示实例的运动路径（相当于传统引导线动画中的引导线），我们可以任意修改这个路径。

新版本Flash增加了“动画编辑器”面板，在动画编辑器面板里能更加灵活、方便地设置属性关键帧、调整实例的各种属性、设置各种缓动等等。

如图XXX所示：图XXX 新版Flash补间动画界面。

分 分 门 门 别 类 前 后 类 别
4.2 形状补间动画
形状补间动画可以是形状、位置和颜色 的变化，但主要还是形状的变化。这里 首先要强调的一点是，形状动画不可以 使用元件的实例，只能是绘制或转换的 图形，以下分两点来进行介绍。 1、制作简单的形状补间动画 2、使用形状提示点
4.2.1制作简单的形状补间动画
4.1.3创建元件
1、创建图形元件 选择菜单栏上的【插入】/【新建元件】命令， 或者在【库】面板中单击【新建元件】按钮， 也可以在【库】面板中右击鼠标，在弹出的快 捷菜单上选择【新建元件】命令，均可打开 【创建新元件对话框，如下图所示。
“创建新元件”对话框
4.1.3创建元件
2、创建按钮元件 选择菜单栏上的【插入】/【新建元件】命令， 或者在【库】面板中单击【新建元件】按钮， 也可以在【库】面板中右击鼠标，在弹出的快 捷菜单上选择【新建元件】命令，均可打开 【创建新元件】对话框，如下图所示。
4.1.1元件和实例的概念
所谓元件 元件，就是存放在库中的各种矢量图形、图像 元件 （可以是从外部导入的JPG、GIF和BMP等格式图 像）、动画、按钮或者导入的声音和视频文件， 元件具有存储一次可以重复使用多次的特点。 实例则是指元件在舞台工作区的应用。一旦创建了 实例 元件就可以创建它的实例。将元件拖入舞台上， 就产生了一个实例，所以，一个元件可以产生许 多的实例，当元件修改以后，它所生成的实例都 会跟着更新。
“创建新元件”对话框
4.1.3创Leabharlann 元件3、创建影片剪辑元件 方法与前面类似，【创建新元件】面板中 类型选择“影片剪辑”。
4.1.4编辑元件
1、在元件编辑窗口编辑元件 2、在新窗口中编辑元件 3、在当前位置修改元件 4、重命名元件

2. 确定对象：创建新元件（ctrl+F8） 或转换元件（F8） 3. 创建结束帧 4. 创建补间动画 5. 调整动画效果：位置、大小、颜色 快乐”图片出现的动画效果，要求：
1. 利用Flash CS3打开“下发素材”中的 “圣诞贺卡.fla”源文件。
2. 新建图层，命名为“sdkl”。
3. 制作库中“圣诞节快乐”这张图片的 动画补间动画，要体现大小、位置、旋 转和透明度的变化效果。
教你一招 利用“shift+任意变形工具”可以使元件保持原有的宽、高 比进行缩放，使元件不变形。
问题解决
问题1 问题2 问题3 圣诞老人动画
圣诞老人进入 动画补间动画
补间动画
动画补间动画：位置、 大小、颜色、旋转等

补间动画是创建随时间移动或更改的动画的一种 有效方法，其原理是先制作两个关键帧作为起始 帧和结束帧，两个关键帧之间的过渡动画则由计 算机自动运算而成。
动画补间动画的对象：同一元件

补间动画包括动画补间动画和形状补间动画。
动画补间动画制作过程
1. 创建起始帧
提示：1. “修改”菜单——“变形”——水平翻转。 2. 利用“自由变换”工具调整角度。
问题解决
课堂小结
操作要点

对象：元件 两个关键帧：起始帧和结束帧 效果：大小——任意变形工具 颜色——Alpha 旋转——属性面板或任意变形工具 位置

奔跑的鹿
影片剪辑元件
任务二：制作影片剪辑元件

动画补间动画中的必要元素——元件，除了图形元件，还可以是影片 剪辑。
在“圣诞贺卡.fla”中制作“鹿”的影片剪辑。
方法：
1. 创建一个新元件，命名为“鹿”，类型为“影片剪辑”。

1. 创建图形元件,能创建图形元件的元素可以是导入的位图 图像、矢量图形、文本对象以及用Flash工具创建的线条 、色块等。
2. 创建按钮元件, 采用新建和转换两种方式来创建。能创 建按钮元件的元素可以是导入的位图图像、矢量图形、 文本对象以及用Flash工具创建的任何图形。
4.1元件和实例
4.1.4创建元件
在作品发布后，一定不能放弃源文件，因为源文件保留 着大量的劳动成果，很多情况下，可能会取用其中的一 些元件。
4.1元件和实例
4.1.6库的管理
2. 元件排序
默认是“库”的元件按“元件名称”排列，英文在前， 中文按其对应的字符编码排列。
在图4-23中，元件列表的顶部有五个“项目按钮”，它 们是“名称”、“类型”、“使用次数”、“修改日期 ”、“AS链接”，其实它们是一组“排序”按钮。单击 某一按钮，“元件列表”就按其标明的内容排列，再单 击一次，可以切换为反序。
4.1元件和实例
4.1.1案例——花的世界
图 【案例学习目标】
4-1
应用元件的相互嵌套及重复使 花
用来制作变化无穷的动画效果
的 世
界
效
果
图
【案例知识要点】 1. 花瓣元件：新建影片剪影元件，使用椭圆工具绘制花瓣 2. 花朵元件：新建花朵元件，将花瓣元件应用到花朵元件，制作五瓣花朵 3. 花朵转动元件：新建花朵转动元件，将花朵元件应用到此元件，并制作传统
第4章 补间动画
教师：孙杰 2014年4月10日
本章学习目标
掌握元件的类型和元件的创建及编辑 掌握形状补间动画的制作方法 掌握动作补间动画的制作方法
4.1 元件和实例 4.2 形状补间动画 4.3 动作补间动画 4.4 综合案例 课后实训