网页设计flash制作实验报告.docxVIP

《多媒体网页设计》实验报告 精品文档 精品文档 PAGE PAGE #^迎下载 一、 实验目的 通过本实验了解网页常见多媒体动画元素的制作方法， Flash 动画目前已成为网络动画的标准，是目前动画素材制作的主要软件。 通过本实验的练习掌握flash基本动画的制作。用于网页动态banner 等有关设计。 二、 实验设备及环境 操作系统：Windows 8 编辑运行环境：Flash 2004 三、 实验内容 1） 用逐帧动画制作flash短片 2） 音视频的加入及编辑处理 3） 制作形状补间动画 4） 制作动作补间动画 5） 遮罩层动画的制作 6） 引导层动画的制作。 四、 实验流程 一：逐帧动画的制作 新建flash文档，下载FTP骏马飞奔动画序列，将其中的图 片7-1.Gif~7.7.gif 使用”文件”-“导入”-“导入到库”中，点击 窗口菜单-工具栏-将主工具栏选中 1 ▼对齐 2 对齐！ 昌呂占帀加血 分布； 舞台： 耳音吕叶加加 IHI 匹配大小：间隔！ 吕血冒亘容弘  在图层1的第二帧，点击右键选择插入空白关键帧，将库里的 7-2.gif拖入到舞台，点击主工具栏最右端对齐按钮：依次点击“相 对于舞台”、对齐下的第二个“水平中齐”、分布下的第二个“垂直中 齐”， 重复以上步骤，建立7个关键帧，导入7幅图像； 4.按ctrl+enter 进行测试 、flash短片的制作 1、新建flash文档，将kaiyuan.gif 等五幅图像导入到库中, 将kaiyuan.gif从库里拖动到舞台。利用工具箱的任意变形工具口， 将图像调整和舞台同样大小。 2、点击时间轴图层1的第30帧，右键选择“插入空白关键帧”， 将lvyin.jpg 拖动到舞台，调整大小与舞台相当，调整大小时，可以 只显示图像轮廓，并按住“ alt ”进行调整。 拖动到第60、90、120帧。右键点击第150帧“插入帧” 4.按ctrl+enter 导出动画。 三、形状补间动画 （1）1.新建flash文档，设立背景为浅蓝色，在图层 1的第一帧画 一不带边框的有填充色的圆，在图层 1的第40帧点击右键插入空白 关键帧，在舞台的中央画一矩形，在第70帧点右键插入空白关键帧， 在舞台的右下画一三角形。 选中图层1所有帧，在下方的属性栏选择形状补间，回车键进行测 试。 (2)波浪线制作 1、 设置宽300像素、高100像素的蓝色舞台。 2、 用钢笔工具画一条绿色波浪线。 3、 在图层1的第20帧、第40帧分别插入一个关键帧。 4、 选中第20帧上的波浪线，执行“修改一变形一垂直翻转”命令 F *吋问轴 1 *(S □ 1 1 1 H 1 ■ | 1 5 10 15 20 25 30 3S M 巾 45 團层1 .:: … “ 1 m | Jj ■|幻| 0 I 12.0 fps 3.3s XI, 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 1 1=〒时伺轴 * a □ f I 5 ID 15 20 3D 35 10 45 i h 0 D □ 壬一_-_-_ D Ell: ? * 口 Wf * | 圖创? S0 12.C tpS 4_1k  t ! ; 4、点击图层2将图层2的所有帧全部选中，在属性面板插入动作补 间，enter进行测试。 动画补间旋转的五角星 1、 新建背景为红色的文档 2、 选定图层1的第一帧，在工具箱选择“多角星形工具” 3、 在下方的属性面板里关于多角星形工具的属性里选择“选项” 4.在图层1的第一帧的左侧绘制一个五角星  5、使用工具箱的线条工具，并开启下方的磁体选项（磁体可以在画线时提供提示，方便选择贴紧顶点），从顶点向对角连线，绘制下面的图形 矗勺口 囹层1 1 5 10 15 ?丄