《网页广告的制作.ppt》由会员分享，可在线阅读，更多相关《网页广告的制作.ppt（42页珍藏版）》请在三一文库上搜索。
1、第13章 网页广告的制作,13.1 Flash网页广告概述,在学习制作Flash广告之前，首先需要了解Flash广告的特点以及常见的表现形式。了解了这些，才能根据实际投放网络广告的需要选择是否用Flash来制作广告，以及应当采用何种广告形式。,13.1.1 Flash广告的特点,由于使用Flash制作的广告具有以下诸多特点，这使得Flash软件成为制作网页广告的首选工具。 1适合网络传输 2表现形式多样 3可以实现交互,13.1.2 Flash广告的常见形式,根据广告在网页上出现位置和出现方式的不同，通常可以将广告区分为以下几种形式，而这些形式，也是Flash广告经常采用的表现形式。,13.1
2、.2 Flash广告的常见形式,1嵌入式,网页上的Banner广告 网页上的Logo广告,13.1.2 Flash广告的常见形式,2浮动式,网页上的浮动广告 网页上的游标广告,13.1.2 Flash广告的常见形式,3弹出式,网页上的弹出式广告,13.1.3 网页广告的常用尺寸,在制作网页中的广告时，无论该广告采用何种形式、位于什么位置，都有一套标准化的尺寸规格可循。,13.1.4 制作网页广告的一般流程,在学习用Flash制作网页广告之前，首先需要了解网页广告的制作流程。使用Flash制作网页广告的流程一般包括以下内容。 1确定广告主题 2广告构思设计 3制作广告 4测试并发布,13.2 b
3、anner广告的制作,本范例是一个用于宣传软件产品的banner广告，该广告的宣传主体是华禹天元科技开发的软件产品华禹信息即时通讯系统。,13.2.1 制作广告元素,步骤如下:,修改文档属性 在元件内放置图片,勾勒logo图形轮廓 填充logo图形,13.2.1 制作广告元素,步骤如下:,添加文本后的logo图形 添加文本,13.2.1 制作广告元素,步骤如下:,添加问号 调整“问号”实例,4个帧上的“问号”实例,13.2.2 制作补间动画,在本范例的广告中，将会以两个问句来吸引浏览者的注意。这两个问句以迅速渐入的方式出现在舞台上，然后又会以迅速渐出的方式离开舞台。这种表现方式主要通过Flas
4、h的补间动画来完成。,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图层时
5、间轴的帧分布,13.2.3 制作路径引导动画,步骤如下:,绘制引导线,调整white影片剪辑属性,13.2.3 制作路径引导动画,步骤如下:,创建补间动画 测试目前影片效果,13.2.4 制作遮罩动画,放置txt_2影片剪辑元件 修改直线的形状,13.2.4 制作遮罩动画,放置遮罩元件 利用遮罩层制作的亮光效果,13.2.5 完成广告,广告影片的主要内容播放完毕后，将会出现产品生产商的有关信息，如标识和客服热线等。同时，在广告播放时，广告受众可以通过单击该广告进入载有该产品信息的网页。接下来将通过添加这些内容，完成该广告的制作。,13.2.5 完成广告,步骤如下:,绘制与舞台同样大小的矩形 调
6、整bg_w影片剪辑的位置,13.2.5 完成广告,步骤如下:,放置btn按钮元件 广告片尾和隐形按钮效果,13.3 弹出式广告的制作,本范例是一个用于旅游业务宣传的弹出式广告，该广告主要利用文字构成的图形组成。通过本范例的学习，读者可以进一步熟悉广告动画的制作流程，并掌握一种利用逐帧动画来制造动感的方法。,13.3 弹出式广告的制作,13.3.1 制作广告元素,由于本范例的广告主要由文字图案组成，故在制作广告前，应当首先将所有的文字图形制作好。另外，在广告中还需要用到一个男人的头像和不断闪动的背景，也应当事先绘制好。,13.3.1 制作广告元素,步骤如下:,绘制轮廓 填充图形 人物图形,13.
7、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阶段动画选择,在这一部分中，“假期去哪里玩？”的字样将退出舞台。紧接着，人物的头像出现在舞台上，并以
8、人物思索的形式弹出几种旅游目的地的选择项。,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阶段动画的效果,13.3.6 第5阶段动画答案,在这一部分中，“足够了”三个字将迅速缩入舞台中心，继之以“快快报名”字样的弹出显示。在“快快报名”字样的显示过程中，该字样还会出现闪动效果。,13.3.6 第5阶段动画答案,步骤如下:,放置txt_4影片剪辑元件 测试广告动画的效果,