《网络广告学》PPT课件.ppt

《《网络广告学》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《网络广告学》PPT课件.ppt（194页珍藏版）》请在三一办公上搜索。

1、第五章 网络广告制作,第五章 网络广告制作,5.1 网络广告制作流程 5.2 网络广告制作的构思5.3 网络广告文案的撰写5.4 网络广告得图形与图像5.5 网络广告平面画面的制作5.6 网络广告动画画面的制作5.7 网络广告立体画面的制作5.8 富媒体广告的制作,5.1 网络广告制作流程,5.1 网络广告制作流程 图5-1是网络广告制作的基本流程。5.2 网络广告制作的构思 5.2.1 网络广告构思的基本含义 网络广告构思是依据确定的网络广告创意所进行的具体策划活动。网络广告制作是使用艺术手法表现构思的过程。,图5-1 网络广告制作的基本流程,5.2.2 网络广告构思的基本原则 法则1：不要

2、盲从任何法则。真正的构思是不受任何限制的，如果想要获得属于自己的独特创意，就必须让自己的思维不被任何约定俗成的东西所左右。法则2：以感性的画面去表现。表现独特的销售理念，表现与竞争对手的差异，表现产品的持久性。例如，劲量十足的小兔子、无所事事的修理工等广告形象都充满了感性化色彩。,5.2 网络广告制作的构思,法则3：制定一个蓝图，使之成为整个工作的指南。蓝图中将包括一个复杂的消费群前景利益分析，其中应该包含地域等一系列详细的分类信息，内容越具体、越详细越好。这个利益分析表将用于说服高层管理人员支持广告宣传。蓝图中还应包括用户的喜好、憎恶、职业等众多细节，确定广告宣传的受众。,5.2 网络广告制

3、作的构思,法则4：敢冒风险。一个杰出的广告或推广活动是建立在过目不忘的基础上的。这就意味着，广告需要给人以惊奇、震撼，这样才会让受众牢牢记住广告宣传的产品。新奇的创意会吸引无数目光。但是，好点子往往得来不易。要时刻留心每一个有价值的创意，不要去考虑那些陈词滥调。,5.2 网络广告制作的构思,5.2.3 网络广告构思的基本思路 1引起注意 消费者对网络广告的认识离不开注意。2内容新颖 顾客最终掏出钱来购买商品要经过货类和货主两个选择。前一种选择是究竟购买什么样的商品，后一种选择是究竟购买谁的商品。,5.2 网络广告制作的构思,3具有吸引力 传统的广告构思，往往追求的是认同和接受。而在网络上，消费

4、者则有了独立的选择余地。因此，因特网上网络广告的构思，追求的是广告的吸引力。网络广告的构思不仅需要有一般广告设计专家的参与，而且需要有网络技术专家的参与。,5.2 网络广告制作的构思,5.3 网络广告文案的撰写 5.3.1 撰写网络广告文案的原则 1主旨明确 一个专业的、有营销意识的网络广告，应该让访问者（潜在客源）能马上了解到这个网络广告及其业务是什么。网络广告的文案是用以实现网络广告经营战略的主要手段之一，网络广告的文案内容是决定网络广告能否吸引人的内核。,5.3 网络广告文案的撰写,2内容为主 网络广告是以实现广告经营战略为目标、对网络广告各要素展开的综合规划，而不仅仅包括图像。3照顾大

5、多数 很多网络广告技术挂帅，不注意网络广告文案的写作，以为采用的技术越复杂、越时髦越好。,5.3 网络广告文案的撰写,5.3.2 网络广告文案的撰写过程 1网络广告文案写作 网络广告文案写作程序可以分为4个阶段（见图5-2）。2网络广告文案写作的“爱达公式”爱达公式也称AIDA法则，它是从消费者的接受心理为出发点提出的广告文案创作模式。其基本思路是通过广告文案改变或者强化消费者的思想观念。具体包括4方面的内容。,5.3 网络广告文案的撰写,图5-2 广告文案的写作程序,（1）标题：引起消费者注意（Attention）。（2）正文开头：使消费者产生兴趣（Interest）。（3）正文中间：增强消

6、费者的信任感，并引发 其购买欲望（Desire）。（4）正文结尾：让消费者从心动转为行动（Action）。,5.3 网络广告文案的撰写,5.3.3 网络广告文案的构成 网络广告的文案主要由标题、正文和标号组成。1网络广告的标题 1）网络广告标题的职能 好的网络广告的标题有4个基本的职能：（1）点明主题，引人注目。（2）引起兴趣，诱读全文。,5.3 网络广告文案的撰写,（3）加深印象，促进购买。（4）抓住目标对象。2）网络广告标题的制作（1）陈述式标题的制作。（2）疑问式标题的制作。（3）祈使性标题的制作。,5.3 网络广告文案的撰写,图5-3 浪潮电脑在门户站点搜狐上所做的陈述式标题广告,图5

7、-4 美国某公司在著名搜索站点Yahoo上所做的广告,图5-5 祈使性标题广告,2网络广告的正文 1）网络广告正文的职能 网络广告的正文主要是对标题以及网络广告内容主题的解释，是网络广告的主体部分。2）网络广告正文的写作原则 广告学大师大卫奥格威的广告正文写作原则至今仍是广告文案人员尊崇的原则。,5.3 网络广告文案的撰写,（1）要直截了当地用准确的语言来写作。（2）不要用最高级的形容词、一般化字眼和陈词滥调，要讲实事并且把实事讲得引人入胜。（3）要经常运用用户经验谈广告信（4）向读者提供有用的咨询或者服务，而不仅仅单纯地讲产品本身。,5.3 网络广告文案的撰写,（5）避免文学派的广告。（6）

8、避免唱高调。（7）用消费者的通俗语言写作文案。（8）不要贪图写作获奖广告文案。（9）衡量优秀广告文案人员的标准是看他们使多少新产品在市场上腾飞，而不是用文字娱乐读者。,5.3 网络广告文案的撰写,3）网络广告正文的制作 在制作正文时，最吸引人的应当先说，然后再将其他内容依次展开。措辞要讲究，适当使用形容词以及修辞手段，吸引力会更大。要富有亲和力，让读者喜闻乐见，使读者在思想上、在视觉上都产生愉悦感。着笔尽量要简洁清净，让读者能在最短的时间内，了解你想呈现给人家的是什么，给人家一幅清晰的画卷。,5.3 网络广告文案的撰写,将读者置于第二人称。开门见山，直截了当，句子越短越好。就文本内容的表现而言

9、，记住尽量别让一行文字的宽度横跨整个屏幕。内容主体部分的文字字体最好使用软件的默认值。应该适度地使表现形式活跃起来。每页都得有个“栏头”，就是页面最顶端出现的那行文字，英语为“Title”，国内也常翻译成“标题”。,5.3 网络广告文案的撰写,5.3.4 网络广告文案写作的技巧 1提供免费 2设置悬念 3跟随流行 4满足需求 5简单明了 6明确导向,5.3 网络广告文案的撰写,图5-6 农夫山泉在新浪网上投放的利用免费作为吸引网民的广告,图5-7 悬念广告,图5-8 中国金桥电子商务网主页上的悬念广告,图5-9 大话西游的因特网主页,图5-10 中国招聘求职网上有需求针对性的网络广告,图5-1

10、1 太平洋保险公司在中国万游网上所做的有需求针对性的广告,图5-12 美国Cymeals公司在著名搜索站点Yahoo上所做的网络广告,图5-13 雅虎网页上的旗帜广告,图5-14 北京在线上霸迪电脑公司刊登的网络广告画面,案例：西门子SX1手机：简单的创意，不简单的生活 1广告创意 西门子SX1手机新品上市，希望雅虎用户了解并熟悉SX1多种强大功能，培养消费意见领袖。2解决方案（1）构思活动主题。,5.3 网络广告文案的撰写,（2）针对SX1拥有图片制作功能，举办“简单的创意，不简单的生活”图片创意大赛。（3）在雅虎通为SX1定制专属聊天背景，加强SX1的亲和力，吸引更多网友浏览SX1功能。（

11、4）与雅虎电邮联合举办“注册雅虎免费电邮，送SX1手机”活动，强调SX1强大的商务功能。,5.3 网络广告文案的撰写,3效果 活动时间为一个月，提交图片创意大赛作品800多份；近2万人下载使用聊天背景；18万个新用户抢注雅虎电邮。图5-15是部分网友提交的作品。,5.3 网络广告文案的撰写,图5-15 部分网友提交的作品,5.4 网络广告的图形与图像 5.4.1 基本概念 1色彩 色彩可用亮度、色调和饱和度来描述，人眼看到任一彩色光都是这三个特征的综合效果。色调是当人眼看到一种或多种波长的光时所产生的彩色感觉，它反映颜色的种类，是决定颜色的基本特性。,5.4 网络广告的图形与图像,饱和度是指颜

12、色的纯度即掺入白光的程度，或者是指颜色的深浅程度。2彩色空间 自然界常见的各种颜色，都可由红（Red）、绿（Green）、蓝（Blue）三种颜色的不同比例相配而成。1）RGB彩色空间 在多媒体计算机技术中，用得最多的是RGB彩色空间表示。,5.4 网络广告的图形与图像,2）YUV彩色空间 所谓YUV，其实与RGB一样，也是一种彩色空间表示。其中Y表示亮度值，U表示偏蓝的程度，V表示偏红的程度。采用这种彩色空间的好处是：（1）亮度信号解决了彩色电视机与黑白电视机的兼容问题。（2）人眼对彩色图像细节的分辨本领比对黑白图像低得多。,5.4 网络广告的图形与图像,3）HSL彩色空间 采用HSI彩色空间

13、能够减少彩色图像处理的复杂性，而增加快速性，它更接近人对颜色的认识和解释。,5.4 网络广告的图形与图像,3图形（图像）格式 图形（图像）格式大致可以分为两大类：一类称为位图；另一类称为描绘类、矢量类或面向对象的图形（图像）。前者是以点阵形式描述图形（图像）的，后者是以数学方法描述的一种由几何元素组成的图形（图像）。,5.4 网络广告的图形与图像,计算机中使用的图形文件都有其特殊的特征后缀名，不同的特征后缀名表示不同的图形文件格式。（1）BMP（Bit Map Picture）：PC机上最常见、老资格的位图格式，有压缩和不压缩两种形式，它的诞生得益于Windows OS2操作系统。（2）GIF

14、（Graphics Interchange Format）：在各种平台的各种图形处理软件上均可处理的经过压缩的图形格式。,5.4 网络广告的图形与图像,（3）JPG（Joint Photographics expert Group）：可以大幅度地压缩图形文件的一种图形格式。（4）PSD（Photoshop Standard格式）：Photoshop中的标准文件格式，专门为 Photoshop而优化。（5）CDR（CorelDraw格式）：CorelDraw的文件格式。另外，CDX是所有 CorelDraw应用程序均能使用的图形（图像）文件，是发展成熟的CDR文件。,5.4 网络广告的图形与图像

15、,5.4.2 网络广告图形构思 在总面积不大的图标中，广告用语的所占面积不可能太大，所以，应当用尽可能少的语言表达清楚你的意图。否则，浏览者不会有足够的耐心和时间去点击你的网络广告。图形的构思、色彩和图形的动态设计，应当明确为文字服务，不能喧宾夺主。,5.4 网络广告的图形与图像,案例：马爹利时尚派对 1）广告客户：施马洋酒有限公司。2）广告主题：马爹利时尚派对。3）广告图形：如图5-16所示。4）投放媒体：新浪网。5）终端页面：http:/。6）设计制作：新浪网人机界面部客户组。,5.4 网络广告的图形与图像,图5-16 马爹利的网络广告,7）广告背景 马爹利由简马爹利（Jean Marte

16、ll）创办。他于1715年抵达干邑区，为其他商家购酒。简马爹利的家族于1807年将公司注册为J&F MARTELL。1874年金牌马爹利正式推出，深受欢迎。8）广告设计 作为一个活动推广的旗帜广告，它缺乏吸引浏览者进一步点击的要素，但作为品牌推广，倒是挺到位。,5.4 网络广告的图形与图像,9）总体评价 在新的世纪里，马爹利一改以往高贵、神秘的形象，转而开始面向年轻的消费者，以时尚的形象出现，力求把马爹利这一古老的品牌塑造成时尚的标志。这样的转型存在很大的风险，毕竟目前年轻人并不是洋酒消费的主力军，要把这种情况扭转过来是比较困难的，要创造一种流行是不容易的！,5.4 网络广告的图形与图像,5.

17、4.3 网络广告色彩技巧 1色彩的定位 当人们感受色彩时，色彩能够影响人的情绪、行为和性格。正因为各种色彩给人的感受各不相同，其表现力和象征性也各具特色，所以，要想熟练地运用色彩技巧，必须了解色彩的定位。色彩根据它给人们的感受可分为暖色（红、橙、黄）、冷色（蓝、蓝绿、蓝紫）和中性色（绿、紫、赤紫、黄绿）。,5.4 网络广告的图形与图像,（1）红色。红色是最具影响力的一种色彩，刺激性特强，能表达出快乐热情的气氛，引人兴奋，给人留下极深刻的印象。（2）橙色。橙色也属于激奋的色彩，代表着活泼、热闹、欢迎和温馨。（3）黄色。黄色是明亮效果最强的色彩，代表着阳光的颜色。（4）绿色。绿色是大自然的色彩，象

18、征着青春、和平、宁静、生命、自然、安全和纯情的意义。,5.4 网络广告的图形与图像,（5）蓝色。蓝色是天空和大海的颜色，体现着一种宁静的气氛，被认为是一种男性偏爱的颜色。（6）紫色。紫色是一种表现高贵、威严和神秘气质的颜色。（7）白色。白色象征着纯洁、和平、神圣，有时也给人恐怖的感觉。（8）黑色。黑色象征着严肃、庄重、文雅，同时也是一种最容易引起人们悲观情绪的色彩。,5.4 网络广告的图形与图像,（9）银色。银色是带有金属光泽的灰白色，象征冷静、优雅和高贵。（10）金色。金色也是带有光泽的色彩，象征财富、地位、富丽、华贵、气派和贵族气质。,5.4 网络广告的图形与图像,2色彩的调和 任意两种颜

19、色可以调和成复色。当色彩反差太强烈时，可以用它们进行缓冲。色彩的调和有三个原则关系，即色彩协调、色彩对比和色彩抵触。当两种以上的色彩结合在一起，看上去悦目，就可以称为色彩协调。色彩协调是网络广告色彩表现的最基本原则。色彩对比是为了显示广告主体的背景反差，表现商品的质地。色彩抵触，即色彩不协调，是失败的色彩调和。,5.4 网络广告的图形与图像,5.5 网络广告平面画面的制作 5.5.1 利用Photoshop制作广告图片 Adobe Photoshop是公认的较好的通用平面美术设计软件之一。它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工

20、具。（1）启动Photoshop 7.0。,5.5 网络广告平面画面的制作,（2）新建一个空白画布。（3）选取小提琴图片。（4）配套琴弓、乐谱等附件。（5）合成图片。（6）将小提琴表面图案抠出。（7）在小提琴表面制作乐谱效果。（8）制作动感效果。（9）制作描边效果。,5.5 网络广告平面画面的制作,图5-17 小提琴的“抠图”操作,图5-18 合成图片,图5-19 选取图像中的小提琴部分,图5-20 调整效果,图5-21“描边效果”对话框设置图 5-22 描边效果,（10）制作旋转扭曲效果。（11）建立新图层。（12）调整图形大小。（13）制作曝光过度效果。（14）合并图层。（15）制作光照效

21、果。（16）添加文字。,5.5 网络广告平面画面的制作,图5-23 旋转扭曲效果,图5-24 图像调整,图5-25 曝光过度效果,图5-26“光照效果”对话框设置,图5-27 光照效果,图5-28 添加文字,5.5.2 利用FrontPage制作横幅广告 FrontPage是微软推出的一个全新的“所见即所得”的网页编辑，也是目前流行的网站制作和管理工具。利用FrontPage可以轻松地编辑网页，绘制图片。FrontPage的网站创建和管理工具给用户从未有过的全面控制权。,5.5 网络广告平面画面的制作,1横幅广告中图片的过渡方式 横幅广告实际上是将一些图片组合在一起，并且使用某种过渡方式在不同

22、的图片之间过渡，主要的过渡方式有以下几种。（1）水平遮挡过渡 当前图片上水平方向出现条纹，并且过渡到下一图片。（2）垂直遮挡过渡 当前图片上垂直方向出现条纹，并且过渡到下一图片。,5.5 网络广告平面画面的制作,（3）分解过渡 将当前的图片上进行分解，并且过渡到下一图片。（4）盒状发射过渡 下一幅图片按照盒状的发射方式，替换当前的图片。2利用FrontPage 2000制作横幅广告 利用FrontPage 2000制作一个横幅广告，可以按照以下步骤进行。（1）单击“插入”菜单，从下拉菜单中选择“组件”选项，接着会弹出一个菜单。,5.5 网络广告平面画面的制作,（2）从弹出时的菜单中选择“横幅广

23、告管理器”选项，然后单击该选项，接着会出现“横幅广告管理器”窗口。（3）在该窗口中输入横幅广告的“宽度”、“高度”和“图片显示”时间。（4）在“过渡效果”下拉菜单中选择过渡方式。（5）添加横幅广告使用的图片。（6）单击“确定”按钮，完成图片插入。,5.5 网络广告平面画面的制作,3横幅广告中水平遮挡过渡的例子（1）选择一幅图片（见图5-29）。（2）选择水平遮挡过渡状态（见图5-30）。（3）过渡到下一幅图片（见图5-31）。对于生成符合网页需求的GIF图形，特别需要注意以下几点。（1）将图像模式设为RGB模式，否则无法直接导出GIF格式文件。,5.5 网络广告平面画面的制作,图5-29 第一

24、幅图片,图5-30 水平遮挡过渡状态的图片,（2）避免使用色彩层次过于丰富的特效。（3）尽量将不同的图像主体放置在不同的Layer中，以利于将来的修改。（4）如果使用了白色或透明背景，记得在图像周围加上一个深色边框，否则广告将无法在绝大多数的白色背景网页上突出显示。（5）在进行单个颜色选择时，最好使用Windows调色板，从预设颜色中选取安全色这样可以保证大多数用户浏览时的色彩感觉一致。,5.5 网络广告平面画面的制作,（6）为了防止图形和文字的锯齿，请务必选中相应对象的Anti-aliased选项，使得图形和文字与背景平滑结合。以上所说的是关于制作普通GIF格式Banner广告，目前越来越受

25、到重视的Rich Media Banner的制作可就要复杂得多了。,5.5 网络广告平面画面的制作,图5-31 过渡后的图片,4具有DHTML动态效果的广告图片（1）打开FrontPage页面，在“插入”选项中选择“图片”（见图5-32）。（2）插入图片后，在“查看”的“工具栏”中选择“DHTML效果”（见图5-33）。（3）在“DHTML”工具栏中心选择“鼠标悬停”、“交换图片”然后选择一张图片。（4）在预览页面中，鼠标未触及图片时显示以下图5-34页面。,5.5 网络广告平面画面的制作,图5-32 选择插入图片,图5-33 选择DHTML效果,图5-34 鼠标未悬停时的图片,（5）当鼠标悬

26、停于图片时，图片转换为另一幅（见图5-35）。对于生成符合网页需求的GIF图形，特别需要注意以下几点：（1）将图像模式设为RGB模式，否则无法直接导出GIF格式文件。（2）避免使用色彩层次过于丰富的特效。（3）尽量将不同的图像主体放置在不同的Layer中，以利于将来的修改。,5.5 网络广告平面画面的制作,（4）如果使用了白色或透明背景，记得在图像周围加上一个深色边框，否则广告将无法在绝大多数的白色背景网页上突出显示。（5）在进行单个颜色选择时，最好使用Windows调色板，从预设颜色中选取安全色，这样可以保证大多数用户浏览时的色彩感觉一致。（6）为了防止图形和文字的锯齿，请务必选中相应对象的

27、Anti-aliased选项，使得图形和文字与背景平滑结合。,5.5 网络广告平面画面的制作,图5-35 鼠标悬停时的图片,5.6 网络广告动画画面的制作 5.6.1 利用Fireworks制作动画广告 Fireworks是一个强大的网页图形设计工具，使用它可以创建和编辑位图、矢量图形，还可以非常轻松地做出各种网页设计中常见的效果。,5.6 网络广告动画画面的制作,1基本操作 用Fireworks制作动画一共有三种方法，由简到难地排列起来分别是：合并图像形成动画、使用符号（Symbol）生成动画效果和手工绘制。合并图像形成动画，顾名思义就是将一系列图片按序排列生成不同的帧而形成动画，不过这种排

28、列完全是程序自动执行的，免去了大量的手工操作。,5.6 网络广告动画画面的制作,2广告制作步骤（1）新建一个文件，宽468像素，高60像素，分辨率72像素/英寸，画布颜色为白色。（2）单击工具箱中的画矩形工具，在画布上画一个矩形刚好撑满画布，在工具栏中颜色处将笔触改为黑色（000000），填充色改为红色（FF0000）（见图5-36）。,5.6 网络广告动画画面的制作,图5-36 绘制矩形,（3）点取帧（Frame）面板中的帧1（Frame 1），单击右上角的选项按钮，在弹出的菜单中选择“添加帧（Add Frames）”。（4）随后出现“添加帧（Add Frames）”窗口，将其中的“数量（N

29、umber）”设为2，在“插入新帧（Insert new frames）”复选框中选中“当前帧之后（Affert current frame）”（见图5-37）。,5.6 网络广告动画画面的制作,图5-37“添加帧”选项 图5-38 帧选项,（5）单击“确定”钮后，则在帧面板中增加了帧2和帧3（见图5-38）。（6）用鼠标单击帧1（Frame 1），用选择工具 选中矩形，点击面板右上角的选项按钮，在弹出的菜单中选择“复制到帧（Copy to Frames）”。（7）随后出现的窗口中选中“所有帧（All frames）”（见图5-39）。,5.6 网络广告动画画面的制作,图5-39 复制到帧选项

30、,（8）单击“确定”钮后，则在帧2和帧3中都出现了一样的矩形。（9）单击帧2，用选择工具选中矩形，点击下方属性面板的填充类别的下拉菜单键，选择填充选项，选择渐变模式为“椭圆形（Ellipse）”，单击“编辑”，选择“蓝、红、黄”，并调整位置，如图5-40所示。,5.6 网络广告动画画面的制作,图5-40 帧2的渐变效果,（10）单击帧3，用同样方法将填充模式设为“波浪（Waves）”，并将填充渐变色设为“深蓝”，如图5-41所示。（11）单击帧1，按Ctrl+O打开第一幅图像（见图5-42）。（12）按Ctrl+A将对象选取，然后按Ctrl+C进行复制。按Ctrl+W关闭该图像文件。,5.6

31、网络广告动画画面的制作,图5-41 帧3的渐变效果,图5-42 第一幅图像,（13）按Ctrl+V将图像粘贴进帧1中，在属性面板调整图片的宽和高分别为50和60，放在矩形左侧（见图5-43）。（14）点击帧2，按Ctrl+O打开第二幅图像（见图5-44）。（15）按Ctrl+C将其复制到帧2，同样在属性面板调整图片的宽和高分别为50和60（见图5-45）。,5.6 网络广告动画画面的制作,图5-43 将第一幅图像粘贴在帧1矩形的左侧,图5-44 第二幅图像,图5-45 将第二幅图像粘贴在帧2矩形的右侧,（16）点击帧3，同样用上述方法在里面加第三幅图像（见图5-46和图5-47）。（17）分别

32、在帧1、帧2和帧3中使用矢量面板中的文本工具加入相应的文字（见图5-48）。（18）单击VCR控制条中的播放按钮预览，发现速度太快了。（19）单击帧1，点取面板右上角的选项按钮，在弹出的菜单中选择“属性（Properties）”，在出现的文本框中将数值改为70（见图5-49）。,5.6 网络广告动画画面的制作,图5-46 第三幅图像,图5-47 将第三幅图像粘贴在帧3矩形的中间,图5-48 在帧1、帧2、帧3中加入相应的文字,图5-49 帧延时选项,（20）对帧2和帧3都执行上一步操作。最后预览一下速度是不是变慢了。（21）选择“文件导出向导（FileExport Preview）”，选择导出

33、格式为“GIF动画”，将“动画（Animation）”中的循环按钮选中，并将它旁边的循环方式选为“永久（Forever）”（见图5-50）。（22）一切设定好后，按右边预览窗里的播放按钮检查最后效果，如没什么需要改动的，按“导出（Export）”将文件保存。,5.6 网络广告动画画面的制作,图5-50 导出向导,5.6.2 利用Flash 8制作滚动广告图片 1Flash的特点 Flash是一种交互式矢量多媒体技术，它的前身是Future Splash，属于网上早期流行的矢量动画插件。2制作滚动广告图片（1）新建文档。首先新建一个flash文档，导入5张图片（见图5-51）。,5.6 网络广告

34、动画画面的制作,图5-51 新建一个flash文档,（2）新建图形元件。接下来新建一个图形元件，把图片依次摆成如图5-52所示的样子。在摆放的时候可以通过属性控制对话框图片的大小（见图5-53）。（3）排列图片。将图片排成如图5-54所示的样子。排列图片时可以使用对齐面板对话框（见图5-56）。（4）图片复制。复制所有图片，粘贴成如图5-56所示的样子。,5.6 网络广告动画画面的制作,图5-52 新建图形元件,图5-53 属性控制对话框,图5-54 排列图片,图5-55 对齐面板对话框,图5-56 图片复制,（5）创建按钮。创建按钮是在指针经过处插入关键帧（见图5-57）。（6）创建矩形。使

35、用白色填充，将大小设置成和图片大小一样（见图5-58），并使用调色板调整透明度（见图5-59）。（7）创建动画片段（movie clip，mc）。把图形1拖进mc1（见图5-60），然后把按钮依次放在图形上，注意位置，这里可以用属性面板控制。,5.6 网络广告动画画面的制作,图5-57 创建按钮,图5-58 创建矩形 图5-59 调色板,图5-60 mc1,（8）添加as代码。根据图5-61，在每一个按钮上添加as代码，其中的mc是以后要命名的实例名。（9）创建实名图片mc2。把mc1拖进方框（见图5-62），在100帧处插入关键帧，然后将图形向左拖，使得左端开头的位置变为右端结尾位置重合。这

36、里可以用属性窗口控制对话框（见图5-63）。,5.6 网络广告动画画面的制作,图5-61 as代码,图5-62 mc2,图5-63 属性窗口控制对话框,（10）制作补帧动画。做动作的补帧动画，如图5-64所示。（11）整个滚动广告图片。回到主场景，把mc2放进去，（命名为mc），完成整个滚动广告图片（见图5-65）。,5.6 网络广告动画画面的制作,图5-64 补帧对话框,图5-65 滚动广告图片,5.6.3 利用Dreamweaver 4.0制作会移动 的广告条 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页

37、设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。,5.6 网络广告动画画面的制作,1基本操作（1）制作会移动的广告条，要用到Macromedia Dreamweaver中的Layer（层）和Timeline（时间轴）功能，还要准备两张大小基本相同的广告图片。（2）用Dreamweaver打开任意一个网页，空白页也可。在菜单中选择“插入（Insert）”“层（Layer）”，即看到网页中多了一个空白Layer1。,5.6 网络广告动画画面的制作,再将光标点到空白Layer1内，选择“插入（Insert）”“图像（Image）”，插入广告

38、条的第一个图片，调整层大小，使层尽可能与图片大小相近，并设置图片链接。然后把层移到动画的起始位置。（3）在菜单栏选择“修改（Modify）”“时间轴（Timeline）”“添加对象到时间轴（Add object to Timeline）”。,5.6 网络广告动画画面的制作,单击后，弹出对话框，提示只有图像和层才能添加到时间轴。对话框确定后，我们选中Layer（单击层标记或层边界）或用层面板选择一层。当一个层被选中时，层边界会显示出调整大小手柄，按住鼠标左键不放，拖进时间轴动画栏的第一频道，即面板上垂直标尺（标有1，2，3等数字）中的“1”那行，时间轴里面马上增加了一个默认的15帧动画，如图5-

39、66所示。,5.6 网络广告动画画面的制作,图5-66 增加默认动画,（4）单击动画栏最后关键帧标记，再选中页面中的层Layer1，将它拖到动画的结束点，或者在“层的属性面板”改变层的“左（L）”属性大小来确定结束帧层的位置。要想让页面打开时候它就开始运动，就在“时间轴（TimeLine）”面板上的“自动播放（Autoplay）”前打钩（见图5-67）。按住时间轴上中部的“”箭头不放，就可以直接预览直线动画了，或者单击F12键预览。,5.6 网络广告动画画面的制作,图5-67 自动播放的设置,2改变时间栏的属性产生移动变化（1）在动画移动距离不变的情况下，改变动画移动速度。（2）产生曲线的运动

40、。在“时间轴面板动画栏”上添加一个关键帧。在添加的关键帧处移动层。直接通过拖动层，生成路径，产生动画。,5.6 网络广告动画画面的制作,图5-68 产生曲线的运动,图5-69 产生动画,3添加鼠标触发属性，产生广告图片的交替变化 鼠标触发的各种属性，能产生各种变化。这里我们要用到的是onMouseout和onMouseover两个属性。打开菜单“窗口（Windows）”选择“行为（Behaviors）”弹出“行为”窗口选中层中的广告图片点击“行为”窗口中的“+”在弹出的菜单里面选择“对调图像（Swap Image）”（见图5-70）。,5.6 网络广告动画画面的制作,图5-70 对调图像 图5

41、-71 浏览广告图片所在路径,在“对调图像”对话框里面浏览选择广告图片所在路径在“对调图像”对话框里系统默认中有个“onMouseout（复原图像）”前是打钩的直接单击“确定”按钮（见图5-71）。“行为”状态窗中多了我们前面说到的onMouseout和onMouseover两个鼠标触发事件。按F12预览，移动鼠标到图片上，观看是不是图片变化了。再移开鼠标，又恢复到原来的图片。这样简单的图片交替行为就完成了（见图5-72）。,5.6 网络广告动画画面的制作,图5-72 图片交替,4最后思考的细节 关于路径长度。假设动画是从上至下的，网页高度超过一屏，如果路径没有足够长，那么网页被快速浏览到下一

42、屏的时候就看不到上面的层动画。最好应该将路径画到网页底部，然后设置时间轴动画栏，使层能够慢慢沿着下来的路径往上动。,5.6 网络广告动画画面的制作,5.7 网络广告立体画面的制作 三维立体画是一门独特的艺术，是科学与艺术完美结合的产物。它的历史可以追溯到20世纪。当时，人们在观察壁纸时，发现通过调节视焦可以产生出立体视觉效应。有人将其称为壁纸效应。此后，人们对这种视觉效应进行了长期的、大量的研究。由于利用壁纸效应产生的立体画无须借助眼镜或其他仪器，便可用眼睛直接看到，而且立体画是在一幅图像中产生的，因此这一三维立体技术受到了广泛重视。,5.7 网络广告立体画面的制作,产生三维图像的方法大体可分

43、为辅助观察型和非辅助观察型三维成像技术。辅助观察型三维成像技术需要借助各种观察仪器才能观察到立体图像，可进一步分为动态和静态两类，动态立体图像可将运动引入三维图像；非辅助型不需要借助各种观察仪器便能观察到立体图像，可进一步分为全息和非全息成像技术。,5.7 网络广告立体画面的制作,进入20世纪90年代以后，由于计算机软硬件技术的飞速发展，三维立体技术有了突破性进展，利用计算机技术产生三维图像的技术越来越受到广泛重视，电脑三维立体广告技术便是在这样的条件下产生的。由于观察电脑立体广告无须借助眼镜或其他仪器，因而属于不需要观察装置的三维图像成像技术，电脑立体广告因此进入实用阶段。,5.7 网络广告

44、立体画面的制作,电脑三维立体广告有非常广泛的应用前景，它是真正的计算机艺术产品。目前，这项技术已经应用于广告、服装、印染、建筑装饰、墙纸、地板砖、年历、贺卡、明信片、礼品包装等方面，存在着巨大的市场潜力。,5.7 网络广告立体画面的制作,5.7.2 搜房网上的电脑三维立体广告 搜房网和美国iPIX公司共同推出全球领先的三维制作技术，它使每一位浏览者通过实景演示清楚地看到自己感兴趣的房产，并对邻居、家具、环境进行评价，由此取得一个更好的判断。搜房网的全景360 图片是房地产业的一场变革，它将真正引导房地产业进入电子商务新时代，它使购房者领略真正的360360互动、立体和三维的实景（见图5-73和

45、图5-74）。,5.7 网络广告立体画面的制作,图5-73 小区环境展示 图5-74 室内环境展示,单击图5-73和图5-74下方的按钮 可以从不同方向观察房屋的情况。图5-75和图5-76是分别从不同角度观看的小区环境和室内环境。,5.7 网络广告立体画面的制作,图5-75 从另一角度观察到的小区环境图5-76 从另一角度观察到的室内环境,5.7.3 电脑三维立体广告的制作工具 3ds max是当前世界上销售量最大的三维建模、动画及渲染解决方案，3ds max 4是其具有显著提高的最新版本。3ds max 4将广泛应用于视觉效果、角色动画及下一代的游戏。3ds max 4拥有增强的角度变形器

46、，包括接缝、变形或隆起来完成动画中复杂的形态弯曲；拥有强大的动画功能；可以通过示意视窗来控制场景，显示物体、建模和材质的层级，并可以显示其中复杂的层次关系。,5.7 网络广告立体画面的制作,国内北京东方唯恩信息技术有限公司开发的唯恩三维立体画创意系统（ArtSg）是在深入研究三维立体画算法的基础上开发的。利用ArtSg系统，用户可以创作出如立体画月历、立体画贺卡，各种用于广告、服装、印染、建筑装饰的三维立体图案等各种具有艺术效果的三维立体画作品，并可将立体画作品用各种输出设备打印输出。,5.7 网络广告立体画面的制作,ArtSg系统由软件系统及必要的硬件两部分组成，包括：（1）计算机一台（58

47、6），基本配置要求56 M以上内存，10 G以上硬盘，光盘驱动器，VGA显示器，4 M显示内存，鼠标一个。（2）分辨率在720 dpi以上的彩色输出设备，如彩色喷墨打印机一台。,5.7 网络广告立体画面的制作,（3）程序卡一块（定制产品）。（4）唯恩三维立体画创意系统软件。（5）模板及底纹库（光盘）。,5.7 网络广告立体画面的制作,5.8 富媒体网络广告的制作 5.8.1 富媒体网络广告简介 富媒体（Rich-Media）网络广告又称扩展创造性（Extensive Creative）网络广告，一般指使用浏览器插件或其他脚本语言、Java语言等编写的具有复杂视觉效果和交互功能的旗帜广告。这些效

48、果的使用是否有效，一方面取决于站点的服务器端设置，另一方面取决于访问者的浏览器是否能顺利查看。,5.8 富媒体广告的制作,5.8.2 富媒体网络广告创作工具 富媒体创作系统介于富媒体操作系统与应用软件之间，是支持应用开发人员进行富媒体应用软件创作的工具，故又称为富媒体创作工具。它能够用来集成各种媒体，并可设计阅读信息内容方式的软件。借助这种工具，应用人员可以不用编程也能做出很优秀的富媒体软件产品，极大地方便了用户。,5.8 富媒体广告的制作,与之对应，富媒体创作工具必须担当起可视化编程的责任，它必须具有概念清晰、界面简洁、操作简单、功能伸缩性强等特点。目前，对优秀的富媒体创作工具的判断标准是，

49、应该具备以下8种基本的能力并能够不断进行增强。（1）编辑能力及环境。（2）媒体数据输入能力。,5.8 富媒体广告的制作,（3）交互能力。（4）功能扩充能力。（5）调试能力。（6）动态数据交换能力。（7）数据库功能。（8）网络组件及模板套用能力。从系统工具的功能角度划分，富媒体创作工具大致可以分为4类：媒体创作软件工具、富媒体节目写作工具、媒体播放工具以及其他各类媒体处理工具。,5.8 富媒体广告的制作,1媒体创作软件工具：用于建立媒体模型、产生媒体数据 应用较广泛的有三维图形视觉空间的设计和创作软件，如Macromedia公司的Extreme 3D，它能提供包括建模、动画、渲染以及后期制作等诸

50、多功能，直至专业级视频制作。另外，Autodesk公司的2D Animation和3D Studio（包括3D MAX）等也是很受欢迎的媒体创作工具。,5.8 富媒体广告的制作,而用于MIDI文件（数字化音乐接口标准）处理的音序器软件非常多，比较有名的有Music Time，Recording Session，Master Track Pro和Studio for windows等。至于波形声音工具，在MDK（多媒体开放平台）中的Wave Edit，Wave Studio等就相当不错。,5.8 富媒体广告的制作,2富媒体节目写作工具：提供不同的编辑、写作方式 第一种是基于脚本语言的写作工具，典