网页设计flash制作实验报告

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

2、“文件”-“导入”-“导入到库”中，点击 窗口菜单-工具栏-将主工具栏选中里对齐i=对齐：1= S =1于m色 相对于分布：舞台：哥君吕昨时闻K匹配大小：间隔：自!生力dL7项齐”，3 .重复以上步骤，建立7个关键帧，导入7幅图像;4 .按ctrl+enter 进行测试、flash短片的制作1、新建flash文档，将kaiyuan.gif 等五幅图像导入到库中， 将kaiyuan.gif 从库里拖动到舞台。利用工具箱的任意变形工具 口 , 将图像调整和舞台同样大小。2、点击时间轴图层1的第30帧，右键选择“插入空白关键帧”， 将lvyin.jpg 拖动到舞台，调整大小与舞台相当，调整大小时，可

3、以 只显示图像轮廓，并按住“ alt ”进行调整。3、重复步骤 2,依次将 jiao9lou.jpg 、jiao11lou.jpg >chunse.jpg拖动到第60、90、120帧。右键点击第150帧“插入帧”。4.按ctrl+enter 导出动画。三、形状补间动画1 1) 1.新建flash文档，设立背景为浅蓝色，在图层 1的第一帧画 一不带边框的有填充色的圆，在图层 1的第40帧点击右键插入空白 关键帧，在舞台的中央画一矩形，在第70帧点右键插入空白关键帧， 在舞台的右下画一三角形。2 .选中图层1所有帧，在下方的属性栏选择形状补问，回车键进行测 试。(2)波浪线制作1、设置宽30

4、0像素、高100像素的蓝色舞台。2、用钢笔工具画一条绿色波浪线。3、在图层1的第20帧、第40帧分别插入一个关键帧。4、选中第20帧上的波浪线，执行“修改一变形一垂直翻转”命令“形状”。5、单击“图层1”，选中所有帧，单击属性面板里的(3)变换文字6、测试影片，观看效果1、设置宽300像素、高100像素的粉红色舞台。2、单击第一帧，键入大小为“ 70”的蓝色隶书“理工大”三字，使 用对齐工具居中。在第5帧插入关键帧。3、选中第5帧上的文本，按下快捷键ctrl+B两次，把文字打散。二J"口二|二1：尸.|二|二|二"”iT.二二一;：* 二:m 口,3：'"

5、"二:：" < ：':=：，：，；- - - -S, .!m.J J.-W.I I u'"'B Ls J32.-.T.W,TJ3,n-J丫产Jl工匚 s 1* .'H货4、在第20帧插入空白关键帧，用同样的大小和字体键入红色“经 管院”三字，居中。用同样的方法把这三字打散。1 4 a H L , .4 .'r B ，'.I|rjip.r /J，r- .J/-，J_ a .r'.!v r.- . .%:.v. .-1" 1 4P I,工 J< 口、" , B <1.|，Q

6、J “J-、-产噎Wl7/-1 H,1) I 产 / I:.jj口： ：匕。中. 口丁 卜 , r r . r * sJ - s s -*，rW'5、选中第5帧，单击属性面板里的“形状”。6、在第25帧插入一个普通帧。7、Ctrl+enter测试影片，观看效果。四.动作补间动画1、建立flash文档，将kaiyuan.gif 图像拖入舞台作为背景。2、新建一图层2,输入白色50号文字“西安理工大学”。3、选择文字，点右键将文字转换为元件。4、在图层2的第50帧点击右键插入关键帧，将元件用工具箱的“任 意变形工具”放大，并设置属性面板的 alpha属性为0时间轴图 510152。2530

7、354045D图层1口次打钓百 “，阳 【，:5012 0 fps 4 1s4、点击图层2将图层2的所有帧全部选中，在属性面板插入动作补 问，enter进行测试。动画补问旋转的五角星1、新建背景为红色的文档2、选定图层1的第一帧，在工具箱选择“多角星形工具”3、在下方的属性面板里关于多角星形工具的属性里选择“选项”工具设置4.在图层1的第一帧的左侧绘制一个五角星5、使用工具箱的线条工具，并开启下方的磁体选项（磁体可以在画线时提供提示12.0 fps选择相应颜色命令，在颜色面6.选择“颜料桶工具7、双击五角星的边线，可以将所有边线选中板选择线性填充，设置填充条颜色由黄色到浅黄色，点击填充条上的小

8、方方便选择贴紧顶点），从顶点向对角连线回轴8、选中整个五角星，点击右键将其转换为图形元件。9、在第40帧插入关键帧，将五角星移动到右上位置，将其缩小。10、点击图层1选中所有帧，在属性面板补问选择“动作”，将旋转设置“逆时针” 1次11、然后点击40帧的五角星，在属性面板设置颜色 alpha值为30%12、测试播放影片.五、遮罩动画：制作地球旋转效果1.导入地图，将earth.jpg导入到库里，从库中将地图拖动到图层 1 的第一帧，点击右键将图像转换为图形元件，将图形向右移动（图 2）, 在图层1的第50帧插入关键帧，将图形向左移动（图 3）、不5K点击图层1,选中所有帧，建立动作补问。2 .

9、第二步创建图层2,在舞台上画一个正圆。3 .第三步、点击图层2第50帧，点击右键选择“插入帧” 5-220513E3图层2 图, X 当口、二? + i® |jJ *| W | 51 p12.0 fps | 4.2s Tj4 .将图层2点击右键选择“遮罩层”弓I导层未命名-1 .fla*5.按Ctrl+Enter键测试影片曲 |JJ 里1里上曰| 4C 12,0 fps 3.3sT图层1六.引导层动画：用引导层动画制作“飘落的树叶”一【导入到舞台】命令，在跳出的【导入】对话框中选择要使用的图片 【大B图层21.建立新场景并设置背景，依次选择主菜单中的【文件】同轴2 .建立落叶元件，单击【插入图层】按钮，在【图层 11的上方新建【图层2然后依次选择主菜单中的【文件】 一【导入】一【导入到舞台】命令，在跳出的【导入】对话框中选择要使用的图片【落叶】。选中【落叶】图片单击右键选择【转化为元件】命令。3 .设置窗口的补问动画在将【图层2】的第40帧位置单击右键并选择【插入关键帧】命令。 然后选择【图层2】的第一帧，将【属性】面板里的“补问”设为动画。 测试一下效果。4 .设置运动引导效果单击添加引导