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