《Flash CS5工作过程导向标准教程》课件项目07

项目07制作网站横幅广告7.1项目说明7.2项目分析7.3项目实施7.4知识延伸7.5项目实训7.1项目说明

所谓横幅广告，也称为Banner广告，是网络广告的一种形式，它横跨于整个网页，多以Flash动画形式呈现。小王所在的广告公司接了一项红酒广告的全程推广业务，其中有一项内容是网站横幅广告的制作。要求主题明确，重点突出，节奏感强。

7.2项目分析

从某种意义上说，横幅广告实际上就是让平面广告“动”起来，放在网站上吸引人的注意力，从而达到广告效果。在设计本项目中的红酒广告时，要求色调尊贵典雅，突出品味，动画的节奏明快，在Flash技术上主要运用补间动画来完成。7.3项目实施

网站横幅广告的最大特点是字体大，文字少，视觉冲击力强，实施的关键在于动画的设计、版面的控制，制作技术并不困难，会使用基本的Flash工具与动画功能，就可以制作出漂亮的网站横幅广告。本项目的参考效果如图7-1所示。图7-1动画参考效果任务一：背景的处理

图7-2绘制的矩形图7-3选择“网格填充”

图7-4设置网格填充的参数图7-5填充网格后的效果图7-6动画背景效果任务二：制作幕布拉开动画

图7-7【将“幕布.psd”导入到舞台】对话框

图7-8【时间轴】面板图7-9【时间轴】面板

图7-10【库】面板图7-11调整幕布的位置图7-12【将“Logo.ai”导入到舞台】对话框

图7-13【时间轴】面板图7-14【变形】面板

图7-15【属性】面板图7-16调整“Logo”实例的位置图7-17【时间轴】面板图7-18调整第15帧处的“幕布”实例的位置图7-19翻转关键帧图7-20【时间轴】面板图7-21【时间轴】面板图7-22【时间轴】面板图7-23【变形】面板图7-24调整第50帧处的实例位置图7-25【时间轴】面板图7-26导入的图片任务三：制作文字动画

图7-27【时间轴】面板图7-28第40帧处的“文字1”实例属性图7-29【时间轴】面板图7-30导入的图片图7-31第65帧处的“产品”实例属性图7-32第70帧处的“产品”实例属性图7-33第85帧处的“产品”实例属性图7-34【时间轴】面板图7-35【属性】面板图7-36输入的文字图7-37分离文字图7-38分散到图层图7-39插入关键帧图7-40创建传统补间动画

图7-41“十”字的属性设置图7-42【时间轴】面板图7-43【时间轴】面板图7-44输入的文字图7-45【时间轴】面板图7-46输入的文字图7-47为文字应用动画图7-48为文字应用动画图7-49改变运动方向图7-50【时间轴】面板7.4知识延伸

知识点一：Deco工具

“Deco工具”是一个装饰画绘画工具，它可以将影片剪辑元件或图形元件作为绘图单元，以某种特定的计算方式创建复杂的几何图案。同时，它还可以创建烟动画、火焰动画等，是一个非常不错的动画辅助工具。图7-5113种绘制效果

1．藤蔓式填充

在【属性】面板中选择绘制效果为“藤蔓式填充”时，【属性】面板中的参数如图7-52所示。图7-52【属性】面板

2．网格填充

在【属性】面板中选择绘制效果为“网格填充”时，【属性】面板中的参数如图7-53所示。图7-53【属性】面板

3．对称刷子

在【属性】面板中选择绘制效果为“对称刷子”时，【属性】面板中的参数如图7-54所示。这种方式是以对称的形式绘制图案的。图7-54【属性】面板图7-55跨线反射

图7-56跨点反射

图7-57旋转图7-58网格平移

4．建筑物刷子

在【属性】面板中选择绘制效果为“建筑物刷子”时，【属性】面板中的参数如图7-59所示。这种方式可以绘制出系统提供的四种摩天大楼图案，在【高级选项】中可以选择不同的摩天大楼，或者随机创建。图7-59【属性】面板

5．花刷子

在【属性】面板中选择绘制效果为“花刷子”时，可以绘制花朵图案，此时【属性】面板中的参数如图7-60所示。图7-60【属性】面板

6．火焰动画

在【属性】面板中选择绘制效果为“火焰动画”时，可以创建火焰动画，此时【属性】面板中的参数如图7-61所示。图7-61【属性】面板图7-62创建火焰动画后的【时间轴】面板知识点二：补间动画

补间动画是一种新的动画类型，它是“基于对象的动画”。为了区别于以前版本中的补间动画，Flash把以前版本中的补间动画改称为“传统补间动画”。

补间动画是通过对同一对象的某种属性在不同帧之间赋予不同的值来创建的，该属性在两帧之间的部分由系统自动生成。图7-63属性关键帧图7-64提示框图7-65提示框

1．创建补间动画

创建补间动画的方法有两种：一是使用快捷菜单中的【创建补间动画】命令；二是使用菜单栏中的【插入】/【补间动画】命令。相比而言，前一种方法更方便。图7-66快捷菜单

图7-67快捷菜单图7-68【时间轴】面板

2．属性关键帧的创建

创建了补间动画以后，还需要设置属性关键帧，才可以得到相应的动画效果。图7-69【插入关键帧】命令子菜单知识点三：动画编辑器

制作补间动画时，既可以通过在舞台中直接操作对象的方式进行，也可以通过【动画编辑器】面板来完成。【动画编辑器】面板的操作非常类似于3dsmax或AE的操作。通过它可以查看所有补间属性以及属性关键帧。另外，【动画编辑器】面板也是精确设置动画属性的专业工具。图7-70【动画编辑器】面板图7-71插入属性关键帧图7-72缓动效果图7-73“简单(慢)”缓动效果的设置图7-74预设的缓动效果图7-75所有添加的缓动效果图7-76缓动曲线图7-77点的平滑属性图7-78四种点的类型图7-79直接操作曲线知识点四：【信息】面板

使用【信息】面板可以设置对象的宽度与高度，还可以设置对象在舞台中的精确位置。单击菜单栏中的【窗口】/【信息】命令，或者按下Ctrl + I命令，可以打开【信息】面板。图7-80改变对象的大小图7-81改变对象的位置知识点五：分散到图层

【分散到图层】命令可以快速地将同一帧中的对象分散到各个独立的图层中，从而为创建动画提供快速的操作途径。

执行该命令之前，必须先选择要操作的对象，这些对象可以位于一个图层中，也可以位于多个图层中。类型可以为图形、实例、位图、视频剪辑，也可以是分离后的单个文本。下面以文字为例介绍该命令的使用。图7-82输入的文字

图7-83分散到图层7.5项目实训

任务分析

本项目提供了一个背景图片，基本思路是：楼盘名称由小变大出现在画面中心