网页设计flash制作实验报告

1、多媒体网页设计实验报告一、实验目的通过本实验了解网页常见多媒体动画元素的制作方法，Flash动画目前已成为网络动画的标准，是目前动画素材制作的主要软件。通过本实验的练习掌握flash基本动画的制作。用于网页动态 banner等有关设计。二、实验设备及环境操作系统： Windows 8编辑运行环境： Flash 2004三、实验内容1) 用逐帧动画制作 flash 短片2）音视频的加入及编辑处理3）制作形状补间动画4）制作动作补间动画5）遮罩层动画的制作6）引导层动画的制作。四、实验流程一：逐帧动画的制作1. 新建 flash 文档，下载 FTP骏马飞奔动画序列，将其中的图片 7-1.Gif7.

2、7.gif 使用”文件” - “导入” - “导入到库”中，点击窗口菜单 - 工具栏 - 将主工具栏选中2. 在图层 1 的第二帧，点击右键选择插入空白关键帧，将库里的7-2.gif拖入到舞台，点击主工具栏最右端对齐按钮：依次点击“相对于舞台”、对齐下的第二个“水平中齐” 、分布下的第二个“垂直中齐”，3. 重复以上步骤，建立7 个关键帧，导入 7 幅图像；4. 按 ctrl+enter进行测试二、 flash 短片的制作1、新建flash文档，将kaiyuan.gif等五幅图像导入到库中，将 kaiyuan.gif从库里拖动到舞台。 利用工具箱的任意变形工具，将图像调整和舞台同样大小。2、点

3、击时间轴图层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 帧

4、点右键插入空白关键帧，在舞台的右下画一三角形。2. 选中图层 1 所有帧，在下方的属性栏选择形状补间， 回车键进行测试。（ 2）波浪线制作1、设置宽 300 像素、高 100 像素的蓝色舞台。2、用钢笔工具画一条绿色波浪线。3、在图层 1 的第 20 帧、第 40 帧分别插入一个关键帧。4、选中第 20 帧上的波浪线，执行“修改变形垂直翻转”命令5、单击“图层 1”，选中所有帧，单击属性面板里的“ 形状 ” 。6、测试影片，观看效果（ 3）变换文字1、设置宽 300 像素、高 100 像素的粉红色舞台。2、单击第一帧，键入大小为“70”的蓝色隶书“理工大”三字，使用对齐工具居中。在第5 帧插入

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 帧点击右键插入关键帧， 将元件用工具箱的 “任意变形工具”放大，并设置属性

6、面板的 alpha 属性为 04、点击图层 2 将图层 2 的所有帧全部选中， 在属性面板插入动作补间， enter 进行测试。动画补间旋转的五角星1、新建背景为红色的文档2、选定图层 1 的第一帧，在工具箱选择“多角星形工具”3、在下方的属性面板里关于多角星形工具的属性里选择“选项”4. 在图层 1 的第一帧的左侧绘制一个五角星5、使用工具箱的线条工具，并开启下方的磁体选项 ( 磁体可以在画线时提供提示，方便选择贴紧顶点 ) ，从顶点向对角连线，绘制下面的图形6. 选择“颜料桶工具” ，执行“窗口” - “颜色”命令，在颜色面板选择线性填充， 设置填充条颜色由黄色到浅黄色， 点击填充条上的小

7、方块 ，选择相应颜色7、双击五角星的边线，可以将所有边线选中，按“delete ”键删除。8、选中整个五角星，点击右键将其转换为图形元件。9、在第 40 帧插入关键帧，将五角星移动到右上位置，将其缩小。10、点击图层1 选中所有帧，在属性面板补间选择“动作”，将旋转设置“逆时针” 1 次11、然后点击 40 帧的五角星，在属性面板设置颜色alpha 值 为 30%12、测试播放影片 .五、遮罩动画：制作地球旋转效果1. 导入地图，将 earth.jpg 导入到库里，从库中将地图拖动到图层 1的第一帧，点击右键将图像转换为图形元件，将图形向右移动（图2），在图层 1 的第 50 帧插入关键帧，将

8、图形向左移动（图3）点击图层 1，选中所有帧，建立动作补间。2. 第二步 创建图层 2，在舞台上画一个正圆。3. 第三步、点击图层 2 第 50 帧，点击右键选择“插入帧” 。4.将图层 2 点击右键选择“遮罩层”5.按 Ctrl+Enter键测试影片六引导层动画：用引导层动画制作“飘落的树叶”1. 建立新场景并设置背景，依次选择主菜单中的【文件】【导入】【导入到舞台】 命令，在跳出的【导入】对话框中选择要使用的图片 【大树】。2. 建立落叶元件，单击【插入图层】按钮，在【图层1】的上方新建【图层 2】然后依次选择主菜单中的【文件】【导入】【导入到舞台】命令，在跳出的【导入】对话框中选择要使用的图片【落叶】。选中【落叶】图片单击右键选择【转化为元件】命令。3. 设置窗口的补间动画在将【图层】的第 40 帧位置单击右键并选择【插入关键帧】命令。然后选择【图层2】的第一帧，将【属性】面板里的“补间”设为动画。测试一下效果。4. 设置运动引导效果单击添加引导层命令，然后在在引导层上划出的下落的弯曲路线