高级动画实例制作

实验04动画制作（二）

学号：201408241031 姓名：王伶伶 班级：10

一、 实验目的

1. 熟悉FLASH软件中常见动画的制作方法。 2. 熟悉FLASH软件中交互式动画的制作方法。

二、 实验任务

1. 制作逐帧动画、传统补间、补间形状、补间动画、引导层动画、遮罩动画、多场景动画

各一个实例。

2. 制作一个交互式动画实例。

三、 实验过程与结果

说明：叙述必要的制作步骤，不建议使用大量的全屏截图。

1、 逐帧动画 制作过程：

（1） 点击“文件”|“新建”，从新建对话框中，选择“ActionScript2.0”，然后设置宽为

200像素，高为100像素，单击“帧频”选项将24fps改为1fps，设置背景颜色为#ff9900。

（2） 在时间轴中双击图层1，修改图层名称为“背景框”。在工具箱中选择矩形工具，答

案及属性面板修改笔触颜色，笔触大小，填充颜色为无，边角半径为15，在舞台工作区按住Shirt键绘制一个圆角正方形。选中“背景框”图层的第6帧，单击右键插入帧。

（3） 在时间轴图层面板电击左下角“新建图层按钮”，新建图层2,。双击图层2，修改图

层名称为“标志字”。

（4） 在工具箱中选择文本工具，单击属性面板修改字符系列为华文行楷，修改

大小为66，修改颜色，选中“标志字”图层的第1帧，在舞台工作区背景框内绘制文本输入区间，在文本框内输入“西”。

（5） 依次选中“标志字”图层的第2、3、4、5、6帧，单击右键插入关键帧。分别将文

本框内的文字改为“华”、“师”、“范”、“大”、“学”。

（6） 在菜单栏中选择“文件”|“保存”命令，在“另存为”对话框中修改文件名为“单

字闪烁.fla”，

2、 传统补间 制作过程：

（1） 打开flash软件，新建一个actionscript3.0项目

（2） 将图层1的名称改为“背景层”，使用“文件”|“导入”|“导入到库”，将背景图

片导入到库。

（3） 双击“背景层”的第1帧，将背景图片拖到舞台工作区，在背景图层的第30帧插入

帧。

（4） 点击新建图层按钮，新建图层，名称为“小船”，点击“插入”|“新建元件”，在创

建新元件修改名称为“小船”，创建成功后，双击“小船”元件，在舞台工作区绘制小船。

（5） 小船绘制完成后，选中“小船”图层第1帧，点击右键，插入关键帧，将“小船”

元件拖到背景图片的左端。接着选中“小船”图层第30帧，点击右键，插入关键帧，将“小船”元件拖到背景图片右端。

（6） 选中“小船”图层的第1帧，点击右键，单击“创建传统补间”，则在关键帧之间显

示一条实线，说明传统补间动画创建成功。

3、 形状补间 制作过程：

（1） 新建一个actionscript3.0项目。

（2） 在时间轴面板中，单击图层1，选中第1帧，在工具箱中选中椭圆工具，设置笔触

为10，颜色为黄色，填充色为黄色，在舞台工作区绘制一个椭圆。

（3） 选中图层1的第30帧，单击右键选择“插入空白关键帧”，在工具箱中矩形工具，

设置笔触为10，颜色为蓝色，填充色为绿色。在舞台工作区绘制一个矩形。

（4） 选中图层1的第60帧，单击右键选择“插入空白关键帧”，在工具箱中选择文本工

具，设置字体为宋体，大小为100，颜色为绿色。在舞台工作区中书写一个字。

（5） 选中该文字，选择“窗口”|“对齐”，在弹出的对齐对话框中设置水平对齐。

（6） 选中该文字，使用工具箱中的“任意变形”工具，单击右键选择“分离”。

（7）在第1帧和第30帧之间，任意选中一帧，单击右键，选择“创建补间形状”，在第30帧和第60帧之间，任意选中一帧，单击右键，选择“创建补间形状”。若创建补间形状成功，则在第1帧和第30帧之间，第30帧和第60帧之间，出现淡绿色背景和一条实线。 （8）为了更佳的观看效果，在“图层1”的第90帧插入空白关键帧。 （9）单击“文件”|“另存为”，名称为“形状补间动画.fla”。

4、补间动画 制作过程：

（1） 新建一个actionscript3.0项目。设置宽度为650像素，高度为250像素。 （2） 执行“文件“|”导入“|”导入到舞台“命令，将背景图片导入到舞台工作区，并在

属性面板中设置宽度为650像素，高度为255像素，执行”窗口“|”对齐“命令，

（3） 将图层1的名称改为“背景层”，并选中第100帧，单击右键选择“插入帧”命令。 （4） 在”对齐“对话框中，设置”水平“对齐和”垂直居中“对齐。 （5） 执行“新建图层命令”，修改名称为“飞机”。

（6） 选中“飞机”图层的第1帧，执行“插入“|“新建元件”命令，点击文件菜单下的

“导入”|“导入到舞台”命令，将事先处理好的飞机图片导入到舞台工作区。在属性面板中设置图形的Alpha值为80%。

（7） 选中“飞机”图层第100帧，单击右键执行“插入帧”命令，将飞机拖到合适的位

置，改变飞机的高度和宽度，并使用“任意变形”工具改变飞机的方向，设置图形的Alpha值为40%。

（8） 在“飞机”图层的第1帧处，单击右键执行“创建补间动画”命令。

5、 引导层动画 制作过程：

（1） 新建一个actionscript3.0项目。修改舞台的高度与宽度。

（2） 在时间轴上将图层1名称修改为“飞舞的蝴蝶”，选中第1帧，将蝴蝶图片导入到

舞台，并修改其大小及方向。选中第15帧，将蝴蝶等高缩小。选中第30帧，将蝴蝶变为和第1帧相同的大小。

（3） 执行“控制”|“测试影片”|“测试”命令。则可看见蝴蝶飞舞的效果。 （4） 将该动画另存为gif格式的图像格式。

（5） 新建一个actionscript3.0项目。修改舞台的高度与宽度。

（6） 将图层1名称改为“草地”，执行“文件”|“导入”|“导入到舞台”命令，将草地

8、 交互式动画

该动画实现效果：实例跟随鼠标移动而移动的效果。

（1）新建图形元件1，名称为“xin” （2）新建图形元件2，名称为“xin2”.

(3)新建元件3，类型为“影片剪辑”。名称为“xin3”.将元件“xin2”拖入到舞台中，并新建四个图层，选中每个图层的第15帧，执行“插入帧”命令，将“xin2”复制到每个图层中。

从图层2开始，依次将每个图层较它的上一图层向后移动一帧。如下图所示。

（4）新建影片剪辑元件，名称为“xin4”,将“xin3”拖入至舞台中心处，选中“xin3”,按ctrl+T打开变形对话框，将旋转角度更改为60，并执行六次“复制选区和变形”命令。

（5）回到场景1中，将‘xin4’元件拖入到合适位置，在属性面板将实例名称改为“xin”新建图层2，在图层2的第1帧处插入代码，start y=getProperty(_root.xin, _y);

(6)新建一个按钮元件，名称为“anniu”,编写如下代码：on(release) { stopDrag(); }

on(press) { startDrag(\}。

本文来源：https://www.bwwdw.com/article/upqv.html