《饮食说明书》网络交互式媒体设计与制作 毕业论文.doc

《《饮食说明书》网络交互式媒体设计与制作 毕业论文.doc》由会员分享，可在线阅读，更多相关《《饮食说明书》网络交互式媒体设计与制作 毕业论文.doc（23页珍藏版）》请在三一文库上搜索。

1、 浙江工贸职业技术学院 信息传媒学院 毕毕 业业 设设 计计 （论（论 文）文） 课题名称：饮食说明书网络交互式媒体设计与制作 学生姓名： 专 业： 计算机应用技术（广告与包装设计） 学生学号： 06131401 学生班级： 计算机 0604 指导教师： 职 称： 讲师 饮食说明书网络交互式媒体设计与制作 摘摘 要要：随着中国经济的发展，中国人民的生活水平有了显著的提高。人们开始不满足 于简单的物质生活，开始注重精神上的享受。网络媒体的出现，渐渐成为人们生活中不 可或缺的一部分。网络交互式媒体的到来正好给人们提供了对网络媒体从了解、使用到 互动的空间。作品饮食说明书以 FLASH 8 为主要创

2、作工具，以健康饮食为主题，介 绍了日常健康饮食的合理搭配与营养需求，其最大特色是交互式的运用，能和广大的网 民朋友在线交流，使网民能在交互式的环境中学习日常健康饮食的合理搭配与营养需求。 关键词关键词：交互式 网络广告 媒体 flash 目 录 1 前言 1 2 网络交互式媒体概况 2 2.1 网络交互式媒体 2 2.1.1 网络媒体的概念 2 2.1.2 交互式的概念 2 2.1.3 网络交互式媒体的概念 2 2.2 网络交互式 - 媒体特点2 2.3 网络交互式媒体现状及发展方向 3 2.3.1 网络交互式媒体现状 3 2.3.2 网络交互式媒体发展方向 3 2.4 网络交互式媒体制作软件

3、介绍 4 2.4.1 闪电之锤 4 2.4.2 SwishMax 4 2.4.3 PPStream 4 2.5 网络交互式媒体发布 4 2.5.1 网络交互式媒体投放 4 2.5.2 网络交互式媒体发布途径 5 3 剖析 FLASH 作品饮食说明书9 3.1 FLASH 简介.9 3.2 制作 FLASH 作品饮食说明书的背景 9 3.3 FLASH 作品饮食说明书内容简介10 3.3.1 食物相宜 .10 3.3.2 食物相克 .10 3.3.3 四季饮食 .10 3.3.4 健康饮食 .10 3.4 FLASH 作品饮食说明书的创意来源10 3.5 FLASH 作品饮食说明书的制作过程11

4、 3.5.1 制作流程 .11 3.5.2 制作技巧 .16 3.5.3 制作过程中所碰到的问题及解决方法 .16 4 结束语 .17 参考文献 .18 浙江工贸职业技术学院毕业论文 第 1 页 共 19 页 1 1 前言前言 由于介质和历史原因，使传统媒体成为压迫的工具，人们只能被动得接受，缺乏对传统媒体运载 着的信息进行操纵和反馈。网络交互式媒体的出现，解决了长期以来存在的历史遗留的大问题。它的 出现大多呈现这样三种趋势与格局。 一是压迫性环境下的媒体，虽为传统形式，但却有一定的互动性。因为此时受众没有其他选择， 只有关注这个媒体。 二是氛围性媒体。这种媒体虽然形态上也还是传统方式，但他已

5、经将受众纳入到他的情景当中去 了，受众成为了他媒体的组成部分，受众在情景中生存生活，这种交互性还是非常强的。 三是交互性媒体或者说互动性媒体。由于受众的参与或交流，让一个信息更加丰满，更加完整， 而不是一种单向度的供给，而是可以对话与交流，这个过程就是信息传播的过程。这种交互性更强的 媒体，一般都是在互联网上体现的最多。 不言而喻，互动媒体就是受众的主动性极强，参与性极强的媒体。没有这一点，不可能是交互性 媒体。 饮食说明书恰恰是一部具有极强的交互性，集合了文本、图像、动画和声音等多种信息，且 拥有丰富的饮食知识的网络交互式媒体 FLASH 作品，它关注的是人们日常生活最在意的饮食问题，包 括

6、食物相宜、食物相克、四季饮食、健康瘦身四项基本内容，主要介绍食物与食物间的相生与相克， 主要与次要，需求量的多与少等。目的是为了以网络交互式媒体极强的交互性，让人们更容易也更愿 意接收饮食说明书所传达的内容，达到宣传的目的 饮食说明书网络交互式媒体设计与制作 第 2 页 共 19 页 2 2 网络交互式媒体概况网络交互式媒体概况 2.1 网络交互式媒体网络交互式媒体 2.1.1 网络媒体的概念网络媒体的概念 网络媒体是流行于网络世界，把文本、图形、图像、动画和声音等多种信息类型综合在一起，并 通过计算机进行综合处理和控制，能支持完成一系列交互式操作的网络信息载体，它的核心功能是快 速、有效地传

7、播信息。 2.1.2 交互式的概念交互式的概念 交互性强被誉为互联网络的最大的优势。简单来说，在网络传播中，受者能够通过多种输入输出 方式与系统或者其他受者在一定程度上进行直接双向交流的特性被称为网络交互性。从传播的基本模 式来看它是这样的一个过程，传者发出讯息，并通过受者的反馈来确认传播的效果；而受者不但接收 讯息，而且也会根据自己的理解做出相应的反馈。 交互性：交互性是网络媒体应用有别于传统信息交流媒体的主要特点之一。传统信息交流媒体只 能单向地、被动地传播信息，而交互性的媒体技术则可以实现人对信息的主动选择和控制。 2.1.3 网络交互式媒体的概念网络交互式媒体的概念 由 2.1.1 和

8、 2.1.2 能总结出网络交互式媒体的概念为：能把文本、图像、动画和声音等多种信息 类型综合在一起，并通过计算机进行综合处理和控制，能支持完成一系列交互式操作的网络信息载体。 可以让人们突破传统的被动的阅读方式，人与机器能有更好的互动，能有主动性的，具有挑选性地阅 读自己想要看的内容，能源利用率高，效果好。 2.2 网络交互式网络交互式 - 媒体特点媒体特点 1）信息丰富性 从纯文字表达再到图像、文字结合的超文本表达，之后在发展到音频、视频、三维动画等多媒体 数据的嵌入，基于网络媒体的信息传达越来越丰富、完整、多样；信息时代人们可以运用综合的信息 传递方式，借助视觉、听觉、触觉等方式来获取更广

9、泛的资源。信息的丰富性使用户体验变的立体化 和全方位。 2）交互性 网络交互式媒介的最大独特性正在于其交互性。交互的终极意义就是放弃视觉刻意安排，让位于 感官的随意参与；与那些直接的人与人的接触性体验不同，网络提供了更广泛的互动机会，更具有创 造互动体验的能力。 3）信息使用的方便性 浙江工贸职业技术学院毕业论文 第 3 页 共 19 页 用户可以按照自己的需要、兴趣、任务要求、偏爱和认知特点来使用信息，任取图、文、声等信 息表现形式。 2.3 网络交互式媒体现状及发展方向网络交互式媒体现状及发展方向 2.3.1 网络交互式媒体现网络交互式媒体现状状 美国 Macromedia 公司所开发的

10、Flash 在全球的影响力不断扩大推动了网络交互式媒体交互艺术 创作的发展，这一发展的态势可从 FWA 中反映出来。FWA 是一个举世闻名的 Flash 艺术设计的展示平 台，其全称是 Favourite Website Awards，于 2000 年 5 月建立，目的是展示世界上最优秀、最前沿 的网络媒体艺术设计作品。2000 年 9 月以来 FWA 一直被列为世界上最顶级、最具有精英意义的评价网 络媒体交互艺术创作的权威机构。 近年来，国内出现了许多优秀的 Flash 动画设计师，他们凭借 Flash 的强大动画编辑功能，创作 了一大批脍炙人口 Flash 动画短片，但这些被赞誉为“闪客”

11、的设计师主要是从事基于二维平面的动 画创作，是传统动画在新科技背景下的延伸。国内虽然也有与 FWA 相类似的机构和团队，也出现了一 批专攻于具有人机交互与信息传播特性的网络交互式媒体设计师，设计和开发了一些颇有新意的 Flash 互动网站，但就其媒体格调和表现技巧方面还处于有待发展阶段，相关的理论研究更是罕见。 如果说 FWA 中的一行行链接文字和一幅幅图片是通往 Flash 交互艺术世界的航标，那么徜徉在这 一艺术世界时所历经的一次次数据交互、信息反馈、鼠标行为的交互体验就是抵达“沉浸式”感受的 方舟。若要实现具有“沉浸式”感受的效果，就必需在视觉设计和实现交互式数据呈现方面做到极致， 需要

12、视觉艺术设计师与计算机程序工程师进行密切配合，这一现象也就推动了对复合型人才的培养。 在网络交互式媒体设计的学科教育方面，学科的分化变得愈加细致，使学生有所偏重地掌握网络交互 式媒体设计的技能。 2.3.2 网络交互式媒体发展方向网络交互式媒体发展方向 美国 Macromedia 公司所开发的 Flash 开启了网络媒体交互媒体创作的新纪元，其使用矢量图形 和流式播放技术、利用时间轴和关键帧将图形、视频、动画和音频以交互方式融合在一起，加之强大 的动画编辑功能和创建交互性的编程语言 Action Script 使其成为创建动态交互式网络应用的行业标 准。如今，在全球范围内绝大多数的计算机用户都

13、装有 Flash 播放器插件，越来越多的商家愿意投入 资金开发多媒体网站，以展示企业形象并推动产品行销。一些世界著名企业在开发基于 html 的超文 本网站的同时，还致力于 Flash 全站的开发与设计，由此可见，网络交互式媒体正向新的视听感受和 实时的人机交互方向发展。 饮食说明书网络交互式媒体设计与制作 第 4 页 共 19 页 2.4 网络交互式媒体制作软件介绍网络交互式媒体制作软件介绍 2.4.1 闪电之锤闪电之锤 闪客之锤是一款全能型的 Flash 动画制作工具，强大的功能能更快更容易的制作专业级 Flash 影 片。它支持设计矢量图，多属性文字编辑，影片剪辑和按钮的创建，补间动画和

14、引导线运动动画，遮 罩，流声音和事件声音。除了使用该程序的矢量图绘图工具外，还可以导入其他的矢量图格式，包括 AI，SVG 和 WMF/EMF 来使用。闪客之锤还提供了专业的动作脚本编辑器，并结合辅助功能，如语法加 亮，自动显示成员列表，参数信息和自动完成代码输入，帮助轻松的编写动作脚本。 闪客之锤最强大的一个功能是运用智能的运动动画分析和完全的动作脚本支持，来导入*.SWF 格 式的文件。所有导入的元素及动作脚本可以被轻松的修改，还可以将影片再导出为 SWF 格式，保证原 来影片的元素和功能毫无损失。 为了制作出更专业的动画，闪客之锤自带了 80 余款各种样式的生动的动画特效。只需轻点几下

15、鼠标，更改几个参数即可完成复杂的动画作品。此外，还支持多字节语言文字。 2.4.2 SwishMax SwiSHmax 操作方便，可轻易的在短时间内制作出复杂的文本，图像，图形和声音的效果。 SwiSHmax 现在有超过 230 个内建效果，例如：爆炸，漩涡， 3D 旋转，曲折等等。 SwiSHmax 用 来创建直线、正方形、椭圆形、贝塞尔曲线、动作路径、精灵、rollover 按钮和导入表单的所 有工具，全都囊括在一个非常容易使用的界面里。 2.4.3 PPStream PPStream 是一套完整的基于 P2P 技术的流媒体超大规模应用解决方案，包括流媒体编码发布、广 播、播放和超大规模用

16、户直播。能够为宽带用户提供稳定和流畅的视频直播节目。与传统的流媒体相 比，PPStream 用了 P2P-Streaming 技术，具有用户越多播放越稳定，支持数万人同时在线的大规模访 问等特点。他是一款免费的网络播放器。可以用来在线看电视电影，内容非常丰富。而且播放流畅。 这个除了看电视还可以利用 PPstream 来播放 mms http 视频文件。 2.5 网络交互式媒体发布网络交互式媒体发布 2.5.1 网络交互式媒体投放网络交互式媒体投放 1）首页重要，其他页面同样重要 有相当多的站只注重首页广告，认为如果广告放在首页都没有人点击去看，放在别的页面就更白 费劲了。因此，相当多的网站将

17、广告大多都放在首页，别的页面则几乎没有广告，这是一个很大的误 解。不错，放在首页的广告有最多的点击，但从访客到访您网站可能的原因和去向来看，有一些人将 浙江工贸职业技术学院毕业论文 第 5 页 共 19 页 会即刻点击此广告并一去不复返；而大部分的访客会看过几个页面后离去。因此，最佳的广告放置方 法是，首页只放一个，并且是广告费率高的广告，如果没有这样的广告则宁可不放，让访客多看您的 网站；几乎所有的页面都放上广告，让访客要离去的时候可以看到这个有吸引力的广告而点击它离去。 2）广告内容与网页内容相匹配 广告内容应与网页内容贴近，因为通过链接进入这个页面的访客都出于对页面的内容感兴趣，看 到相

18、关内容的广告后点击去看的可能性便大增。因为类似的原因，您应该准备足够的不重复广告放在 不同的页面，增加访客看广告的可能。这一个要诀在实现时与选择广告赞助商有很大关系，有相当多 的广告网络并不能提供给站长有足够的广告选择，有时甚至只有极少量的几个广告。 3）标题应生动、有吸引力 给广告加上适当而贴切的中文标题是非常有益的。因为网站是中文内容，其服务对象是中文用户， 给英文广告加上中文注解是提高访客兴趣点击广告的有效手段。如果中文注解既贴切又有较大吸引力 的话，对提高广告点击就有莫大的帮助了。 行业资源信息网：生产干燥机的企业应在中国化工报上刊登广告，而不是消费时报 。在 选择网络媒体之前，应分析

19、该媒体访问者是否为公司产品或服务的潜在客户，所以对于发布专业广告， 应选择行业资源信息网或专业门户来发布。 相关网站：如果你公司经销防晒护肤用品，你可以通过搜索引擎等途径找到与公司业务相关的网 站，如旅游站点，部分游客会对你的防晒护肤品感兴趣。如果产品之间互补，你甚至可以同你的竞争 对手协商，相互放置对方链接。 搜索引擎：通过搜索引擎来发布广告，可给你的网站带来显著的访问量，越来越多的搜索引擎提 供广告管理系统，极大地提高了广告效果。比如，如果你是一家网络广告公司，你可以购买搜索引擎 AltaVista网络广告这个关键词，当人们键入“网络广告”这个搜索字串进行查询时，你的 Banner 广告出

20、现在结束页的顶部，这样保证你的网站来访者 100%的“目标客户” 。 4）应真诚，勿欺骗 网站广告要禁忌的一点是用诳骗的文字甚至链接骗取访客去点击广告，虽然短时间内可提高广告 点击率，但您的网站会很快因此失去访客的支持(毕竟回头的访客在现在网站访问量中占有很大比例)， 这种饮鸩止渴的行为断不足取。 这里所论虽然针对中小型网站的广告发布，但其实对所有网站的广告发布都有提示作用。毕竟， 无论是赞助商或站主，无论业务大小，有些原理都是共通的。 饮食说明书网络交互式媒体设计与制作 第 6 页 共 19 页 2.5.2 网络交互式媒体发布途径网络交互式媒体发布途径 1）主页形式 建立自己的主页，对于大公

21、司来说，是一种必然的趋势。这不但是一种企业形象的树立，也是宣 传产品的良好工具。实际上，在 Internet 上做广告，归根到底要设立公司自己的主页。其他的网络 广告形式，无论是黄页、工业名录、免费的 Internet 服务广告，还是网上报纸、新闻组，都是提供 了一种快速链接至公司主页的形式，所以说，在 Internet 上做广告，建立公司的 Web 主页是最根本 的。主页形式是公司在 Internet 进行广告宣传的主要形式。按照今后的发展趋势，一个公司的主页 地址也会像公司的地址、名称、标志、电话、传真一样，是独有的，是公司的标识，将成为公司的无 形资产。 2）专类销售网 这是一种专类产品

22、直接在 Internet 上进行销售的方式。现在有越来越多的这样的网络出现，著 名的如 Automobile Buyers Network、AutoBytel 等。以 Autlmobile Buyers Network 为例，消费 者只要在一张表中填上自己所需汽车的类型、价位、制造者、型号等信息，然后轻轻按一下 Search(搜索)键，计算机屏幕上就可以马上出现完全满足你所需要的汽车的各种细节，当然还包括何 处可以购买到此种汽车的信息。 另外，消费者考虑购买汽车时，很有可能首先通过此类网络先进行查询，所以，对于汽车代理商 和销售商来说，这是种很有效的 Internet 广告方式。汽车商只要在网

23、上注册，那么他所销售的汽车 细节就进入了网络的数据库中，也就有可能被消费者查询到。 与汽车销售网类似，其他类别产品的代理商和销售商也可以连入相应的销售网络，从而无需付出 太大的代价就可以将公司的产品及时地呈现在世界各地的用户面前。 3）免费的 Internet 服务 在 Internet 上有许多免费的服务，如国外的 http:/、http:/ 及 国内的 http:/ 与 http:/、http:/ 等都提供免费的 E?/FONTmail 服务，很多用户都喜欢使用。由于 Internet 上广告内容繁多，即使公司建有自己的 Web 页面，但是需要用户主动通过大量的搜索查询工作，才能看到广告的

24、内容。而这些免费的 Internet 服务就不同，它能帮助公司将广告主动送至使用该免费 E-mail 服务，又想查询此方面内容 的用户手中。具体说来此种方式有诸多特点： （1）主动性强 所有的使用者都可以按照自己的喜好和兴趣选择订阅一些免费信息。一旦你选择订阅了有关的信 息，就可以定期地收到所订阅的信息。当然，其中包含着广告的内容。不过用户既可以随时增加订阅， 浙江工贸职业技术学院毕业论文 第 7 页 共 19 页 也可以随时修改或停止订阅信息内容。 （2）统计性好 每一个用户在第一次使用免费 E?/FONTmail 时，必须要详细地填写一张用户档案(Member Profile)。这就使得提

25、供免费 E-mail 的服务商能详细地知道使用者的具体情况，若有公司利用免费 E-mail 做广告，免费 E-mail 服务商就会每月给你一份调查报告，告诉你在这个月中有多少用户看了 你的广告，又有多少用户进一步了解了广告的内容(即按了广告的图标)。在每月报告中，免费 E-mail 服务商还会提供对你的产品或服务感兴趣的用户的具体情况的统计资料。 （3）针对性强 随着免费 E-mail 会员的进一步增加，广告主还可以根据使用者的特性(地域、年龄、性别、家庭 收入、职业、受教育水平、兴趣爱好、婚姻状况等)，有针对性地发布自己的广告。 4）黄页形式 在 Internet 上有一些专门的用以查询检索

26、服务的网络服务商的站点如 Yahoo!、Infoseek、Excite 等。这些站点就如同电话黄页一样，按类别划分便于用户进行站点的查询。 在其页面上，都会留出一定的位置给企业做广告。比如在 Excite 上，你在 search 一栏中填入关键字 automobile，Excite 页面的中上部就会出现某汽车公司的广告图标。在这些页面上做广告的好处是： 一.针对性好，在查询的过程中都是以关键字区分的，所以广告的针对性较好；二.醒目，处于页面的 明显处，较易为正在查询相关问题的用户所注意，容易成为用户浏览的首选。 5）企业名录 一些 Internet 服务提供者(ISP)或政府机构会将一些企业信

27、息融入他们的主页中。如香港商业发 展委员会(Hong Kong Trade Development Council)的主页中就融有汽车代理商、汽车配件商的名录。 只要用户感兴趣，就可以直接通过链接，进入相应行业代理商(或者配件商)的主页上。 6）网上报纸或杂志 在 Internet 日益发展的今天，新闻界也不落人后，一些世界著名的报纸和杂志，如美国的华 尔街日报 、 商业周刊 ，国内的如人民日报 、 文汇报 、 中国日报等，纷纷将触角伸向了 Internet，在 Internet 上建立自己的 Web 主页。而更有一些新兴的报纸与杂志，干脆脱离了传统的 “纸”的媒体，完完全全地成为了一种“网上

28、报纸或杂志” ，反响非常好，每天访问的人数不断上升。 可以预计，随着计算机的普及与网络的发展，网上报纸与杂志将如同今天的报纸与杂志一般，成为人 们必不可少的生活伴侣。对于注重广告宣传的公司，在这些网上杂志或报纸上做广告也是一个较好的 传播渠道。 7）新闻组 饮食说明书网络交互式媒体设计与制作 第 8 页 共 19 页 新闻组也是一种常见的 Internet 服务，它与公告牌相似。人人都可以订阅它，成为新闻组的一 员。成员可以在其上阅读大量的公告，也可以发表自己的公告，或者回复他人的公告。新闻组是一种 很好的讨论与分享信息的方式。对于一个公司来说，选择在与本公司产品相关的 新闻组上发表自己 的公

29、告将是一种非常有效的、传播自己的信息的渠道。 参加某一新闻组的人们有着共同兴趣，或关心特定主题，利用新闻组可有效地推广你的网站 ， 但必须遵守“国际惯例”： 要寻找那些与你的产品或服务相关的新闻组。 “潜伏”在某个新闻组，观察这个新闻组一段时间。 粘贴的文章要言简意赅，提出自己独到的见解，不要发表与主题不符的文章。 不要在文章中给你的产品或服务做广告，这样很容易引起反感，你可以在文章尾说明一下你 的网站提供某产品或服务有价值的信息或解决方案。 成为大家熟知的参与者，经常回答一些问题，树立公司良好形象。 不要忘记在每篇文章中包含你的署名。 如果有足够的兴趣，你也可以建造自己的新闻组。 投稿的新闻

30、媒体应该是全方位的，不仅仅是在线媒体，还应利用传统媒体。作为网站总体策 划的一部分，新闻稿应该与网站同时发布。 当向媒体发送稿件时，也应遵守以下几条基本规则： 缩小目标范围，要质量而不是数量，要根据你所在行业来选择目标媒体，不要向不相关的媒 体广泛发表你的新闻稿。 在你写稿之前思考、再思考，问你自己为什么要写稿，写稿要达到什么目的，并转换一下位 置，以读者的身份阅读你的新闻稿。 言简意赅是智慧的升华，编辑们每周收到数以百计的稿件，所以对于在线媒体，新闻稿篇幅 应保持在 1 到 2 屏，对于传统标准出版物，长度一般为一页或两页，不要超过此长度。 要使内容紧扣主题，主题应足够吸引人，具有报道价值和

31、时效性，撰写“倾向性报道”来吸 引编辑和读者，或提出问题，并围绕相关的技术、产品或服务提出解决方案，不失为很好的 策略。 要符合媒体的写作方式，可以申请一个免费的媒体制作工具软件，索取媒体的杂志样本，研 究媒体的形式及内容，然后以他们喜欢的方式撰写文稿。 要忠实地对待媒体及读者，不要虚伪地谎报你的产品性能，不要试图做“有偿新闻” ，要努 力让编辑们感兴趣，并主动要求更多的信息。 浙江工贸职业技术学院毕业论文 第 9 页 共 19 页 对每个媒体只使用一个 E-mail 地址，不要在 E-mail 软件中使用抄送功能。 不要忘记你自己也要订购一份期刊，这样可知道媒体是否刊登了你的文章，并直观地看

32、一下 效果。 饮食说明书网络交互式媒体设计与制作 第 10 页 共 19 页 3 3 剖析剖析 FLASHFLASH 作品作品饮食说明书饮食说明书 3.1 FLASH 简介简介 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用 户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间 的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。 您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 Flash 的特点： 1）使用矢量图形和流式播放

33、技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响 图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。 2）通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几 K 字节的已经可以实现许多 令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画 可以在打开网页很短的时间里就得以播放。 3）把音乐、动画、声效、交互方式融合在一起，越来越多的人已经把 Flash 作为网页动画设计 的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在 Flash4.0 的版本中已经可 以支持 MP3 的音乐格式，这

34、使得加入音乐的动画文件也能保持小巧的身材 。 4）强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过 ACTION 和 FS COMMAND 可以实现交互性，使 Flash 具有更大的设计自由度，另外，它与当今最流行的网页设计工具 Dreamweaver 配合默契，可以直接嵌入网页的任一位置，非常方便。 总之，Flash 已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。 3.2 制作制作 FLASH 作品作品饮食说明书饮食说明书的背景的背景 谈到饮食，我们中国人是最优发言权了，中国有上下五千年的历史，对“吃”早已形成了自己的 文化。早在宋朝，苏东坡就有：“黄州好猪肉，价

35、贱如粪土；富者不肯吃，贫者不解煮。慢着火，少 着水，火候足时它自美。每日起来打一碗，饱得自家君莫管”的食肉歌 ，成了至今流传且被人赞 美的“东坡肉” 。随着社会的进步和发展 ，人们对饮食也越来越注重。 “民以食为天”不再是我们的 目标，现在的我们不知不觉中把“民以吃好、吃得健康”放在首位了。对于饮食，我们首选吃环保的、 有机的、营养均衡的等等，我们每个人每天必须摄取多少的蛋白质、醣类、脂肪、维生素、矿物质等 也非常的看重。甚至有些高层消费者专门请现在非常“吃香”的营养师来搭配自己每天的饮食。可以 看出人们对饮食越来越重视了。 浙江工贸职业技术学院毕业论文 第 11 页 共 19 页 3.3 F

36、LASH 作品作品饮食说明书饮食说明书内容简介内容简介 饮食中“食物相克”的说法，意思是说两食物放在一起食用，如搭配不当，极容易导致生病或中 毒，比如，甲鱼与苋菜、黄瓜与花生等。但从现代营养科学观点看，两种或两种以上的食物，如果搭 配合理，不仅不会“相克” ，而且还会“相生” ，起到营养互补、相辅相成的作用。俗语叫“鸳鸯配” 。 饮食说明书的内容主要有：食物相宜、食物相克、四季饮食、健康瘦身等四个方面，如图 3.1 所示。 图 3.1 内容简介 3.3.1 食物相宜食物相宜 食物相宜主要介绍哪两种食物相食用能更好地发挥两样菜的优点，总的来说是能让两样菜有 1+12 的效果。比如豆腐和海带相食能

37、预防碘缺乏，豆腐和鱼头相食能提高钙的吸收等。 3.3.2 食物相克食物相克 食物相克主要提醒人们对饮食的注意，因为食物与食物间会相互排挤，产生不良的效果不宜食用， 具体列出了很多类相克的食物。如鸡肉与李子、菊花、鲤鱼、芥末、菊花、糯米、狗肾、芝麻、豆浆、 地瓜、消炎片等相克。 3.3.3 四季饮食四季饮食 一年有四季，不同的季节对饮食的要求不一样。同一样食物，在不同的季节吃有着不同的效果。 比如红枣在春天吃可改善慵懒的体质，还可充沛体力，而在秋天吃却对胃有着不好的影响。 3.3.4 健康饮食健康饮食 随着人们生活水平的提高，地球在增重。饮食的不受限制，导致人们的普遍变重，变胖，这带来 了一些列

38、的健康问题，近几年，高血脂、高血压的发病率越来越高，不仅出现在老年人群，同时还有 很多年轻人也 被这些病例所困扰。瘦下来，健康起来，已是人们迫在眉睫的事，而“健康瘦身”提 供了健康瘦身的饮食习惯和能促进瘦身的食物，让人们能“吃得放心，瘦得开心” 。 饮食说明书网络交互式媒体设计与制作 第 12 页 共 19 页 3.4 FLASH 作品作品饮食说明书饮食说明书的创意来源的创意来源 饮食是人们生存和生活的必须，一个好的饮食习惯和饮食方法，有助于人身心都健康的发展，从 而使生活过得有滋有味，而好的饮食离不开一道色香味俱全的菜，好的颜色能给人以视觉冲击，黄、 绿、蓝、白四种颜色合理的搭配就能给人一种

39、对食物的联想，从而达到引起食欲的目的。除了颜色， 香味也是一道优秀的菜肴不可分割的，让我们想想，一道香气扑鼻，色泽鲜艳的菜肴放在我们面前， 香味扑入我们的鼻子，我们的唾液将如何安奈得住还停留在我们的身体里面。好菜味道当然最为总要， 好吃的菜，能引起食欲，叫人胃口打开。 根据以上饮食的功能，饮食说明书是采用黄、绿、蓝、白为主要基准色调，各种美食图片为主要 视觉冲击，各种交互式按钮的控制为主要手段，能是人们更容易也更愿意接受这种方式，来达到饮食 宣传的目的。 3.5 FLASH 作品作品饮食说明书饮食说明书的制作过程的制作过程 3.5.1 制作流程制作流程 制作 FLASH饮食说明书主要分三个阶段

40、完成：准备阶段、制作 FLASH 作品的平面图、制作 FLASH 作品，如图 3.2 所示。下面分别介绍其完成情况。 图 3.2 制作流程 1）准备阶段。一个好的开始是成功的一半，因为它决定作品的将来的发展方向。首先我的开始 是在图书馆中阅览有关饮食方面的书籍，并对其进行研究，最终确定饮食说明书的主要内容。分 别是食物相宜、食物相克、四季饮食、健康瘦身。再来是收集有关于如何更好地制作 FLASH 的书籍， 巩固已学过的知识，拓展自己未开发的领域，最重要的是学会如何用代码使 FLASH 作品更具有交互性。 2）制作 FLASH 的平面图。为了能把握整个 FLASH 作品的总体的风格，和制作完成后

41、大概呈现的 效果，制作 FLASH饮食说明书的平面图是非常有必要的。 饮食说明书的主页主要是以蓝、绿、白为主要的基准色调（其后面的内容也大致以此色调） ， 这样的色彩风格和饮食非常的搭配，再加上一个用树叶做的被子，一个微笑的小女孩介绍出饮食说明 书的主要内容，让人感到非常温馨，容易引起食欲。接下来是饮食说明书的内容，以各种美食的图片 浙江工贸职业技术学院毕业论文 第 13 页 共 19 页 来装饰画面是饮食说明书最大的特点。 3）制作 FLASH 作品。FLASH饮食说明书的制作软件是 Macromedia Flash 8 ，以饮食为主要 内容，以饮食说明书的平面图为基准。 开场是以有和谐、温

42、馨的颜色和充满童趣的图片由透明渐变全图现实为开头，有极强的视觉冲击 力。如图 3.3 显示。 图 3.3 主页 制作过程：新建图层 1，并命名为主页，把图片 3.3 拖入场景并放在场景的中央，并单击右键把 图片转换成图形，在第十帧插入关键帧，回到第一帧，把第一帧的 Alpha 值变成 0，然后创建补间动 画，是透明度从 0 到 100。 以遮罩的方式显示饮食说明书的目录。遮罩的原理是“遮罩层”遮住“被遮罩层”的地方将会被 显示在画面中。 接下来是一朵白云从树叶背后慢慢的飘过，飘到画面的中央，再以打字的方式打入饮食说明书 5 个字。白云如图 3.4 所示。 图 3.4 云 制作方法：在场景中间画

43、一片地区作为遮罩层，云设为被遮罩层，云从场景外水平移入场景中被 遮罩，从而显示白云。再以每两帧显示的速度显示“饮食说明书” 。 饮食说明书网络交互式媒体设计与制作 第 14 页 共 19 页 封面自制一个开始播放按纽，如图 3.5 所示。做法非常简单，首先插入新元件，选择按纽，在弹 起帧作出按纽，在经过帧与按下帧插入关键帧，然后改变经过帧的内容，使弹起帧的内容放大，这样 鼠标经过时变会出现自己想要的按纽变化效果，按下时的效果如图 3.6 所示。 图 3.5 弹起按钮 图 3.6 按下按钮 然后将按纽拖到自己想要位置，然后左键按纽，点击动作，然后在里面输入： on(release)gotoAnd

44、Play(56) 代码的效果是点击按钮，就会从 56 帧开始播放 FLASH。点击按钮会出现慢慢显示的“饮食说明书” 5 个字，一根白色的线由短变长，第一个主场景也跟着白线地变长而慢慢显现出来，并接着出现饮食 说明书第一个内容食物相宜一部分内容。第一个主场景如图 3.7 所示。 图 3.7 食物相宜 要值得注意的是作品的一个最主要的特点就是按钮非常多，而且每个按钮都会链接着一段动画来 介绍内容，其中有两种按钮，分别如图 3.8、图 3.9 所示。 浙江工贸职业技术学院毕业论文 第 15 页 共 19 页 图 3.8 主按钮 图 3.9 分按钮 同过界面菜单可以选择所关注的内容，并呈现各相关项目

45、信息窗口，主按钮将会停留在每个项目 的主场景上，并可以进一步选择具体的食品及菜肴信息，如图 3.10 所示。 图 3.10 主场景食物相克、四季饮食、健康瘦身 主按钮的制作方法与开始按钮类似。下面是分按钮的制作方法。 分按钮的制作方法：新建元件影片剪辑，拖入做按钮的图片，调整大小，右击鼠标将图片转成图 形，在第五帧插入关键帧，返回到第一帧调整图片的亮度为-50%，最后效果是图片从亮到暗，复制影 片剪辑，用类似的方法把图片的效果调整成从暗到亮。新建按钮，在弹起帧放入有亮到暗的影片剪辑， 在指针经过帧放入由暗到亮的影片剪辑，新建图层，在指针进过帧放入已选好的音乐，完成这一类按 钮的制作。按钮亮度和

46、暗度之间变化的效果如图 3.11、3.12 所示。 图 3.11 亮 图 3.12 暗 实现链接的方式：把按钮拖入到场景，选中按钮点开动作面板，输入代码：On(release) 饮食说明书网络交互式媒体设计与制作 第 16 页 共 19 页 gotoAndPlay() 它的意思是从小括号中输入的帧数起开始播放动画。 跟着开始按钮的进入还会播放场景音乐，所以对场景音乐的控制非常重要，饮食说明书中的场景 音乐的控制是由右下方的汉堡来控制的，汉堡跳动，音乐播放，汉堡跳动停止，音乐停止播放。 场景音乐停开的控制的制作方法：先制作汉堡跳动的影片剪辑，需注意汉堡的跳动要连续。再将 影片剪辑放入按钮的弹起帧

47、，再制作一个按钮，在按钮的弹起帧放如汉堡图片，大小和汉堡影片剪辑 的大小一下。新建影片剪辑，将两个汉堡按钮分别拖入影片剪辑的第一帧和第二帧，在第一帧打入代 码 stop(); 作用是停止两帧之间的连续，在第一帧的按钮的动作面板里输入代码： on (release) tellTarget (“/123“) stop(); gotoAndStop(“guan“); 在第二帧的按钮的动作面板里输入代码 on (release) tellTarget (“/123“) play(); gotoAndStop(“kai“); 两串代码的意思是若音乐已播放，单击则运行停的关汉堡按钮，若音乐停止，单击运行汉

48、堡跳动 的按钮。再讲做好的影片剪辑再和场景音乐放入同一个影片剪辑，完成场景音乐停开控制的制作。如 图 3.13、3.14、3.15 显示的分别是场景音乐、汉堡运动帧、汉堡停止帧的命名。 图 3.13 场景音乐 图 3.14 汉堡运动 图 3.15 汉堡停止 浙江工贸职业技术学院毕业论文 第 17 页 共 19 页 3.5.2 制作技巧制作技巧 为 FLASH 作品制作的平面图片给制作提供了很好的方向，有了明确的目标，效率才会高，效果才 会好。 整个 FLASH 作品都充满着互动式按钮的动画，充分体现了 FLASH 8 具有很强的交互能力的特性。 大量运用遮罩效果使图片和文字的动画变得流畅、和谐，使制作条例清晰。 3.5.3 制作过程中所碰到的问题及解决方法制作过程中所碰到的问题及解决方法 碰到的问题：在为作品制作平面图的阶段，如何使用既能引起食欲，又看上去非常的和谐的颜色 和合理的布局成了最为突出的问题，经过多方向的查阅和总结，最终制作蓝、绿、白为基准色调，背 景简单和谐童真为主要特点的平面图。在 FLASH 动画制作阶段，如何制作在鼠标经过时能出现动画的 效果和场景音乐停开的控制是主要的问题，解决方法是查阅各种有关 FLASH 的教程书籍和案例，以其 中一个为例子，制作出按钮动画的效果。 饮食说明书网络交互式媒体设计与制作 第 18 页 共 19 页 4