Flash动画设计基础与应用 教学课件 李艳萍 宁跃飞 王辉 第13讲.docVIP

应用案例 一、教学目的 根据这章多个的应用实例，多加练习实践，掌握掌握一些Flash常用效果的制作过程和发布的方法。 二、知识点 综合运用前面所学的知识制作一些常见的实例，比如百叶窗效果、网络广告的制作以及教学课件的制作等。本课学习的重点是对实例的剖析和具体的制作过程，是掌握一些常用效果的制作过程。 三、教学过程 1. 精彩实例演示讲解发布讲解 2. 动画短片的分析制作发布讲解 3. 网页广告设计分析制作发布讲解 4. 教学课件设计分析制作发布讲解 四、案例分析 【案例一】百叶窗效果 第1步：创建背景图 ? 新建Flash 文档并将其命名为“百叶窗效果”。选择【文件】?【导入】?【导入到库】命令，打开【导入到库】对话框，然后将“素材/ch13/a1.jpg、a2.jpg”素材文件导入到【库】面板中。如图13-1所示。 图13-1导入图片 ? 在【图层1】的第一帧处单击，将位图元件“a1.jpg”从【库】面板中拖曳到舞台中，然后按Ctrl+K组合键打开【对齐】面板，单击【水平居中】按钮和【垂直居中】按钮使其相对于舞台居中对齐。在第100帧处按【F6】键插入关键帧。如图13-2所示。 图13-2将位图a1.jpg拖入舞台中 ? 单击【插入图层】按钮，添加一个新图层【图层2】。然后在【图层2】的第20帧处按下【F7】键插入空白关键帧。如图13-3所示。 图13-3插入空白关键帧 ? 将位图元件“a2.jpg”从【库】面板中拖曳到舞台中，然后单击【对齐】面板中的【水平居中】按钮和【垂直居中】按钮使其相对于舞台居中对齐，并在第100帧处按【F6】键插入关键帧。如图13-4所示。 图13-4将位图a2.jpg拖入舞台中 第2步：创建遮罩效果 ? 按【Ctrl】+【F8】组合键，打开【创建新元件】对话框，在该对话框中的【名称】文本框输入“遮罩”作为元件的名称，然后在【类型】选项组中选择【影片剪辑】单选按钮。如图13-5所示。 图13-5【创建新元件】对话框 ? 单击按钮，进入元件编辑界面。如图13-6所示。 图13-6元件编辑界面 ? 单击工具箱中的【矩形】工具，并将【填充颜色】设置为【黑色】，然后在工作区域中绘制出一系列连续的矩形。如图13-7所示。 图13-7绘制矩形条 ? 按【Ctrl】+【E】组合键返回主场景中。单击【插入图层】按钮，添加一【图层3】，然后再该图层的第20帧处按下【F6】键插入关键帧。如图13-8所示。 图13-8新建一图层 ? 将影片剪辑元件【遮罩】从【库】面板中拖曳到舞台中并调整其大小和位置，使元件的右端与图片的左端相连。如图13-9所示。 图13-9将影片剪辑元件拖入舞台中 ? 在【图层3】的第40帧处按下【F6】键插入关键帧，然后拖动元件实例【遮罩】向右移动直到将图片完全遮盖住。如图13-10所示。 图13-10移动遮罩元件 ? 在【图层3】的第60帧处按下【F6】键插入关键帧，并将其第20帧中的内容复制到第100帧处。如图13-11所示。 图13-11插入关键帧 ? 在【图层3】的第20帧处到第40帧之间单击鼠标右键，在弹出的快捷键菜单中选择【创建补间动画】命令，创建动作补间动画。同样在第60帧处到第100帧之间创建补间动画。如图13-12所示。 图13-12创建补间动画 ? 在【图层3】的图标上单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令，将该图层设置为遮罩层。如图13-13所示。 图13-13添加遮罩层 第3步：添加声音 ? 选择【文件】?【导入】?【导入到库】命令，将“素材/ch13/断点.mp3”声音文件导入到【库】面板中。如图13-14所示。 图13-14导入声音 ? 单击【插入图层】按钮，添加一个新图层并将其命名为【声音】。如图13-15所示。 图13-15添加声音图层 ? 选中【声音】图层中的第1帧，然后将【库】面板中的声音文件【断点.mp3】拖曳舞台中。如图13-16所示。 图13-16将声音拖到舞台中 ? 按【Ctrl】+【Enter】组合键，打开预览窗口对影片进行测试 图13-17最终效果 【案例二】网页广告条设计 第1步：创建背景图像 ? 新建一个Flash空白文档，在其【属性】面板中设置文档大小为“800×150像素”如图所示。 ? 选择【文件】?【导入】?【导入到库】命令，打开“素材/ch13/t1-t4.jpg”素材文件。如图所示。 ? 将位图“t1.jpg”拖曳到舞台中，并调整其大小和位置，设置宽为“100”，高为“100”。如图所示。 ? 对位图“t2-t4.jpg”进行同样的操作，并调整其位置，将图片排列在一起，如图所示。 ? 把所有图片复制，并粘贴成如下图所示的样子。 第2步：添加元件 ? 选择【插入】?【新建元件】命令，打开【创建新建元件】对话框，创建一个名为“