《网页广告的制作》PPT课件

《《网页广告的制作》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第13章网页广告的制作在许多网站上，都可以看到动感十足的网页广告存在。这些网页广告色彩丰富、节奏明快，刺激着访客的眼球，快速有效地传递着各式各样的信息。广告已经渗透了互联网的每个角落，变得无所不在。从这个意义上说，广告已经成为网页的重要组成部分。而这些广告中，有相当一部分是用Flash制作的。用Flash制作的广告，具有用其他软件制作的广告所不能比拟的优点。本章将通过Flash广告制作的实例，来向读者展示用Flash制作广告的方法。13.1Flash网页广告概述在学习制作Flash广告之前，首先需要了解Flash广告的特点以及常见的表现形式。了解了这些，才能根据实际

2、投放网络广告的需要选择是否用Flash来制作广告，以及应当采用何种广告形式。13.1.1Flash广告的特点由于使用Flash制作的广告具有以下诸多特点，这使得Flash软件成为制作网页广告的首选工具。1．适合网络传输2．表现形式多样3．可以实现交互13.1.2Flash广告的常见形式根据广告在网页上出现位置和出现方式的不同，通常可以将广告区分为以下几种形式，而这些形式，也是Flash广告经常采用的表现形式。13.1.2Flash广告的常见形式1．嵌入式网页上的Banner广告网页上的Logo广告13.1.2Flash广告的常见形式2．浮动式网页上的浮动广告网页上的

3、游标广告13.1.2Flash广告的常见形式3．弹出式网页上的弹出式广告13.1.3网页广告的常用尺寸在制作网页中的广告时，无论该广告采用何种形式、位于什么位置，都有一套标准化的尺寸规格可循。13.1.4制作网页广告的一般流程在学习用Flash制作网页广告之前，首先需要了解网页广告的制作流程。使用Flash制作网页广告的流程一般包括以下内容。1．确定广告主题2．广告构思设计3．制作广告4．测试并发布13.2banner广告的制作本范例是一个用于宣传软件产品的banner广告，该广告的宣传主体是华禹天元科技开发的软件产品——华禹信息即时通讯系统。13.2.1制作广告元

4、素步骤如下:修改文档属性在元件内放置图片勾勒logo图形轮廓填充logo图形13.2.1制作广告元素步骤如下:添加文本后的logo图形添加文本13.2.1制作广告元素步骤如下:添加问号调整“问号”实例4个帧上的“问号”实例13.2.2制作补间动画在本范例的广告中，将会以两个问句来吸引浏览者的注意。这两个问句以迅速渐入的方式出现在舞台上，然后又会以迅速渐出的方式离开舞台。这种表现方式主要通过Flash的补间动画来完成。13.2.2制作补间动画步骤如下:绘制与舞台同样大小的矩形线性渐变填充设置放置txt_0影片剪辑元件13.2.2制作补间动画步骤如下:txt_0图层时间

5、轴的帧分布修改第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影片

6、剪辑元件修改直线的形状13.2.4制作遮罩动画放置遮罩元件利用遮罩层制作的亮光效果13.2.5完成广告广告影片的主要内容播放完毕后，将会出现产品生产商的有关信息，如标识和客服热线等。同时，在广告播放时，广告受众可以通过单击该广告进入载有该产品信息的网页。接下来将通过添加这些内容，完成该广告的制作。13.2.5完成广告步骤如下:绘制与舞台同样大小的矩形调整bg_w影片剪辑的位置13.2.5完成广告步骤如下:放置btn按钮元件广告片尾和隐形按钮效果13.3弹出式广告的制作本范例是一个用于旅游业务宣传的弹出式广告，该广告主要利用文字构成的图形组成。通过本范例的学习，读者可

7、以进一步熟悉广告动画的制作流程，并掌握一种利用逐帧动画来制造动感的方法。13.3弹出式广告的制作13.3.1制作广告元素由于本范例的广告主要由文字图案组成，故在制作广告前，应当首先将所有的文字图形制作好。另外，在广告中还需要用到一个男人的头像和不断闪动的背景，也应当事先绘制好。13.3.1制作广告元素步骤如下:绘制轮廓填充图形人物图形13.3.1制作广告元素步骤如下:排列文本填充颜色绘制气泡图形13.3.1制作广告元素步骤如下:balloon_1元件内的文本balloon_2元件内的文本balloon_3元件内的文本排列文本13.3.2第1阶段动画——思考本范例