高级动画实例制作.

1、实验04 动画制作（二）学号：201408241031姓名：王伶伶班级：10一、 实验目的1. 熟悉FLASH软件中常见动画的制作方法。2. 熟悉FLASH软件中交互式动画的制作方法。二、 实验任务1. 制作逐帧动画、传统补间、补间形状、补间动画、引导层动画、遮罩动画、多场景动画各一个实例。2. 制作一个交互式动画实例。三、 实验过程与结果说明：叙述必要的制作步骤，不建议使用大量的全屏截图。1、 逐帧动画制作过程：（1） 点击“文件”|“新建”，从新建对话框中，选择“ActionScript2.0”，然后设置宽为200像素，高为100像素，单击“帧频”选项将24fps改为1fps，设置背景颜色

2、为#ff9900。（2） 在时间轴中双击图层1，修改图层名称为“背景框”。在工具箱中选择矩形工具，答案及属性面板修改笔触颜色，笔触大小，填充颜色为无，边角半径为15，在舞台工作区按住Shirt键绘制一个圆角正方形。选中“背景框”图层的第6帧，单击右键插入帧。（3） 在时间轴图层面板电击左下角“新建图层按钮”，新建图层2,。双击图层2，修改图层名称为“标志字”。（4） 在工具箱中选择文本工具，单击属性面板修改字符系列为华文行楷，修改大小为66，修改颜色，选中“标志字”图层的第1帧，在舞台工作区背景框内绘制文本输入区间，在文本框内输入“西”。（5） 依次选中“标志字”图层的第2、3、4、5、6帧，

3、单击右键插入关键帧。分别将文本框内的文字改为“华”、“师”、“范”、“大”、“学”。（6） 在菜单栏中选择“文件”|“保存”命令，在“另存为”对话框中修改文件名为“单字闪烁.fla”，2、 传统补间制作过程：（1） 打开flash软件，新建一个actionscript3.0项目（2） 将图层1的名称改为“背景层”，使用“文件”|“导入”|“导入到库”，将背景图片导入到库。（3） 双击“背景层”的第1帧，将背景图片拖到舞台工作区，在背景图层的第30帧插入帧。（4） 点击新建图层按钮，新建图层，名称为“小船”，点击“插入”|“新建元件”，在创建新元件修改名称为“小船”，创建成功后，双击“小船”元件

4、，在舞台工作区绘制小船。（5） 小船绘制完成后，选中“小船”图层第1帧，点击右键，插入关键帧，将“小船”元件拖到背景图片的左端。接着选中“小船”图层第30帧，点击右键，插入关键帧，将“小船”元件拖到背景图片右端。（6） 选中“小船”图层的第1帧，点击右键，单击“创建传统补间”，则在关键帧之间显示一条实线，说明传统补间动画创建成功。3、 形状补间制作过程：（1） 新建一个actionscript3.0项目。（2） 在时间轴面板中，单击图层1，选中第1帧，在工具箱中选中椭圆工具，设置笔触为10，颜色为黄色，填充色为黄色，在舞台工作区绘制一个椭圆。（3） 选中图层1的第30帧，单击右键选择“插入空白

5、关键帧”，在工具箱中矩形工具，设置笔触为10，颜色为蓝色，填充色为绿色。在舞台工作区绘制一个矩形。（4） 选中图层1的第60帧，单击右键选择“插入空白关键帧”，在工具箱中选择文本工具，设置字体为宋体，大小为100，颜色为绿色。在舞台工作区中书写一个字。（5） 选中该文字，选择“窗口”|“对齐”，在弹出的对齐对话框中设置水平对齐。（6） 选中该文字，使用工具箱中的“任意变形”工具，单击右键选择“分离”。（7）在第1帧和第30帧之间，任意选中一帧，单击右键，选择“创建补间形状”，在第30帧和第60帧之间，任意选中一帧，单击右键，选择“创建补间形状”。若创建补间形状成功，则在第1帧和第30帧之间，第

6、30帧和第60帧之间，出现淡绿色背景和一条实线。（8）为了更佳的观看效果，在“图层1”的第90帧插入空白关键帧。（9）单击“文件”|“另存为”，名称为“形状补间动画.fla”。4、补间动画制作过程：（1） 新建一个actionscript3.0项目。设置宽度为650像素，高度为250像素。（2） 执行“文件“|”导入“|”导入到舞台“命令，将背景图片导入到舞台工作区，并在属性面板中设置宽度为650像素，高度为255像素，执行”窗口“|”对齐“命令，（3） 将图层1的名称改为“背景层”，并选中第100帧，单击右键选择“插入帧”命令。（4） 在”对齐“对话框中，设置”水平“对齐和”垂直居中“对齐。

7、（5） 执行“新建图层命令”，修改名称为“飞机”。（6） 选中“飞机”图层的第1帧，执行“插入“|“新建元件”命令，点击文件菜单下的“导入”|“导入到舞台”命令，将事先处理好的飞机图片导入到舞台工作区。在属性面板中设置图形的Alpha值为80%。（7） 选中“飞机”图层第100帧，单击右键执行“插入帧”命令，将飞机拖到合适的位置，改变飞机的高度和宽度，并使用“任意变形”工具改变飞机的方向，设置图形的Alpha值为40%。（8） 在“飞机”图层的第1帧处，单击右键执行“创建补间动画”命令。5、 引导层动画制作过程：（1） 新建一个actionscript3.0项目。修改舞台的高度与宽度。（2）

8、在时间轴上将图层1名称修改为“飞舞的蝴蝶”，选中第1帧，将蝴蝶图片导入到舞台，并修改其大小及方向。选中第15帧，将蝴蝶等高缩小。选中第30帧，将蝴蝶变为和第1帧相同的大小。（3） 执行“控制”|“测试影片”|“测试”命令。则可看见蝴蝶飞舞的效果。（4） 将该动画另存为gif格式的图像格式。（5） 新建一个actionscript3.0项目。修改舞台的高度与宽度。（6） 将图层1名称改为“草地”，执行“文件”|“导入”|“导入到舞台”命令，将草地背景图片导入到舞台工作区。（7） 执行“窗口”|“对齐”命令，设置背景图片的对齐方式。（8） 选中“草地”图层第100帧，单击右键执行“插入帧”命令。（

9、9） 执行“新建图层”按钮，将图层2的名称修改为“蝴蝶1”，接着执行“插入”|“新建元件”命令，在弹出的新建元件对话框，设置元件名称为“butterfly”,类型为“影片剪辑”。（10） 执行“文件”|“导入到舞台”，将制作好的格式为gif的“飞舞的蝴蝶”导入到“butterfly”元件的编辑区中。（11） 回到场景1中，选中“蝴蝶1”图层第1帧，将“butterfly”拖到合适的位置。（12） 选中“蝴蝶1”图层的第100帧，单击右键执行“插入关键帧”，将“butterfly”元件拖到舞台中合适的位置。（13） 选中“蝴蝶1”图层第1帧 ，单击右键执行“创建传统补间”命令。（14） 选中“蝴

10、蝶1“图层，单击右键执行”添加传统运动引导层“命令。选中”引导层“第1帧，使用工具箱中的铅笔工具，绘制出蝴蝶1的运动路径。（15） 选中“蝴蝶1“图层的第1帧，使用工具箱中”贴紧至对象“工具，将蝴蝶1贴紧至运动路径的开始处。（16） 选中“蝴蝶1“图层的第100帧，使用工具箱中”贴紧至对象“工具，将蝴蝶1贴紧至运动路径的结尾处。（17） 新建“蝴蝶2“图层，使用上述相同方法，在”蝴蝶2“图层中，添加一只蝴蝶，并建立引导层，绘制出运动轨迹。6、 遮罩动画制作过程：（1） 新建一个actionscript3.0项目。（2） 执行“文件“|”导入“|”导入到舞台“命令。将背景素材导入到舞台。并设置图

11、片高度和宽度，执行“窗口”|“对齐”命令，在弹出的“对齐”对话框中设置图片的对齐方式，使之与舞台重合。（3） 新建图层2，使用工具箱中的文本工具，在图层2中编辑文字。编辑完成后，选中文字，单击右键，执行“转换为元件”命令，设置元件名称为“文字”，类型为图形。（4） 连续使用两次ctrl+b,选中文字后一句，单击右键执行“剪切”命令。（5） 新建图层3，单击右键执行“粘贴到当前位置”命令。然后使用工具箱中的矩形工具，设置填充和笔触颜色为黑色，盖住前一句文字，选中该矩形，单击右键执行“转换为元件”命令，设置名称为“黑条”，类型为“图形”。（6） 新建图层4，选中所有图层的第30帧，单击右键执行“插

12、入关键帧”命令，选中图层4的第1帧，将黑条拖到文字上方，以刚好不遮住文字为准。（7） 选中图层4的第1帧和第30帧之间任意一帧，单击右键执行“创建传统补间”命令。（8） 将图层4移到图层2的上方，单击右键执行“遮罩层”命令。（9） 按上述一样的方法，为图层3添加遮罩层。7、 多场景动画制作过程：（1） 新建一个actionscript3.0项目。（2） 利用引导层动画制作方法，在场景1中制作太阳移动的动画。并将场景名称改为“donahua”.（3） 执行“插入”|“场景”命令，插入场景2。并将场景2名称改为“kaishi”。（4） 在“kaishi”场景中，选中图层1的第1帧，在舞台上方绘制蓝

13、底矩形，高度为舞台高度一半，宽度和舞台一致。接着选中图层1的第60帧，将第60帧设为关键帧。在舞台上方绘制蓝底矩形，宽度与舞台保持一致，高度为舞台高度的四分之一。选中图层1第1帧和第60帧之间，任意一帧，单击右键执行“创建传统补间”命令。（5） 执行“新建图层”命令，在图层2中，利用（4）中相同方法，在舞台下方执行相应操作。（6） 新建图层3，选中该图层第60帧，使用工具箱中“文本工具”，并设置字体颜色和大小。在舞台上方书写文字。（7） 选中文字，单击右键执行“转换为元件”命令。类型为图形。选中图层3的第100帧，执行“插入关键帧”命令。将文字拖到舞台中间，并设置大小，调整位置。选中图层3第6

14、0帧，单击右键执行“创建传统补间”命令。（8） 新建图层4，选中第95帧，执行“插入关键帧”命令。使用工具箱中的文本工具，在舞台右下方书写文字“play”,并设置大小和颜色。选中该文字，单击右键执行“转换为位图”命令，选择类型为“按钮”。（9） 双击该按钮元件，切换为按钮元件编辑区，分别设置按钮4个状态不同的样式。选中该元件，单击右键执行“动作”命令，编写代码。（10） 执行“窗口”|“其它面板”|“场景”命令，在弹出的场景对话框，将“kaishi”场景移到“donghua”场景上方。8、 交互式动画该动画实现效果：实例跟随鼠标移动而移动的效果。（1）新建图形元件1，名称为“xin”（2）新建图形元件2，名称为“xin2”.(3)新建元件3，类型为“影片剪辑”。名称为“xin3”.将元件“xin2”拖入到舞台中，并新建四个图层，选中每个图层的第15帧，执行“插入帧”命令，将“xin2”复制到每个图层中。从图层2开始，依次将每个图层较它的上一图层向后移动一帧。如下图所示。（4）新建影片剪辑元件，名称为“xin4”,将“xin3”拖入至舞台中心处，选中“xin3”,