网络广告制作课件

第五章第五章 网网络络广告制作广告制作1.5.1.1利用利用Photoshop制作广告制作广告图图片片AdobePhotoshop是公是公认认的的较较好的通好的通用平面美用平面美术设计软术设计软件之一。它的功能件之一。它的功能完善，性能完善，性能稳稳定，使用方便，所以在定，使用方便，所以在几乎所有的广告、出版、几乎所有的广告、出版、软软件公司，件公司，Photoshop都是首都是首选选的平面工具。的平面工具。（1）启）启动动Photoshop。5.1网网络络广告平面画面的制作广告平面画面的制作2.（2 2）新建一个空白画布。）新建一个空白画布。（3 3）选选取小提琴取小提琴图图片。片。（4 4）配套琴弓、）配套琴弓、乐谱乐谱等附件。等附件。（5 5）合成）合成图图片。片。（6 6）将小提琴表面）将小提琴表面图图案案抠抠出。出。（7 7）在小提琴表面制作）在小提琴表面制作乐谱乐谱效果。效果。（8 8）制作）制作动动感效果。感效果。（9 9）制作描）制作描边边效果。效果。3.小提琴的“抠图”操作 4.合成图片 5.选取图像中的小提琴部分 6.调整效果 7.“描边效果”对话框设置图 描边效果 8.（10）制作旋）制作旋转转扭曲效果。扭曲效果。（1111）建立新）建立新图层图层。（1212）调调整整图图形大小。形大小。（1313）制作曝光）制作曝光过过度效果度效果 。（1414）合并）合并图层图层。（1515）制作光照效果。）制作光照效果。（1616）添加文字。）添加文字。9.旋转扭曲效果 10.图像调整 11.曝光过度效果 12.“光照效果”对话框设置 13.光照效果 14.添加文字 15.5.1.2利用利用FrontPage制作横幅广告制作横幅广告FrontPage是微是微软软推出的一个全新的推出的一个全新的“所所见见即所得即所得”的网的网页编辑页编辑，也是目前流，也是目前流行的网站制作和管理工具。利用行的网站制作和管理工具。利用FrontPage可以可以轻轻松地松地编辑编辑网网页页，绘绘制制图图片。片。FrontPage的网站的网站创创建和管理工具建和管理工具给给用用户户从未有从未有过过的全面控制的全面控制权权。16.1横幅广告中横幅广告中图图片的片的过过渡方式渡方式横横幅幅广广告告实实际际上上是是将将一一些些图图片片组组合合在在一一起起，并并且且使使用用某某种种过过渡渡方方式式在在不不同同的的图图片片之之间间过过渡渡，主主要要的的过过渡渡方方式式有有以以下几种。下几种。（1）水水平平遮遮挡挡过过渡渡当当前前图图片片上上水水平平方方向出向出现现条条纹纹，并且，并且过过渡到下一渡到下一图图片。片。（2）垂垂直直遮遮挡挡过过渡渡当当前前图图片片上上垂垂直直方方向出向出现现条条纹纹，并且，并且过过渡到下一渡到下一图图片。片。17.（3）分分解解过过渡渡将将当当前前的的图图片片上上进进行行分分解，并且解，并且过过渡到下一渡到下一图图片。片。（4）盒状）盒状发发射射过过渡渡下一幅下一幅图图片按照盒片按照盒状的状的发发射方式，替射方式，替换换当前的当前的图图片。片。2利用利用FrontPage2000制作横幅广告制作横幅广告利用利用FrontPage2000制作一个横幅广制作一个横幅广告，可以按照以下步告，可以按照以下步骤进骤进行。行。（1）单击单击“插入插入”菜菜单单，从下拉菜，从下拉菜单单中中选选择择“组组件件”选项选项，接着会，接着会弹弹出一个菜出一个菜单单。18.（2 2）从从弹弹出出时时的的菜菜单单中中选选择择“横横幅幅广广告告管管理理器器”选选项项，然然后后单单击击该该选选项项，接接着着会会出出现现“横幅广告管理器横幅广告管理器”窗口。窗口。（3 3）在在该该窗窗口口中中输输入入横横幅幅广广告告的的“宽宽度度”、“高度高度”和和“图图片片显显示示”时间时间。（4 4）在在“过过渡渡效效果果”下下拉拉菜菜单单中中选选择择过过渡渡方式。方式。（5 5）添加横幅广告使用的）添加横幅广告使用的图图片。片。（6）单击单击“确定确定”按按钮钮，完成，完成图图片插入。片插入。19.3横幅广告中水平遮横幅广告中水平遮挡过挡过渡的例子渡的例子（1）选择选择一幅一幅图图片。片。（2）选择选择水平遮水平遮挡过挡过渡状渡状态态。（3 3）过过渡到下一幅渡到下一幅图图片。片。对对于生成符合网于生成符合网页页需求的需求的GIF图图形，形，特特别别需要注意以下几点。需要注意以下几点。（1）将）将图图像模式像模式设为设为RGB模式，否模式，否则则无无法直接法直接导导出出GIF格式文件。格式文件。20.第一幅图片 21.水平遮挡过渡状态的图片 22.（2）避免使用色彩）避免使用色彩层层次次过过于丰富的特效于丰富的特效。（3）尽量将不同的）尽量将不同的图图像主体放置在不同的像主体放置在不同的Layer中，以利于将来的修改。中，以利于将来的修改。（4）如果使用了白色或透明背景，）如果使用了白色或透明背景，记记得在得在图图像像周周围围加上一个深色加上一个深色边边框，否框，否则则广告将无法在广告将无法在绝绝大多数的白色背景网大多数的白色背景网页页上突出上突出显显示。示。（5）在）在进进行行单单个个颜颜色色选择时选择时，最好使用，最好使用Windows调调色板，从色板，从预设颜预设颜色中色中选选取安全色取安全色这这样样可以保可以保证证大多数用大多数用户浏览时户浏览时的色彩感的色彩感觉觉一致。一致。23.（6 6）为为了了防防止止图图形形和和文文字字的的锯锯齿齿，请请务务必必选选中中相相应应对对象象的的Anti-aliasedAnti-aliased选选项项，使得使得图图形和文字与背景平滑形和文字与背景平滑结结合。合。以上所以上所说说的是关于制作普通的是关于制作普通GIF格式格式Banner广告，目前越来越受到重广告，目前越来越受到重视视的的RichMediaBanner的制作可就要复的制作可就要复杂杂得得多了多了。24.过渡后的图片 25.4具有具有DHTML动态动态效果的广告效果的广告图图片片 （1）打开）打开FrontPage页页面，在面，在“插入插入”选选项项中中选择选择“图图片片”。（2）插入）插入图图片后，在片后，在“查查看看”的的“工具工具栏栏”中中选择选择“DHTML效果效果”。（3）在）在“DHTML”工具工具栏栏中心中心选择选择“鼠鼠标标悬悬停停”、“交交换图换图片片”然后然后选择选择一一张图张图片。片。（4）在）在预览页预览页面中，鼠面中，鼠标标未触及未触及图图片片时时显显示以下示以下页页面。面。26.选择插入图片 27.选择DHTML效果 28.鼠标未悬停时的图片 29.（5）当鼠）当鼠标悬标悬停于停于图图片片时时，图图片片转换为转换为另一幅。另一幅。对对于于生生成成符符合合网网页页需需求求的的GIF图图形形，特特别别需要注意以下几点：需要注意以下几点：（1）将将图图像像模模式式设设为为RGB模模式式，否否则则无无法直接法直接导导出出GIF格式文件。格式文件。（2）避免使用色彩）避免使用色彩层层次次过过于丰富的特效。于丰富的特效。（3）尽量将不同的）尽量将不同的图图像主体放置在不同像主体放置在不同的的Layer中，以利于将来的修改。中，以利于将来的修改。30.（4）如如果果使使用用了了白白色色或或透透明明背背景景，记记得得在在图图像像周周围围加加上上一一个个深深色色边边框框，否否则则广广告告将将无无法法在在绝绝大多数的白色背景网大多数的白色背景网页页上突出上突出显显示。示。（5）在）在进进行行单单个个颜颜色色选择时选择时，最好使用，最好使用Windows调调色板，从色板，从预设颜预设颜色中色中选选取安全色，取安全色，这样这样可以保可以保证证大多数用大多数用户浏览时户浏览时的色彩感的色彩感觉觉一一致。致。（6）为为了防止了防止图图形和文字的形和文字的锯齿锯齿，请务请务必必选选中中相相应对应对象的象的Anti-aliased选项选项，使得，使得图图形和文字形和文字与背景平滑与背景平滑结结合。合。31.鼠标悬停时的图片 32.5.2.1利用利用Fireworks制作制作动动画广告画广告Fireworks是一个是一个强强大的网大的网页图页图形形设设计计工具，使用它可以工具，使用它可以创创建和建和编辑编辑位位图图、矢量矢量图图形，形，还还可以非常可以非常轻轻松地做出各种松地做出各种网网页设计页设计中常中常见见的效果的效果。5.2网网络络广告广告动动画画面的制作画画面的制作33.1基本操作基本操作用用Fireworks制制作作动动画画一一共共有有三三种种方方法法，由由简简到到难难地地排排列列起起来来分分别别是是：合合并并图图像像形形成成动动画画、使使用用符符号号（Symbol）生生成成动动画效果和手工画效果和手工绘绘制。制。合并合并图图像形成像形成动动画，画，顾顾名思名思义义就是就是将一系列将一系列图图片按序排列生成不同的片按序排列生成不同的帧帧而而形成形成动动画画，不，不过这过这种排列完全是程序自种排列完全是程序自动执动执行的，免去了大量的手工操作。行的，免去了大量的手工操作。34.2广告制作步广告制作步骤骤（1）新新建建一一个个文文件件，宽宽468像像素素，高高60像像素素，分分辨辨率率72像像素素/英英寸寸，画画布布颜颜色色为为白色。白色。（2）单击单击工具箱中的画矩形工具工具箱中的画矩形工具，在画布上画一个矩形在画布上画一个矩形刚刚好撑好撑满满画布，在画布，在工具工具栏栏中中颜颜色色处处将笔触改将笔触改为为黑色（黑色（000000），填充色改），填充色改为红为红色（色（FF0000）。）。35.绘制矩形 36.（3）点点取取帧帧（Frame）面面板板中中的的帧帧1（Frame1），单单击击右右上上角角的的选选项项按按钮钮，在在弹弹出出的的菜菜单单中中选选择择“添添加加帧帧（AddFrames）”。（4）随随 后后 出出 现现“添添 加加 帧帧（AddFrames）”窗窗 口口，将将 其其 中中 的的“数数 量量（Number）”设设 为为 2，在在“插插 入入 新新 帧帧（Insertnewframes）”复复选选框框中中选选中中“当前当前帧帧之后（之后（Affertcurrentframe）”。37.“添加帧”选项 帧选项 38.（5）单击单击“确定确定”钮钮后，后，则则在在帧帧面板中面板中增加了增加了帧帧2和和帧帧3。（6）用鼠）用鼠标单击帧标单击帧1（Frame1），用），用选选择择工具工具 选选中矩形，点中矩形，点击击面板右上角的面板右上角的选项选项按按钮钮，在，在弹弹出的菜出的菜单单中中选择选择“复制复制到到帧帧（CopytoFrames）”。（7）随后出）随后出现现的窗口中的窗口中选选中中“所有所有帧帧（Allframes）”。39.复制到帧选项 40.（8 8）单单击击“确确定定”钮钮后后，则则在在帧帧2 2和和帧帧3 3中中都出都出现现了一了一样样的矩形。的矩形。（9）单击帧单击帧2，用，用选择选择工具工具选选中矩形，中矩形，点点击击下方属性面板的填充下方属性面板的填充类别类别的下拉菜的下拉菜单键单键，选择选择填充填充选项选项，选择渐变选择渐变模式模式为为“椭圆椭圆形（形（Ellipse）”，单击单击“编辑编辑”，选择选择“蓝蓝、红红、黄、黄”，并，并调调整位置，如整位置，如图图所示。所示。41.帧2的渐变效果 42.（10）单击帧单击帧3，用同，用同样样方法将填充模方法将填充模式式设为设为“波浪（波浪（Waves）”，并将填充，并将填充渐渐变变色色设为设为“深深蓝蓝”，如，如图图所示。所示。（11）单单击击帧帧1，按按Ctrl+O打打开开第第一一幅幅图图像。像。（12）按）按Ctrl+A将将对对象象选选取，然后按取，然后按Ctrl+C进进行复制。按行复制。按Ctrl+W关关闭该图闭该图像像文件。文件。43.帧3的渐变效果 44.第一幅图像 45.（13）按）按Ctrl+V将将图图像粘像粘贴进帧贴进帧1中，中，在属性面板在属性面板调调整整图图片的片的宽宽和高分和高分别为别为50和和60，放在矩形左，放在矩形左侧侧。（1414）点）点击帧击帧2 2，按，按Ctrl+OCtrl+O打开第二幅打开第二幅图图像。像。（1515）按）按Ctrl+CCtrl+C将其复制到将其复制到帧帧2 2，同，同样样在属性面板在属性面板调调整整图图片的片的宽宽和高分和高分别为别为5050和和6060。46.将第一幅图像粘贴在帧1矩形的左侧 47.第二幅图像 48.将第二幅图像粘贴在帧2矩形的右侧 49.（16）点）点击帧击帧3，同，同样样用上述方法在里面加第用上述方法在里面加第三幅三幅图图像。像。（17）分）分别别在在帧帧1、帧帧2和和帧帧3中使用矢量面板中使用矢量面板中的文本工具加入相中的文本工具加入相应应的文字。的文字。（18）单单击击VCR控控制制条条中中的的播播放放按按钮钮预预览览，发发现现速度太快了。速度太快了。（19）单击帧单击帧1，点取面板右上角的，点取面板右上角的选项选项按按钮钮，在在弹弹出的菜出的菜单单中中选择选择“属性（属性（Properties）”，在出在出现现的文本框中将数的文本框中将数值值改改为为70。50.第三幅图像 51.将第三幅图像粘贴在帧3矩形的中间 52.在帧1、帧2、帧3中加入相应的文字 53.帧延时选项 54.（20）对对帧帧2和和帧帧3都都执执行行上上一一步步操操作作。最最后后预览预览一下速度是不是一下速度是不是变变慢了。慢了。（21）选择选择“文件文件导导出向出向导导（FileExportPreview）”，选择导选择导出格式出格式为为“GIF动动画画”，将将“动动画（画（Animation）”中的循中的循环环按按钮选钮选中，中，并将它旁并将它旁边边的循的循环环方式方式选为选为“永久永久（Forever）”。（22）一切）一切设设定好后，按右定好后，按右边预览边预览窗里的播窗里的播放按放按钮检查钮检查最后效果，如没什么需要改最后效果，如没什么需要改动动的，的，按按“导导出（出（Export）”将文件保存。将文件保存。55.导出向导 56.5.2.2利用利用Flash8制作制作滚动滚动广告广告图图片片1Flash的特点的特点Flash是是一一种种交交互互式式矢矢量量多多媒媒体体技技术术，它它的的前前身身是是FutureSplash，属属于于网网上上早早期流行的矢量期流行的矢量动动画插件。画插件。2制作制作滚动滚动广告广告图图片片（1）新新建建文文档档。首首先先新新建建一一个个flash文文档，档，导导入入5张图张图片。片。57.新建一个flash文档 58.（2）新建）新建图图形元件。接下来新建一个形元件。接下来新建一个图图形元件，把形元件，把图图片依次片依次摆摆成如成如图图5-52所示所示的的样样子。在子。在摆摆放的放的时时候可以通候可以通过过属性控属性控制制对话对话框框图图片的大小。片的大小。（3）排列）排列图图片。将片。将图图片排成如片排成如图图5-54所所示的示的样样子。排列子。排列图图片片时时可以使用可以使用对齐对齐面面板板对话对话框。框。（4）图图片复制。复制所有片复制。复制所有图图片，粘片，粘贴贴成如成如图图所示的所示的样样子。子。59.新建图形元件 60.属性控制对话框 61.排列图片 62.对齐面板对话框 63.图片复制 64.（5）创创建按建按钮钮。创创建按建按钮钮是在指是在指针经针经过处过处插入关插入关键帧键帧。（6）创创建矩形。使用白色填充，将大建矩形。使用白色填充，将大小小设设置成和置成和图图片大小一片大小一样样（见图见图5-58），），并使用并使用调调色板色板调调整透明度（整透明度（见图见图5-59）。）。（7 7）创创建建动动画片段（画片段（movie clipmovie clip，mcmc）。把）。把图图形形1 1拖拖进进mc1mc1，然后把按，然后把按钮钮依次依次放在放在图图形上，注意位置，形上，注意位置，这这里可以用属里可以用属性面板控制。性面板控制。65.创建按钮 66.创建矩形 调色板 67.mc1 68.（8）添加）添加as代代码码。根据。根据图图5-61，在每一，在每一个按个按钮钮上添加上添加as代代码码，其中的，其中的mc是以后是以后要命名的要命名的实实例名。例名。（9 9）创创建建实实名名图图片片mc2mc2。把。把mc1mc1拖拖进进方框，方框，在在100100帧处帧处插入关插入关键帧键帧，然后将，然后将图图形向左形向左拖，使得左端开拖，使得左端开头头的位置的位置变为变为右端右端结结尾位尾位置重合。置重合。这这里可以用属性窗口控制里可以用属性窗口控制对话对话框。框。69.as代码 70.mc2 71.属性窗口控制对话框 72.（10）制作）制作补帧动补帧动画。做画。做动动作的作的补帧补帧动动画，如画，如图图所示。所示。（11）整个）整个滚动滚动广告广告图图片。回到主片。回到主场场景，把景，把mc2放放进进去，（命名去，（命名为为mc），完），完成整个成整个滚动滚动广告广告图图片。片。73.补帧对话框 74.滚动广告图片 75.5.2.3利用利用Dreamweaver4.0制作会移制作会移动动的广告条的广告条Dreamweaver是美国是美国MACROMEDIA公司开公司开发发的集网的集网页页制作制作和管理网站于一身的所和管理网站于一身的所见见即所得网即所得网页编页编辑辑器，它是第一套器，它是第一套针对专业针对专业网网页设计师页设计师特特别发别发展的展的视觉视觉化网化网页页开开发发工具，利用工具，利用它可以它可以轻轻而易而易举举地制作出跨越平台限制地制作出跨越平台限制和跨越和跨越浏览浏览器限制的充器限制的充满动满动感的网感的网页页。76.1基本操作基本操作 （1）制作会移）制作会移动动的广告条，要用到的广告条，要用到MacromediaDreamweaver中的中的Layer（层层）和）和Timeline（时间轴时间轴）功能，）功能，还还要要准准备备两两张张大小基本相同的广告大小基本相同的广告图图片。片。（2）用）用Dreamweaver打开任意一个网打开任意一个网页页，空白，空白页页也可。在菜也可。在菜单单中中选择选择“插入插入（InsertInsert）”“”“层层（LayerLayer）”，即看到，即看到网网页页中多了一个空白中多了一个空白Layer1Layer1。5.3网网络络广告广告动动画画面的制作画画面的制作77.再将光再将光标标点到空白点到空白Layer1内，内，选择选择“插入（插入（Insert）”“”“图图像（像（Image）”，插入广告条的第一个，插入广告条的第一个图图片，片，调调整整层层大大小，使小，使层层尽可能与尽可能与图图片大小相近，并片大小相近，并设设置置图图片片链链接。然后把接。然后把层层移到移到动动画的起始画的起始位置。位置。（3）在菜）在菜单栏选择单栏选择“修改修改（Modify）”“”“时间轴时间轴（Timeline）”“”“添加添加对对象到象到时间轴时间轴（AddobjecttoTimeline）”。78.单击单击后，后，弹弹出出对话对话框，提示只有框，提示只有图图像和像和层层才能添加到才能添加到时间轴时间轴。对话对话框确定框确定后，我后，我们选们选中中Layer（单击层标记单击层标记或或层边层边界）或用界）或用层层面板面板选择选择一一层层。当一个。当一个层层被被选选中中时时，层边层边界会界会显显示出示出调调整大小手柄，整大小手柄，按住鼠按住鼠标标左左键键不放，拖不放，拖进时间轴动进时间轴动画画栏栏的第一的第一频频道，即面板上垂直道，即面板上垂直标标尺（尺（标标有有1，2，3等数字）中的等数字）中的“1”那行，那行，时间轴时间轴里面里面马马上增加了一个默上增加了一个默认认的的15帧动帧动画，画，如如图图所示。所示。79.增加默认动画 80.（4）单击动单击动画画栏栏最后关最后关键帧标记键帧标记，再，再选选中中页页面中的面中的层层Layer1，将它拖到，将它拖到动动画画的的结结束点，或者在束点，或者在“层层的属性面板的属性面板”改改变层变层的的“左（左（L）”属性大小来确定属性大小来确定结结束束帧层帧层的位置。要想的位置。要想让页让页面打开面打开时时候它就候它就开始运开始运动动，就在，就在“时间轴时间轴（TimeLine）”面板上的面板上的“自自动动播放（播放（Autoplay）”前打前打钩钩。按住。按住时间轴时间轴上中部的上中部的“”“”箭箭头头不不放，就可以直接放，就可以直接预览预览直直线动线动画了，或者画了，或者单击单击F12键预览键预览。81.自动播放的设置 82.2改改变时间栏变时间栏的属性的属性产产生移生移动变动变化化 （1）在）在动动画移画移动动距离不距离不变变的情况下，改的情况下，改变动变动画移画移动动速度。速度。（2 2）产产生曲生曲线线的运的运动动。在在“时间轴时间轴面板面板动动画画栏栏”上添加一个上添加一个关关键帧键帧。在添加的关在添加的关键帧处键帧处移移动层动层。直接通直接通过过拖拖动层动层，生成路径，生成路径，产产生生动动画。画。83.产生曲线的运动 84.产生动画 85.3添添加加鼠鼠标标触触发发属属性性，产产生生广广告告图图片片的的交交替替变变化化鼠鼠标标触触发发的的各各种种属属性性，能能产产生生各各种种变变化化。这这 里里 我我 们们 要要 用用 到到 的的 是是 onMouseoutonMouseout和和onMouseoveronMouseover两两 个个 属属 性性。打打 开开 菜菜 单单“窗窗 口口（Windows）”选选择择“行行为为（Behaviors）”弹弹出出“行行为为”窗窗口口选选中中层层中中的的广广告告图图片片点点击击“行行为为”窗窗口口中中的的“+”在在弹弹出出的的菜菜单单里里面面选选择择“对对调调图图像像（SwapImage）”。86.对调图像 浏览广告图片所在路径 87.在在“对调图对调图像像”对话对话框里面框里面浏览选择浏览选择广告广告图图片所在路径片所在路径在在“对调图对调图像像”对话对话框里系框里系统统默默认认中有个中有个“onMouseout（复原（复原图图像）像）”前是打前是打钩钩的的直接直接单击单击“确定确定”按按钮钮。“行行为为”状状态态窗中多了我窗中多了我们们前面前面说说到的到的onMouseoutonMouseout和和onMouseoveronMouseover两个鼠两个鼠标标触触发发事件。事件。按按F12F12预览预览，移，移动动鼠鼠标标到到图图片上，片上，观观看是不是看是不是图图片片变变化了。再移开鼠化了。再移开鼠标标，又恢复到原来的，又恢复到原来的图图片。片。这样简单这样简单的的图图片交替行片交替行为为就完成了。就完成了。88.图片交替 89.4最后思考的最后思考的细节细节 关于路径关于路径长长度。假度。假设动设动画是从上至画是从上至下的，网下的，网页页高度超高度超过过一屏，如果路径没一屏，如果路径没有足有足够长够长，那么网，那么网页页被快速被快速浏览浏览到下一到下一屏的屏的时时候就看不到上面的候就看不到上面的层动层动画。最好画。最好应该应该将路径画到网将路径画到网页页底部，然后底部，然后设设置置时时间轴动间轴动画画栏栏，使，使层层能能够够慢慢沿着下来的慢慢沿着下来的路径往上路径往上动动。90.5.4.1富媒体网富媒体网络络广告广告简简介介富媒体（富媒体（Rich-Media）网）网络络广告又称广告又称扩扩展展创创造性（造性（ExtensiveCreative）网）网络络广广告，一般指使用告，一般指使用浏览浏览器插件或其他脚本器插件或其他脚本语语言、言、Java语语言等言等编编写的具有复写的具有复杂视觉杂视觉效果效果和交互功能的旗和交互功能的旗帜帜广告。广告。这这些效果的使用些效果的使用是否有效，一方面取决于站点的服是否有效，一方面取决于站点的服务务器端器端设设置，另一方面取决于置，另一方面取决于访问访问者的者的浏览浏览器是器是否能否能顺顺利利查查看。看。5.4富媒体广告的制作富媒体广告的制作91.5.4.2富媒体网富媒体网络络广告广告创创作工具作工具富媒体富媒体创创作系作系统统介于富媒体操作系介于富媒体操作系统统与与应应用用软软件之件之间间，是支持，是支持应应用开用开发发人人员进员进行富媒体行富媒体应应用用软软件件创创作的工具，故作的工具，故又称又称为为富媒体富媒体创创作工具。它能作工具。它能够够用来集用来集成各种媒体，并可成各种媒体，并可设计阅读设计阅读信息内容方信息内容方式的式的软软件。借助件。借助这这种工具，种工具，应应用人用人员员可可以不用以不用编编程也能做出很程也能做出很优优秀的富媒体秀的富媒体软软件件产产品，极大地方便了用品，极大地方便了用户户。92.与之与之对应对应，富媒体，富媒体创创作工具必作工具必须须担担当起可当起可视视化化编编程的程的责责任，它必任，它必须须具有概具有概念清晰、界面念清晰、界面简洁简洁、操作、操作简单简单、功能伸、功能伸缩缩性性强强等特点。目前，等特点。目前，对优对优秀的富媒体秀的富媒体创创作工具的判断作工具的判断标标准是，准是，应该应该具具备备以下以下8种基本的能力并能种基本的能力并能够够不断不断进进行增行增强强。（1 1）编辑编辑能力及能力及环环境。境。（2）媒体数据）媒体数据输输入能力。入能力。93.（3 3）交互能力。（）交互能力。（4 4）功能）功能扩扩充能力。充能力。（5 5）调调试试能能力力。（6 6）动动态态数数据据交交换换能能力。力。（7 7）数据）数据库库功能。功能。（8）网）网络组络组件及模板套用能力。件及模板套用能力。从从系系统统工工具具的的功功能能角角度度划划分分，富富媒媒体体创创作作工工具具大大致致可可以以分分为为4类类：媒媒体体创创作作软软件件工工具具、富富媒媒体体节节目目写写作作工工具具、媒媒体体播放工具以及其他各播放工具以及其他各类类媒体媒体处处理工具。理工具。94.1媒媒体体创创作作软软件件工工具具：用用于于建建立立媒媒体体模模型、型、产产生媒体数据生媒体数据 应应用用较较广泛的有三广泛的有三维图维图形形视觉视觉空空间间的的设计设计和和创创作作软软件，如件，如Macromedia公司的公司的Extreme3D，它能提供包括建模、，它能提供包括建模、动动画、画、渲染以及后期制作等渲染以及后期制作等诸诸多功能，直至多功能，直至专业专业级视频级视频制作。另外，制作。另外，Autodesk公司的公司的2DAnimation和和3DStudio（包括（包括3DMAX）等也是很受等也是很受欢欢迎的媒体迎的媒体创创作工具。作工具。95.而用于而用于MIDI文件（数字化音文件（数字化音乐乐接口接口标标准）准）处处理的音序器理的音序器软软件非常多，比件非常多，比较较有名的有有名的有MusicTime，RecordingSession，MasterTrackPro和和Studioforwindows等。至于波形声音工具，在等。至于波形声音工具，在MDK（多媒（多媒体开放平台）中的体开放平台）中的WaveEdit，WaveStudio等就相当不等就相当不错错。96.2 2富富媒媒体体节节目目写写作作工工具具：提提供供不不同同的的编辑编辑、写作方式、写作方式 第一种是基于脚本第一种是基于脚本语语言的写作工具，言的写作工具，典型的如典型的如ToolbookToolbook，它能帮助，它能帮助创创作者控作者控制各种媒体数据的播放，其中制各种媒体数据的播放，其中OpenScriptOpenScript语语言允言允许对许对WindowsWindows的的MCIMCI（媒（媒体控制接口）体控制接口）进进行行调调用，控制各用，控制各类类媒体媒体设备设备的播放或的播放或录录制。制。97.第二第二类类是基于流程是基于流程图图的写作工具，的写作工具，典型的如典型的如Authorware和和IconAuther，它，它们们使用流程使用流程图图来安排来安排节节目；每个流程目；每个流程图图由由许许多多图标组图标组成，成，这这些些图标图标扮演脚本命扮演脚本命令的角色，并与一个令的角色，并与一个对话对话框框对应对应，在，在对对话话框框输输入相入相应应内容即可。第三内容即可。第三类类写作工写作工具是基于具是基于时时序的，典型的如序的，典型的如Action，它，它们们通通过过将元素和将元素和对检验时间轴线对检验时间轴线的安排的安排来达到使富媒体内容演示的同步控制。来达到使富媒体内容演示的同步控制。98.3 3媒媒体体播播放放工工具具：可可以以在在电电脑脑上上播播出出，有的甚至能在消有的甚至能在消费类电费类电子子产产品中播出品中播出 这这一一类软类软件非常多，其中件非常多，其中Video for Video for WindowsWindows就可以就可以对视频对视频序列（包括伴音）序列（包括伴音）进进行一系列行一系列处处理，理，实现软实现软件播放功能。件播放功能。而英特而英特尔尔公司推出的公司推出的IndeoIndeo在技在技术术上更上更进进了一步，在了一步，在纯软纯软件件视频视频播放上，播放上，还还提供提供了功能先了功能先进进的制作工具。的制作工具。99.4 4其他各其他各类类媒体媒体处处理工具理工具 除了三大除了三大类类媒体开媒体开发发工具外，工具外，还还有有其他几其他几类软类软件，如多媒体数据件，如多媒体数据库库管理系管理系统统、Video-CDVideo-CD制作制作节节目工具、基于多媒目工具、基于多媒体板卡（如体板卡（如MPEGMPEG卡）的工具卡）的工具软软件、多媒件、多媒体出版系体出版系统统工具工具软软件、多媒体件、多媒体CAICAI制作工制作工具、各式具、各式MDKMDK（多媒体开放平台）等。它（多媒体开放平台）等。它们们在各在各领领域中都受到普遍域中都受到普遍欢欢迎。迎。100.5.4.3利用利用UleadVideoStudio9制作制作视频视频广告广告目前流行的目前流行的视频视频制作制作软软件有件有UleadVideoStudio（绘绘声声绘绘影），影），AdobePremiere，UleadMediaStudioPro，UleadDVDPictureShow（UleadDVD拍拍拍拍烧烧），），UleadDVDMovieFactory（UleadDVD制片家）等。制片家）等。101.多媒体多媒体视频编辑视频编辑制作的广告，不制作的广告，不仅仅融融入了声音、入了声音、图图像等元素，更重要的是，像等元素，更重要的是，这这样样的广告更注重的广告更注重创创作立意，作立意，经经常由一个或常由一个或多个小故事多个小故事组组成，成，让观让观众不众不仅仅欣欣赏赏到了美到了美丽丽精致的画面，同精致的画面，同时时也引也引发发思考，更能深思考，更能深入人心。入人心。（1 1）打开）打开绘绘声声绘绘影影编辑编辑器，器，单击单击“插入插入视频视频”，将准，将准备备好的好的视频视频文件插入到文件插入到“视视频轨频轨”。102.选择插入视频文件到“视频轨”103.（2）将插入的）将插入的视频视频文件文件调调整好整好顺顺序和播序和播发发时间时间，排列在，排列在“视频轨视频轨”上，上，对长对长短不一的短不一的短片短片进进行剪切。行剪切。（3 3）为为每个每个视频视频片断加入片断加入转场转场效果，效果，选选中中的的转场转场效果用鼠效果用鼠标标拖至两个短片之拖至两个短片之间间，转场转场效果如效果如图图所示。所示。（4 4）为为短片加上字幕，短片加上字幕，选择选择“标题标题”，在，在屏幕任何位置上都可屏幕任何位置上都可输输入文字，然后入文字，然后选择选择文文字字“动动画画”类类型，本例型，本例选择选择“Drop”“Drop”。104.视频轨上按顺序排列的视频文件 105.转场效果选择项 106.插入转场效果到视频轨 107.在视频片断中加入字幕 108.（5）为为编编辑辑好好的的视视频频加加入入背背景景音音乐乐或或者者旁白，本例加入背景音旁白，本例加入背景音乐乐。（6）完成以上步）完成以上步骤骤，一个，一个简单简单的的视频视频广广告基本完成，在告基本完成，在“分享分享”选项选择选项选择“创创建建视视频频文件文件”，然后，然后选择选择要保存的文件格式，要保存的文件格式，本例本例选择选择WMV352288，30fps。109.选择要保存的文件个格式 110.（7 7）保存文件，制作完成。）保存文件，制作完成。多媒体广告投放到网多媒体广告投放到网页页上上时时，被，被设设置置为为自自动动播放，不需点播放，不需点击击播放，各种精播放，各种精彩彩纷纷呈的广告便会映入眼帘，成呈的广告便会映入眼帘，成为现为现代代网网络络广告不可缺少的形式之一。广告不可缺少的形式之一。111.上机 分别使用frontpage 和 fireworks 再加工制作适合山科大、北大和香港大学主页风格的宜家广告（以自己原来做的为原型）。112.