《Flash动画设计与制作（第三版）》项目七 网站应用

Flash动画设计与制作（第三版）230项目七

网站应用231项目七

网站应用232Flash动画作品具有播放速度快、交互性强及视觉冲击力高等特点，因而被广泛应用在网站设计中。本项目以网页横幅和文具广告的制作为例，介绍Flash动画在网站设计中的应用。任务1制作网页横幅任务2制作文具广告233项目七

网站应用234任务一

制作网页横幅学习目标掌握滤镜的作用、应用方法和种类能综合应用动画技术、滤镜以及ActionScript语句制作网页横幅235任务描述236本任务是一个网页横幅制作实例，综合应用动画技术、滤镜以及ActionScript语句来制作欢乐熊猫文具网站的横幅，效果如图7-1-1所示。要完成本任务，除了掌握网页横幅的制作方法及滤镜在动画中的应用技巧外，还要掌握简单的ActionScript语句。图6-1-1 儿童节贺卡效果图相关知识237一、滤镜的作用使用滤镜可以为文本、按钮或影片剪辑元件增添有趣的视觉效果，如使对象发光和添加投影等，也可以混合应用多种效果。在应用滤镜后，可以随时改变它各选项的值，或者调整滤镜的添加顺序，以生成不同效果。相关知识238二、应用滤镜的方法1.在Flash中选定要添加滤镜效果的对象，打开“属性”面板，选择“滤镜”选项卡，然后单击“添加滤镜”按钮

，弹出下拉菜单，如图7-1-2所示。2.从下拉菜单中选择一种滤镜，在“滤镜”选项卡中进行设置，如图7-1-3所示，即可为对象添加滤镜效果。图7-1-3 设置滤镜图7-1-2 滤镜下拉菜单相关知识239三、滤镜种类Flash滤镜分为投影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色共七种。1.投影：投影滤镜可以模拟对象在阳光照射下产生的阴影。2.模糊：模糊滤镜可以使对象在X轴和Y轴上进行模糊，从而产生柔化效果。3.发光：发光滤镜的作用是在对象的周围生成光芒。4.斜角：斜角滤镜的作用是使对象产生立体的浮雕效果。5.渐变发光：渐变发光滤镜的效果与发光滤镜的效果基本一致，只是用户可以调节发光的颜色为渐变颜色，还可以设置发光的角度、距离和类型。6.渐变斜角：渐变斜角滤镜的效果与斜角滤镜的效果基本一致，只是用户可以调节斜角的颜色为渐变颜色，还可以设置斜角的角度、距离和类型。7.调整颜色：调整颜色滤镜可以调整对象的亮度、对比度、饱和度和色相。240任务二

制作文具广告学习目标掌握时间轴特效的类型以及添加时间轴特效的步骤能综合应用动画技术和时间轴特效制作多场景动画241任务描述242本任务是一个网络广告制作实例，综合应用动画技术和时间轴特效来制作欢乐熊猫文具广告，效果如图7-2-1所示。要完成本任务，除了掌握时间轴特效的使用方法外，还要进一步掌握多场景动画的制作方法。图7-2-1 欢乐熊猫文具广告效果图相关知识243一、时间轴特效Flash为用户提供了一些常用的动画命令，只要选中命令，就会自动生成动画效果，从而简化动画的制作过程，这些自动生成动画的功能就是时间轴特效。可以应用时间轴特效的对象有文本、图形、位图、按钮和影片剪辑元件等。相关知识244二、添加时间轴特效的步骤1.选择要添加时间轴特效的对象。2.执行“插入”→“时间轴特效”命令，从级联菜单中选择一种特效，如图7-2-2所示。用户也可以在选取对象后单击鼠标右键，从弹出的快捷菜单中选取“时间轴特效”中的相应特效。图7-2-2 添加时间轴特效相关知识245二、添加时间轴特效的步骤3.在打开的对应特效对话框中设置参数值，单击“更改预览”按钮预览特效效果，设置完成后单击“确定”按钮。Flash将把应用特效的对象放置在一个新的图层中（图层名称就是特效名称后加数字），并在“库”面板中添加一个特效文件夹和一个与图层名称相同的图形元件。相关知识246三、时间轴特效的类型Flash内置的时间轴特效分为变形、转换、分布式直接复制、复制到网络、分离、展开、投影和模糊共八种。1.变形：通过调整对象的位置、缩放比例、旋转、Alpha值和色调，产生淡入淡出、缩放以及旋转特效。2.转换：对选定对象进行擦除和淡入淡出处理，产生逐渐过渡的特效。3.分布式直接复制：复制选定的对象，使对象按一定增量发生改变。4.复制到网络：先按列数复制选定对象，然后乘以行数，创建元素的网格。5.分离：将文本、元件和形状等元素分裂、自旋和向外弯曲，使对象产生爆