第13章 网页广告的制作.ppt

第13章网页广告的制作 在许多网站上 都可以看到动感十足的网页广告存在 这些网页广告色彩丰富 节奏明快 刺激着访客的眼球 快速有效地传递着各式各样的信息 广告已经渗透了互联网的每个角落 变得无所不在 从这个意义上说 广告已经成为网页的重要组成部分 而这些广告中 有相当一部分是用Flash制作的 用Flash制作的广告 具有用其他软件制作的广告所不能比拟的优点 本章将通过Flash广告制作的实例 来向读者展示用Flash制作广告的方法 13 1Flash网页广告概述 在学习制作Flash广告之前 首先需要了解Flash广告的特点以及常见的表现形式 了解了这些 才能根据实际投放网络广告的需要选择是否用Flash来制作广告 以及应当采用何种广告形式 13 1 1Flash广告的特点 由于使用Flash制作的广告具有以下诸多特点 这使得Flash软件成为制作网页广告的首选工具 1 适合网络传输2 表现形式多样3 可以实现交互 13 1 2Flash广告的常见形式 根据广告在网页上出现位置和出现方式的不同 通常可以将广告区分为以下几种形式 而这些形式 也是Flash广告经常采用的表现形式 13 1 2Flash广告的常见形式 1 嵌入式 网页上的Banner广告网页上的Logo广告 13 1 2Flash广告的常见形式 2 浮动式 网页上的浮动广告网页上的游标广告 13 1 2Flash广告的常见形式 3 弹出式 网页上的弹出式广告 13 1 3网页广告的常用尺寸 在制作网页中的广告时 无论该广告采用何种形式 位于什么位置 都有一套标准化的尺寸规格可循 13 1 4制作网页广告的一般流程 在学习用Flash制作网页广告之前 首先需要了解网页广告的制作流程 使用Flash制作网页广告的流程一般包括以下内容 1 确定广告主题2 广告构思设计3 制作广告4 测试并发布 13 2banner广告的制作 本范例是一个用于宣传软件产品的banner广告 该广告的宣传主体是华禹天元科技开发的软件产品 华禹信息即时通讯系统 13 2 1制作广告元素 步骤如下 修改文档属性在元件内放置图片 勾勒logo图形轮廓填充logo图形 13 2 1制作广告元素 步骤如下 添加文本后的logo图形添加文本 13 2 1制作广告元素 步骤如下 添加问号调整 问号 实例 4个帧上的 问号 实例 13 2 2制作补间动画 在本范例的广告中 将会以两个问句来吸引浏览者的注意 这两个问句以迅速渐入的方式出现在舞台上 然后又会以迅速渐出的方式离开舞台 这种表现方式主要通过Flash的补间动画来完成 13 2 2制作补间动画 步骤如下 绘制与舞台同样大小的矩形线性渐变填充设置放置txt 0影片剪辑元件 13 2 2制作补间动画 步骤如下 txt 0图层时间轴的帧分布 修改第1帧上实例的属性放置txt 1影片剪辑元件 13 2 2制作补间动画 步骤如下 问号 图层时间轴的帧分布 测试目前影片效果 13 2 3制作路径引导动画 上一节制作的动画部分完成后 接下来需要制作一段该产品的CD图片沿一定路径飞入舞台的动画 这种动画表现的方式主要通过Flash的运动引导层功能来实现 13 2 3制作路径引导动画 步骤如下 放置cd影片剪辑元件 CD图层时间轴的帧分布 13 2 3制作路径引导动画 步骤如下 绘制引导线 调整white影片剪辑属性 13 2 3制作路径引导动画 步骤如下 创建补间动画测试目前影片效果 13 2 4制作遮罩动画 放置txt 2影片剪辑元件修改直线的形状 13 2 4制作遮罩动画 放置遮罩元件利用遮罩层制作的亮光效果 13 2 5完成广告 广告影片的主要内容播放完毕后 将会出现产品生产商的有关信息 如标识和客服热线等 同时 在广告播放时 广告受众可以通过单击该广告进入载有该产品信息的网页 接下来将通过添加这些内容 完成该广告的制作 13 2 5完成广告 步骤如下 绘制与舞台同样大小的矩形调整bg w影片剪辑的位置 13 2 5完成广告 步骤如下 放置btn按钮元件广告片尾和隐形按钮效果 13 3弹出式广告的制作 本范例是一个用于旅游业务宣传的弹出式广告 该广告主要利用文字构成的图形组成 通过本范例的学习 读者可以进一步熟悉广告动画的制作流程 并掌握一种利用逐帧动画来制造动感的方法 13 3弹出式广告的制作 13 3 1制作广告元素 由于本范例的广告主要由文字图案组成 故在制作广告前 应当首先将所有的文字图形制作好 另外 在广告中还需要用到一个男人的头像和不断闪动的背景 也应当事先绘制好 13 3 1制作广告元素 步骤如下 绘制轮廓填充图形人物图形 13 3 1制作广告元素 步骤如下 排列文本填充颜色绘制气泡图形 13 3 1制作广告元素 步骤如下 balloon 1元件内的文本balloon 2元件内的文本balloon 3元件内的文本排列文本 13 3 2第1阶段动画 思考 本范例中 各种文字图形会以一些充满动感的方式出现 本范例的第一部分 即问句 假期去哪里玩 的弹出动画就是利用了一种简单的逐帧动画制作技术 13 3 2第1阶段动画 思考 步骤如下 放置txt 1影片剪辑元件测试第1阶段动画的效果 13 3 3第2阶段动画 选择 在这一部分中 假期去哪里玩 的字样将退出舞台 紧接着 人物的头像出现在舞台上 并以人物思索的形式弹出几种旅游目的地的选择项 13 3 3第2阶段动画 选择 步骤如下 放置balloon 1影片剪辑元件制作三个气泡的弹出动画测试第2阶段动画的效果 13 3 4第3阶段动画 犹豫 在这一部分中 表示人物想法的三个气泡将退出舞台 紧接着 我只有一天的时间啊 字样将弹出显示在舞台上 并不停地上下晃动 以表现人物犹豫不决的心态 13 3 4第3阶段动画 犹豫 步骤如下 制作txt 2 move实例动画测试3阶段动画的效果 13 3 5第4阶段动画 肯定 在这一部分中 足够了 三个大字将从舞台左侧快速冲进舞台 并将舞台上的原有内容向右挤出舞台 这一过程在动画中要表现得分量十足些 以表现出可以打消顾虑的肯定感 13 3 5第4阶段动画 肯定 步骤如下 放置txt 3影片剪辑实例测试第4阶段