网页设计flash制作实验报告

《网页设计flash制作实验报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

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

2、-l.Gif~7.7.gif使用”文件”-“导入”-“导入到库”中，点击窗口菜单-工具栏-将主工具栏选中田覽▼对齐对齐:1已呂占0°"0°相对于分布：舞台：ssS叶加如©匹配大小：间隔：旦□□Oo召弘・三7-1•gif7-2•9if7-3•9if7-4•9if7-5•9if7-6•9ifffl位4=Q-1.在图层1的第二帧，点击右键选择插入空白关键帧，将库里的7-2.gif拖入到舞台，点击主工具栏最右端对齐按钮：依次点击“相对于舞台”、对齐下的第二个“水平屮齐”、分布下的第二个“垂直中齐”，3.重复以上步骤，建立7个关键帧，导入7幅图像;4・按ctrl+e

3、nter进行测试二、flash矩片的制作1>新建flash文档,将kaiyuan.gif等五幅图像导入到库中,将kaiyuan.gif从库里拖动到舞台。利用工具箱的任意变形工具曰,将图像调整和舞台同样大小。2、点击时间轴图层1的第30帧，右键选择“插入空白关键帧”,将lvyin.jpg拖动到舞台，调整大小与舞台相当，调整大小吋，可以只显示图像轮廓，并按住“alt”进行调整。•$□5505560657075808590951001051101151201251301351401451500-(J8因层3••口r-…]-—u:••口oL0

4、0912.0fps9.0s<3、重复步骤2,依次将jiao91ou.jpg>jiaolllou.jpg、chunse.jpg拖动到第60、90、120帧。右键点击第150帧“插入帧”。4.按ctrl+enter导出动画。三、形状补I'可动画(1)1•新建flash文档，设立背景为浅蓝色，在图层1的第一帧闹一不带边框的有填充色的I员I,在图层1的第40帧点击右键插入空白关键帧，在舞台的中央画一矩形，在第70帧点右键插入空白关键帧,在舞台的右下画一三角形。2.选中图层1所有帧，在下方的屈性栏选择形状补间，回车键进行测试。（2）波浪线制作1、设置宽300像素、高

5、100像素的蓝色舞台。2、用钢笔工具画一条绿色波浪线。3、在图层1的第20帧、第40帧分别插入一个关键帧。4、选中第20帧上的波浪线，执行“修改一变形一垂直翻转”命令5、单击“图层1”，选中所冇帧，单击属性面板里的“形状”。6、测试影片，观看效果(3)变换文字1、设置宽300像素、高100像素的粉红色舞台。2、单击第一帧，键入大小为“70”的蓝色隶书“理工大”三字，使用对齐工具居屮。在第5帧插入关键帧。3、选中第5帧上的文本，按下快捷键ctrl+B两次，把文字打散。4、在第20帧插入空白关键帧，用同样的大小和字体键入红色“经管院”三字，居中。用同样的方法把

6、这三字打散。5、选屮第5帧，单击属性面板里的“形状”。6、在第25帧插入一个普通帧。7、Ctrl+enter测试影片，观看效果。四.动作补间动画1＞建立flash文档,将kaiyuan.gif图像拖入舞台作为背景。2、新建一图层2,输入白色50号文字“西安理工大学”。3、选择文字，点右键将文字转换为元件。4、在图层2的第50帧点击右键插入关键帧，将元件用工具箱的“任意变形工具”放大，并设置屈性面板的alpha屈性为04、点击图层2将图层2的所有帧全部选中，在属性面板插入动作补间，enter进行测试。动虺补间旋转的五角星1、新建背景为红色的文档2、选定图层1

7、的第一帧，在工具箱选择“多角星形工具”3、在下方的屈性面板里关于多角星形工具的屈性里选择“选项”4.在图层1的第一帧的左侧绘制一个五角星5、使用工具箱的线条工具，并开启卜•方的磁体选项（磁体可以在画线时提供提示，方便选择贴紧顶点），从顶点向对角连线，绘制下面的图形未命名-*1・fl护豐场果1▼时间轴□

8、•O.20_5I311.>1J>1^]比Hjr40[12.0fpsr3.3s<6.选择“颜料桶工具”°,执行“窗口”-“颜色”命令，在颜色面板选择线性填充，设置填充条颜色由黄色到浅黄色，点击填充条上的小方块°,选择相应颜色7、双击五角星的边线，可以将所有边线

9、选中，按“delete”键删除。8、选中整个五角星，点击右键将其转