7.1网页横幅（课件）-《Flash动画设计与制作（第二版）》同步教学（劳动版）

任务 1 网页横幅 任务 2 文具广告 项目七 网站应用 Flash 动画作品具有播放速度快、交互性强、视觉冲击力好等特点，因此，被广泛应用在网站设计中。本项目以网页横幅和文具广告的制作为例，介绍 Flash 动画在网站中的应用。 任务 1　网页横幅 1. 掌握滤镜的作用、种类和应用方法。 2. 能综合应用动画技术、滤镜以及 ActionScript 语句制作网页横幅。 本任务是一个网页横幅制作实例，综合应用动画技术、滤镜以及 ActionScript 语句制作欢乐熊猫文具网站的横幅，效果如图所示。通过本任务的学习，掌握网页横幅的制作方法、滤镜在动画中的应用技巧，以及简单的 ActionScript 语句。 网页横幅效果图 一、滤镜的作用 使用滤镜可以为文本、按钮和影片剪辑元件增添有趣的视觉效果。 二、应用滤镜的方法 （1）在 Flash 中选定要添加滤镜效果的对象，打开“属性”面板，选择“滤镜”选项卡，然后单击“添加滤镜”按钮 ，弹出下拉菜单，如图所示。 滤镜下拉菜单 （2）从下拉菜单中选择一种滤镜后，在“滤镜”选项卡中进行设置，如图所示，即可为对象添加滤镜效果。 设置滤镜 三、滤镜种类 Flash 滤镜有投影、模糊、发光、斜角、渐变发光、渐变斜角、调整颜色七种。 （1）投影：投影滤镜可以模拟对象在阳光照射下产生的阴影。 （2）模糊：模糊滤镜可以使对象在 X和 Y轴上进行模糊，从而产生柔化效果。 （3）发光：发光滤镜的作用是在对象的周围产生光芒。 （4）斜角：斜角滤镜的作用是使对象产生立体的浮雕效果。 （5）渐变发光：渐变发光的效果和发光滤镜的效果基本一致，只是用户可以调节发光的颜色为渐变颜色，还可以设置角度、距离和类型。 （6）渐变斜角：渐变斜角的效果和斜角滤镜的效果基本一致，只是用户可以调节斜角的颜色为渐变颜色，还可以设置角度、距离和类型。 （7）调整颜色：调整颜色滤镜可以调整对象的亮度、对比度、饱和度和色相。 1. 创建网页横幅影片文档 新建一个 Flash 文档，设置舞台大小为 800 像素 ×150 像素， 背景为橙色（#FF9933），将文件保存为“网页横幅 .fla”。 2. 复制文具广告库中的标志元件 打开素材文件“文具广告库 .fla”，将“库”面板中的“标志”元件粘贴到当前文档的“库”面板中备用。 3. 绘制矩形条 将图层 1 重命名为“矩形条”，在舞台底部绘制一个浅黄色（#FFCC66）的矩形条，用来放置按钮，如图所示。在第 40 帧插入帧，锁定该图层。 绘制矩形条 4. 绘制圆 新建“圆”图形元件，选择椭圆工具，设置笔触颜色为白色，笔触高度为 3，填充颜色为无，绘制一个圆，如图所示。 绘制圆 5. 制作圆闪动效果 （1）新建“圆闪动”影片剪辑元件，从“库”面板中将“圆”元件拖动到编辑区中，在第 10 帧插入关键帧，将元件放大到 200%，Alpha 值设为 50%，选择第 1 帧，在“属性”面板中创建动画补间动画。 （2）选中图层 1 中所有帧，单击鼠标右键，从快捷菜单中选择“复制帧”选项。 （3）新建图层 2，选中第 5 帧，单击鼠标右键，从快捷菜单中选择“粘贴帧”选项，删除图层 2 中多余的帧。“圆闪动”元件的时间轴如图所示。 “圆闪动”元件的时间轴 （4）圆闪动效果进舞台。返回场景 1，新建“圆闪动”图层，选择第 1 帧，从“库”面板中将“圆闪动”影片剪辑元件拖动到舞台中，复制多个，适当调整大小，将Alpha 值降为 30%，如图所示。锁定“圆闪动”图层。 舞台中的圆闪动 6. 标志进舞台 新建“标志”图层，选择第 1 帧，从“库”面板中将“标志”元件拖动到舞台中，放在舞台左侧，如图所示，锁定“标志”图层。 舞台中的标志 7. 制作文字效果 （1）输入文字 新建“文字”图形元件，输入文字“欢乐熊猫”，字体为华文琥珀，字体大小为40，颜色为白色。 （2）添加滤镜 1）选中文字，打开“属性”面板，选择“滤镜”选项卡，然后单击“添加滤镜”按钮 ，弹出下拉菜单。 2）从下拉菜单中选择“渐变发光”，如图所示，在“滤镜”选项卡中设置距离为 3，其他不变，为对象添加滤镜效果，如图所示。文字效果如图所示。 选择滤镜效果 添加滤镜后的效果 滤镜设置 （3）制作舞台文字效果 1）返回场景 1，新建“文字”图层，选择第 1帧，从“库”面板中将“文字”元件拖动到舞台中，放置在如图所示位置。 2）在第 12 帧、第 19 帧插入关键帧，选择第 1 帧，将“文字”元件缩到很小，将Alpha 值设为 0%；选择第 19 帧，将“文字”元件放大到 200%，将 Alpha 值设为 0%。在第 1～12 帧、第 12～19 帧之间创建动画补间动画。 第 1 帧的文字 3）在第 20 帧、第 22 帧插入空白关键