网页设计flash制作实验报告

《多媒体网页设计》实验报告

一、实验目的

通过本实验了解网页常见多媒体动画元素的制作方法， Flash 动画目前已成为网络动画的标准，是目前动画素材制作的主要软件。

通过本实验的练习掌握flash基本动画的制作。用于网页动态banner 等有关设计。

二、实验设备及环境

操作系统：Windows 8

编辑运行环境：Flash 2004

三、实验内容

1) 用逐帧动画制作flash短片

2）音视频的加入及编辑处理

3）制作形状补间动画

4）制作动作补间动画

5）遮罩层动画的制作

6）引导层动画的制作。

四、实验流程

一：逐帧动画的制作

1.新建flash文档，下载FTP骏马飞奔动画序列，将其中的图

片7-1.Gif~7.7.gif使用”文件”-“导入”-“导入到库”中，点击窗口菜单-工具栏-将主工具栏选中

2.在图层1的第二帧，点击右键选择插入空白关键帧，将库里的7-2.gif拖入到舞台，点击主工具栏最右端对齐按钮：依次点击“相对于舞台”、对齐下的第二个“水平中齐”、分布下的第二个“垂直中齐”，

3.重复以上步骤，建立7个关键帧，导入7幅图像；

4.按ctrl+enter进行测试

二、flash短片的制作

1、新建flash文档，将kaiyuan.gif等五幅图像导入到库中，

将kaiyuan.gif从库里拖动到舞台。利用工具箱的任意变形工具，将图像调整和舞台同样大小。

2、点击时间轴图层1的第30帧，右键选择“插入空白关键帧”，

将lvyin.jpg拖动到舞台，调整大小与舞台相当，调整大小时，可以只显示图像轮廓，并按住“alt”进行调整。

3、重复步骤2，依次将jiao9lou.jpg、jiao11lou.jpg、chunse.jpg

拖动到第60、90、120帧。右键点击第150帧“插入帧”。

4.按ctrl+enter导出动画。

三、形状补间动画

（1）1.新建flash文档，设立背景为浅蓝色，在图层1的第一帧画一不带边框的有填充色的圆，在图层1的第40帧点击右键插入空白关键帧，在舞台的中央画一矩形，在第70帧点右键插入空白关键帧，在舞台的右下画一三角形。

2.选中图层1所有帧，在下方的属性栏选择形状补间，回车键进行测

试。

（2）波浪线制作

1、设置宽 300 像素、高 100 像素的蓝色舞台。

2、用钢笔工具画一条绿色波浪线。

3、在图层1的第20帧、第40帧分别插入一个关键帧。

4、选中第20帧上的波浪线，执行“修改—变形—垂直翻转”命令

5、单击“图层1”，选中所有帧，单击属性面板里的“形状”。

6、测试影片，观看效果

（3）变换文字

1、设置宽300像素、高100像素的粉红色舞台。

2、单击第一帧，键入大小为“70”的蓝色隶书“理工大”三字，使用对齐工具居中。在第5帧插入关键帧。

3、选中第5帧上的文本，按下快捷键ctrl+B两次，把文字打散。

4、在第20帧插入空白关键帧，用同样的大小和字体键入红色“经管院”三字，居中。用同样的方法把这三字打散。

5、选中第5帧，单击属性面板里的“形状”。

6、在第25帧插入一个普通帧。

7、Ctrl+enter测试影片，观看效果。

四．动作补间动画

1、建立flash文档，将kaiyuan.gif图像拖入舞台作为背景。

2、新建一图层2，输入白色50号文字“西安理工大学”。

3、选择文字，点右键将文字转换为元件。

4、在图层2的第50帧点击右键插入关键帧，将元件用工具箱的“任意变形工具”放大，并设置属性面板的alpha属性为0

4、点击图层2 将图层2的所有帧全部选中，在属性面板插入动作补间，enter进行测试。

动画补间旋转的五角星

1、新建背景为红色的文档

2、选定图层1的第一帧，在工具箱选择“多角星形工具”

3、在下方的属性面板里关于多角星形工具的属性里选择“选项”

4.在图层1的第一帧的左侧绘制一个五角星

5、使用工具箱的线条工具，并开启下方的磁体选项(磁体可以在画线时提供提示，方便选择贴紧顶点)，从顶点向对角连线，绘制下面的图形

6.选择“颜料桶工具”，执行“窗口”-“颜色”命令，在颜色面板选择线性填充，设置填充条颜色由黄色到浅黄色，点击填充条上的小方块，选择相应颜色

7、双击五角星的边线，可以将所有边线选中，按“delete”键删除。

8、选中整个五角星，点击右键将其转换为图形元件。

9、在第40帧插入关键帧，将五角星移动到右上位置，将其缩小。

10、点击图层1选中所有帧，在属性面板补间选择“动作”，将旋转设置“逆时针”1次

11、然后点击40帧的五角星，在属性面板设置颜色alpha值为30%

12、测试播放影片.

五、遮罩动画：制作地球旋转效果

1.导入地图，将earth.jpg导入到库里，从库中将地图拖动到图层1的第一帧，点击右键将图像转换为图形元件，将图形向右移动（图2），在图层1的第50帧插入关键帧，将图形向左移动（图3）

点击图层1，选中所有帧，建立动作补间。

2.第二步创建图层2，在舞台上画一个正圆。

3.第三步、点击图层2第50帧，点击右键选择“插入帧”。

4.将图层2点击右键选择“遮罩层”

5.按Ctrl+Enter键测试影片

六．引导层动画：用引导层动画制作“飘落的树叶”

1.建立新场景并设置背景，依次选择主菜单中的【文件】→【导入】→【导入到舞台】命令，在跳出的【导入】对话框中选择要使用的图片【大树】。