8.3 设计网站Flash广告（课件）-高二《网页设计与制作》同步教学（北京出版社）

8.3 设计网站Flash广告 任务导入 在老张的指导下，小赵已经知道了Flash的动画原理并掌握了五种基本动画的制作方法，但是如何将这五种基本动画集合在一起，制作一个完整的Flash广告呢？ 学习目标 1）会制作简单的Flash图片轮播广告。 2）会制作宣传短片广告。 3）会在Flash中应用声效。 8.3.1 制作Flash图片轮播广告（一） 下面制作4幅广告图片依次隐现，中间穿插中红色流光的酷炫效果，如图所示。 8.3.1 制作Flash图片轮播广告（二） （1）新建Flash文档（312×226），帧频为24fps，其他文档属性为默认值。 （2）新建一个背景图层，导入外部素材“背景.png”到库中，并把自动生成的图形元件拖入舞台中，设置为准确大小（312×226），放置位置坐标为绝对居中（X坐标轴和Y坐标轴都为0），并锁定起来，如图所示。 （3）单击“文件”菜单→“打开”命令，打开素材文件夹下的“流光.fla”，选中舞台上的流光影片剪辑，右键复制，然后关闭此fla文档。 （4）新建图层命名为“流光”，选中第一帧处，然后点击“编辑”菜单→“粘贴到中心位置”，把刚才复制的流光影片剪辑粘贴到编辑的舞台中。选中它，设置它的大小为312×226，调整色调为红色，不透明度为50%，最后把它锁定。 属性栏设置 8.3.1 制作Flash图片轮播广告（三） （5）下面制作图片轮显，其实是采用最简单补间动画，用Alpha透明效果慢慢显示出来，然后再慢慢消失。点击“插入”菜单→“新建元件”，新建一个名为“图片轮显”的影片剪辑，此时会自动进入到此影片剪辑的新编辑窗口。 （6）单击“文件”菜单→“导入”→“导入到库”命令，找到素材文件夹，同时选中“广告图片01”、“广告图片02”、“广告图片03”、“广告图片04”，导入到库中。 （7）修改图层名为“01”，在此图层第一帧放入“广告图片01”的图形元件，设置图形实际大小312×226，位置绝对居中（X:0，Y:0）。 （8）分别在01图层的第20帧、第40帧处，按F6键插入关键帧。并设置第1帧和第40帧下的图形元件属性：颜色选项为“Alpha”，不透明度为0%。然后设置补间动画。 01图层的时间轴结构 8.3.1 制作Flash图片轮播广告（四） （9）新建“02”图层，选中第40帧处，右键菜单中选择“转换为关键帧”。选中这一关键帧，放入“广告图片02”图形元件。中间间隔20帧，分别在第60帧、第80帧处插入关键帧。设置第40帧和第80帧下的图形元件属性：颜色选项为“Alpha”，不透明度为0%。加上补间动画。 （10）使用同样的方法，设置后面两张广告图片。 （11）单击“场景1”回到场景一舞台。 （12）回到场景一后，新建一个名为“轮显”的新图层，把之前我们做的图片轮显影片剪辑拖入“轮显”图层第一帧中。坐标绝对居中（X：0，Y：0）。 放入影片剪辑 8.3.1 制作Flash图片轮播广告（五） （13）由于这个影片剪辑中一开始就是透明图片，所以在场景一的舞台中，我们是看不到之前设计的广告图片轮显的，按Ctrl+Enter快捷键在影片测试中可以看到。 （14）单击“文件”菜单→“导入”→“导入到库”命令，导入外部素材“窗口.png”到库。新建一个名为“窗口”的新图层，并把其拖入图层的第一帧中。此时的时间轴结构和效果图如图。 至此，Flash图片轮播广告的制作完成。 （15）按Ctrl+S快捷键保存为fla文件. （16）按Ctrl+Enter快捷键测试影片效果。四幅广告图片依次隐现，中间穿插中红色流光的酷炫效果。 选中窗口图层的第一帧 8.3.2 制作Flash宣传短片广告（一） Flash企业宣传片头是Flash应用较为广泛的领域，同时它的设计难度也较高。许多漂亮的Flash片头，往往不只使用Flash来实现，而是结合了如3D MAX等设计软件。对于初学者来说，使用我们学过的知识，把五种基本动画完美地结合起来，加上你的构思和创意，完全可以自己设计简单的Flash片头。 对于不知从何下手的初学者来说，可以借鉴或采用别人设计好的Flash源文件，借用别人的设计风格，加入自己的设计元素，这样可以从整体上把握Flash的设计过程，而对于制作Flash片头来说，更加有用。 接下来，把一个优秀作品的设计源文件，改为我们自己公司的Flash片头。其中也将讲解修改网上下载的FLA源文件的技巧和一些注意事项。 8.3.2 制作Flash宣传短片广告（二） （1）打开Flash，单击“文件”菜单→“打开”命令，找到素材文件夹内的“源文件.fla”素材，双击打开。 （2）由于有的设计作品中含有一些我们电脑上所没有的字体，所以会弹出“缺少字体警告”，此时我们只