任务二开发单机版数字媒体产品

任务二　开发单机版数字媒体产品

任务概述

本任务以一个虚构的公司（重庆茶龙房地产开发公司）开发数字媒体的宣传光盘（图9-2-1）为例，介绍单机版数字媒体产品的开发过程。

图9-2-1

1. 了解开发流程

典型的数字媒体开发流程为需求分析→框架设计→素材采集→界面制作→媒体集成→共享发布6个环节，如图9-2-2所示，每一个环节都是为后面的环节作准备。其中数字媒体的集成是开发数字媒体产品最重要的一个环节，该环节的主要任务是应用数字媒体集成软件将前期采集与处理好的各种媒体素材集成为一个符合预期要求的、界面优美、框架导航设计合理的数字媒体作品。

图9-2-2

步骤1　需求分析。重庆茶龙房地产开发公司是一家以房地产开发为主业，并涉及与主业相关的星级酒店、基础设施建设、物业管理等领域的大型公司。该公司准备在一场即将到来的展会上派发公司的宣传光盘以扩大影响。经过与该公司相关负责人的沟通和缜密的分析，得出该数字媒体宣传光盘需要达到如下目的：

①展示公司的整体形象，希望在数字媒体的界面设计以及颜色搭配上能够给人以大气、稳重的感觉。

②分块展示出公司的概况、企业文化、开发的楼盘情况、下设的物业管理以及联系方式等信息，使人能够通过该光盘对茶龙公司有一个全面的认识。

③人机交互设计人性化，使人能够很轻易地从光盘上获得想要的信息，如查找公司开发的各个楼盘的详细信息，包括户型、效果图、环境等信息。

④要有一个动画片头来演绎公司的标志，提高大家对公司形象的认知度。

⑤在该光盘中要插入公司之前已经做好的一个宣传片视频。

⑥在相关页面（如楼盘介绍）除了图片和文字等信息外，还需要配有背景音乐和解说词。

⑦该光盘放入光驱后要能够自动运行，运行后自动执行片头动画以演绎公司标志，片头动画演示完毕之后自动导航到主界面。

步骤2　框架结构设计。框架结构设计就是规划数字媒体的链接结构，在这个阶段要将创造性和灵感全部集中起来设计一个界面之间相互链接的拓扑结构，并用流程图或演示文档的方式描绘出来。框架结构的设计对整个数字媒体中的各个板块、界面的设计将起到很大的指导作用。框架结构设计不当，会使数字媒体一些重要的内容深藏不露，重要的信息不能被访问者获悉。茶龙公司的宣传光盘采用以树状框架结构为主，少许页面采用星状结构使它们之间能够互相导航。

步骤3　素材采集与处理。根据框架的设计采集所需要的素材，这些素材主要包括文字、图形、图像、音频、视频、动画等。在该数字媒体项目的文件夹中新建一个素材文件夹，再在其里面建立“文字”“图像”“音频”“视频”“动画”等文件夹以方便将素材放在里面，这样归类也能为后面的工作提供方便。数字媒体素材的加工与制作是数字媒体开发中最为艰苦的阶段，非常耗费时间。在此阶段中，要和各种软件打交道，制作文字、图像、动画、声音乃至视频文件。在素材加工与媒体制作阶段，要严格按照脚本的要求进行工作。其主要的工作有以下几项：

①录入文字，并生成纯文本的文件格式。文字素材主要是茶龙公司提供一些与公司有关的文字资料，手写的文字要将其录入计算机，也可以将其扫描作为图片素材使用。如果是在印刷物上的文字，最好是能找到该印刷物的电子文本，如果没有，可以采用扫描识别的方式将其采集进入计算机。需要注意的是，前期采集的文字素材最好使用记事本保存为纯文本格式，具体格式可以在后期的制作中调整。

②扫描或绘制图片，并根据需要进行加工和修饰，然后形成脚本要求的图像文件。需要采集的图形图像素材主要包括：公司标志的图形文件，公司的建筑物图片、公司的环境图片，公司开发的各个楼盘的户型图、效果图、环境图片等，公司总裁的照片，与公司企业文化有关的一些标语、警示牌等，公司物业管理有关的图片，标有公司联系方式的地图……这些素材中的一部分是可以找公司提供的，如公司的标志、公司开发的楼盘的户型图和效果图等，有可能是直接以电子文件的方式提供，也有可能是提供一些印刷物。如果提供的是印刷物，则需要先将其扫描进计算机再进行相应的处理，使其符合数字媒体制作的使用。也有些素材可能是公司一时提供不出来的，或者即使提供出来也不符合使用要求，那么这些素材就需要使用数码相机拍摄或者用图像创作软件创作出来。

③制作解说和背景音乐。按照脚本要求，将解说词进行录音，背景音乐可直接从光盘上经数据变换得到。在进行解说音和背景混频处理时，要慎重处理，保证恰当的音强比例和准确的时间长度。

④视频素材的采集在本例中非常简单，因为公司提供了一个他们之前做好的宣传片，只需对其进行少许的处理便可以使用了。当然有时候视频的采集也得需要自己去拍摄后进行编辑处理，这样才能制作出符合自己制作要求的素材。

⑤动画素材在本例中只需要一个，就是通过一个片头动画来演绎公司的标志，公司的标志是一个已有的素材，只需要逆向制作出形成该标志的动画就可以，这里可以采用Flash来制作出该动画。

⑥利用工具软件，对所有素材进行检测。对于文字内容，主要检查用词是否准确、有无纰漏，概念描述是否严谨等。对于图片，则侧重于画面分辨率、显示尺寸、彩图数量、文件格式等的检查。对于动画和音乐，主要检查两者的时间长度是否匹配、数字音频信号是否有爆音、动画的画面调度是否合理等项内容。

⑦数据优化。数据优化是针对媒体素材进行的，其目的是：减少各种媒体素材的数据量；提高数字媒体产品的动作效率；降低光盘数据内储的负荷；制作素材备份，此项工作十分重要，素材的制作会花费很多心血和时间，应多复制几份保存，否则因一时疏忽而导致文件损坏，将后悔莫及。

步骤4　界面制作。收集好所需要的素材后，便可以开始具体的工作了。首先是制作该产品的界面，界面是影响人们对一个数字媒体产品认识的最大因素，因为数字媒体产品的一切都是通过人机交互界面表现出来的，甚至可以这样说，没有界面就没有数字媒体。茶龙公司宣传光盘的界面设计以及颜色搭配给人以大气、稳重的感觉。

步骤5　媒体集成。在集成数字媒体时，要从整体出发，根据框架和构思的脚本，先设计好各级版块的静态界面，确定数字媒体的设计风格，再把各个静态的界面转化成动态页面，通过交互链接把各个页面链接形成一个个版块，再把各个版块相链接，整个作品就形成了。本例中的数字媒体集成就是在框架设计和界面制作完成的基础上进行的，就是用数字媒体集成软件将采集的素材集成为符合要求的最终作品。

步骤6　共享发布。数字媒体的发布就是将制作好的数字媒体作品根据需要发布为单机版的光盘形式或者网络版的网站形式，这是数字媒体开发流程的最后一个环节。该环节除了发布产品需要相应的技术手段外，还包括对数字媒体产品进行最终的包装，如光盘盘面、光盘封套的设计以及对网站的推广等。

2. 框架设计

经过与茶龙公司负责人的沟通以及前面的需求分析，决定该数字媒体采用以树状框架结构为主，少许页面采用星状结构使它们之间能够互相导航。茶龙公司宣传光盘的框架结构如图9-2-3所示。

图9-2-3

步骤1　光盘片头。光盘片头一般制作为Flash动画，主要是对公司的Logo进行演绎。片头动画主要起一个导入的作用，同时也强化了用户对公司Logo 的认识。

步骤2　主界面。根据框架设计，在主界面中要放置“走进茶龙”“企业文化”“楼盘展示”“物业管理”及“联系我们”5个链接。同时，由于主界面中有一段舒缓的背景音乐，得设计一个控制音乐播放与停止的按钮以供用户使用。另外，由于该数字媒体产品执行后是全屏播放，所以还得在主界面设计一个“退出”按钮以便用户能够随时退出并回到计算机桌面，如图9-2-4所示。

步骤3　版块界面。通过点击主界面上的“导航”按钮，便可以进入相应板块的界面，其中“走进茶龙”和“楼盘展示”版块的界面如图9-2-5所示。

步骤4　点击各板块左上角的链接，分别进入各详细内容的页面，楼盘展示板块下其中一楼盘的界面如图9-2-6所示。

图9-2-4

图9-2-5

图9-2-6

知识链接

数字媒体集成软件，是供特定应用领域的专业人员组织编排数字媒体数据，并把它们开发成完整的数字媒体应用的系统工具。目前常用的有Flash，Authorware，Director，Dreamweaver等，这几个软件都是原Macromedia公司的产品，由于Macromedia被Adobe公司兼并，其产品也被收归到Adobe旗下。

● Authorware是一款优秀的基于流程图标的交互式数字媒体创作软件，能够整合文字、图片、动画、声音、数字电影等信息在其中来创作交互式的数字媒体，是一种面向对象的、以图形流程线逻辑编辑为主导、以函数变量为辅助、以动态连接（DLL）为扩展机制“无须编程”的数字媒体工具软件。该软件把复杂的开发数字媒体产品的开发过程简化为流程图形式，流程图中的流程线代表事件发生的前后顺序，图标是流程图中的事件，每个事件代表一项或多项数字媒体功能。在设计数字媒体作品时，把图标拖曳到流程图上，再进行适当的设置，即可完成数字媒体产品的创作。Authorware的界面如图9-2-7所示。

图9-2-7

● Director是一个专业级数字媒体开发软件，主要用于数字媒体项目的集成开发。我们看到的许多数字媒体光盘，都是由Director开发制作。它可以让设计开发人员把复杂的数字媒体应用程序和3D界面、数据库访问以及Internet应用等组合到一起。Director可以开发教学、游戏娱乐到商业演示等各种数字媒体作品，它的强大功能主表现在其具有独特的Lingo脚本语言，该语言可以使开发的数字媒体软件具有更复杂和精确的功能。使用Director设计数字媒体作品时，就像在指导一部电影，要把图像、声音等素材的运动、过渡和效果在舞台上排练，并最终合成一部完整的影片。Director的界面如图9-2-8所示。

图9-2-8

● Flash是数字媒体集成的后起之秀，虽然它同时是一款优秀的二维动画制作软件，但由于它能实现强大的交互功能，几乎可以实现以前只能由Authorware或者Director才能实现的所有效果，因此越来越多的数字媒体开发者将其作为数字媒体集成软件来使用了。同时，目前的Flash CS6，已经逐步完善了它对后台数据库的处理，因此它也被作为一种优秀的动态网站开发工具而被大家使用。Flash的界面如图9-2-9所示。

图9-2-9

● Dreamweaver是一款可视化网页设计软件，它与Flash、Fireworks并称为网页制作三剑客。使用它可以快速地创建网页而无需编写任何代码，可以查看所有站点元素或资源并将它们从易于使用的面板中直接拖到文档中，能够随心所欲地运用它来建立网站。Dreamweaver的界面如图9-2-10所示。

图9-2-10

练习与思考

（1）开发数字媒体产品时，应该注意哪些事项？

（2）安装使用一下Authorware和Director，了解它们的异同。

（3）到网上分别下载由Authorware、Flash和Director制作的数字媒体作品各一个，运行这些数字媒体作品，观察这些作品各自的特点。