毕业设计（论文）-Flash在制作电子贺卡中的应用.doc

目录 第一章第一章 介绍篇介绍篇 .1 1.1 flash 软件的概述1 1.2 flash 的发展史2 第二章第二章 flashflash 制作贺卡的优势及以后可能的发展方向制作贺卡的优势及以后可能的发展方向 3 2.1 flash 制作贺卡的优势3 2.2 flash 以后可能的发展方向4 第三章 制作篇 .5 3.1 场景一5 3.2 场景二11 3.3 场景三13 结论结论 .20 致谢致谢 .21 参考文献参考文献 .22 flash 在制作电子贺卡中的应用 摘要 flash 是当今最新最流行的动画设计软件之一，在二维动画方面具有压倒性的优 势。由于制作生成的 swf 动画文件体积很小，所以 flash 的主要优势在于动画设计功能 十分强大，本文首先介绍了 flash 的发展史，flash 的现状及对以后发展方向的展望。然 后采用图文结合方式详细介绍了贺卡制作的过程，最后是本次设计的总结。 关键词：flash 贺卡 the application of making electronic greeting card by flash abstract flash is now most newly one of most popular animation design software, has the crushing superiority in the two-dimensional animation aspect. because manufacture production swf animation document volume very small, therefore the flash main superiority lies in the animation design function to be extremely formidable, this article first introduced the flash history, the flash present situation as well as to the later development direction forecast. then selected the chart article union method in detail to introduce the greeting card manufacture process, finally is this design summary. key words: flash greeting card 1 引言 电子贺卡越来越多的被大众所接受，随着互联网的推广，更多的人知道了电子贺卡， 将会有更多的人用这种经济方便的方式来传递祝福。看着网上一个个精美的作品，你是 不是也想拥有一个属于自己的贺卡，那么一个优秀的作品是如何制作的呢？请看下文。 第一章 介绍篇 1.1 flash 软件的概述 flash 特别适用于创建通过 internet 提供的内容，因为它的文件非常小。flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储 空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大， 是因为图像中的每个像素都需要一组单独的数据来表示。 要在 flash 中构建应用程序，可以使用 flash 绘图工具创建图形，并将其它媒体 元素导入 flash 文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程 序。在 flash 中创作内容时，需要在 flash 文档文件中工作。flash 文档的文件扩展 名为 .fla (fla)。flash 文档有四个主要部分： 舞台是在回放过程中显示图形、视频、按钮等内容的位置。 时间轴用来通知 flash 显示图形和其它项目元素的时间，也可以使用时间轴指定舞 台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。 库面板是 flash 显示 flash 文档中的媒体元素列表的位置。 actionscript 代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代 码以便用户在单击某按钮时显示一幅新图像，还可以使用 actionscript 向应用程序添 加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。flash 包括两个版本的 actionscript，可满足创作者的不同具体需要。有关编写 actionscript 的详细信息，完成 flash 文档的创作后，可以使用“文件”“发布”命 令发布它。这会创建文件的一个压缩版本，其扩展名为 swf。然后，就可以使用 flash player 在 web 浏览器中播放 swf 文件，或者将其作为独立的应用程序进行播放。 2 1.2 flash 的发展史 flash 最早期的版本称为 future splash animator， macromedia 公司在 1997 年 6 月推出了 flash 2.0 ，1998 年 5 月推出了 flash3.0。但是这些早期版本的 flash 所使 用的都是 shockwave 播放器。自 flash 进入 4.0 版以后，原来所使用的 shockwave 播 放器便仅供 director 使用。flash 4.0 开始有了自己专用的播放器，称为“flash player”，但是为了保持向下相容性，flash 仍然沿用了原有的扩展名： .swf（shockwave flash）。 2000 年 8 月 macromedia 推出了 flash5.0 ，它所支持的播放器为 flash player 5。flash 5.0 中的 actionscript 已有了长足的进步，并且开始了对 xml 和 smart clip（智能影片剪辑）的支持。actionscript 的语法已经开始定位为发展成为一种完整 的面向对象的语言，并且遵循 ecmascript 的标准，就像 javascript 那样。 2002 年 3 月 macromedia 推出了 flash mx 支持的播放器为 flash player 6。flash 6 开始了对外部 jpg 和 mp3 调入的支持，同时也增加了更多的内建对象，提供了对 html 文本更精确的控制，并引入 setinterval 超频帧的概念。同时也改进了 swf 文件的压缩 技术。那么，“mx”究竟是什么意思呢？到目前为止，还没有一个官方的证实，如果一 定要认为是某个单词的缩写，那么可以把 macromedia experience 作为最好的答案。最 权威答案来自 macromedia designer & developer center（macromedia 设计师和开发者 中心）负责人的说法： 1、所有的产品都搭载上 mx 绰号，是因为它们都是一个完整产品家族的一部分，而 且，我们相信通过整套前台和后台综合的产品，可以让用户更高效得完成各种复杂项目。 2、比起仅仅从版本号升级，例如 flash 由 5 升级到 6，用 mx 标签可以体现更重要的 升级，看起来用户好像得到了全新的产品，从 5 到了 mx！ 3、mx 意味着 macromedia 以此尝试一些新的事物，就我的观点来看，flash mx 不仅 仅是一次革命性的升级，还是 macromedia 一个重大演变的一部分。我不能说得太多，因 为 flash mx 仅仅是一个开始，接下来的几个月中会更有体现。 虽然他依旧没有回答 mx 到底是什么意思，而最后一句“mx 意味着 macromedia 以此 尝试一些新的事物”，暴露出 macromedia experience 的意思，也就有理由猜测，mx 可 3 能是 macromedia x 的意思，即 macromedia 的未来之路，macromedia 正试图展开一次全 新的革命。 2003 年 8 月 macromedia 推出了 flash mx 2004，其播放器的版本被命名为 flash player 7。flash mx 2004 增加了许多新的功能： a、对移动设备和手机、pocket pc 的支持（以及像素字体的清晰显示）； b、flash player 运行时性能提高了 2 至 5 倍； c、对 html 文本中内嵌图像和 swf（swf 中的独立 swf）的支持； d、flv 外部视频的支持（与 quicktime 的集成）； e、对 adobe pdf 及其它文档的支持； f、基于屏幕的可视开发环境； g、可视编程环境； h、高级可控制外观组件支持； i、数据绑定； j、web 服务和 xml 的预建数据连接器； k、项目管理功能； l、源代码控制系统； m、其它 同时开始了对 flash 本身制作软件的控制和插件开放 jsfl（macromedia flash javascript api），macromedia 无疑在开始调动 internet 上 flasher 们的巨大力量和集 体智慧。1.3 flash 的发展方向 第二章 flash 制作贺卡的优势及以后可能的发展方向 2.1 flash 制作贺卡的优势 现今制作贺卡的软件数不胜数，有的小巧实用，有的方便快捷。通过搜索我们能找 到一大批优秀的贺卡制作软件，但是就功能方面来说，flash 依然是众多软件中的王者。 它用它强大的功能说明了一切。flash 生成的文件体积是非常小的，这一点非常便于作品 在 internet 上发布和流传。flash 包含了许多种功能，除了拥有强大的绘图工具外，还 拥有很好的加密功能，可以有效的保护作者的知识产权；预置的拖放用户界面组件，可 4 以轻松地将 actionscript 添加到文档的内置行为，以及可以添加到媒体对象的特殊效 果。这些功能使 flash 不仅功能强大，而且易于使用。 2.2 flash 以后可能的发展方向 1.应用程序：由于其独特的跨平台物性和在界面控制以及多媒体的功能使用得使用 flash 来制作的应用程序具有很强的生命力。在与用户的交流方面具有其它任何方式都无 可比拟的优势。当然，某些功能你可能还要依赖于 xml 或者其它诸如 javascript 的客户 端技术来实现，但你能方便在它们的实现数据通信。 2.操作系统界面：flash 对于界面元素的可控性和它所有表达的效果无疑具有很大的 诱惑。对于一个系统的界面你可能要花更多的时间关注它们的接口和界面显示能力间的 驱动。另外一个需要关注的就是你的内存使用和执行效率。 3.手机领域的开发：转向手机领域的开发将会要求你对精确（像素级）的界面设计 和 cpu 的使用分布的操控能力更高。但也意味更大更广泛的使用空间。事实上手机和 pocket pc 的分界已越来越不明显，你必须为每一款手机（或 pocket pc）设计一个不同 的界面，因为它们的屏幕大小各有不同。当然你的内核可能是相同的，所要注意的是你 的各类手机的 cpu 的计算能力和内存的大小。这无疑是些很苛刻的要求。 4游戏开发：事实上，flash 中的游戏开发已经进行了多年的尝试。但至今为止仍 然停留在中、小型游戏的开发上。游戏开发的很大一部份都受限于它的 cpu 能力和大量 代码的管理。不过可喜的是，flash player 7 运行时性能提高了 2 至 5. 倍；而且基 于 java 类的结构的类的开始也奠定了这些基础。 5web 应用服务：很难界定 web 应用服务的范围究竟有多大。似乎它拥有无限的可 能。随着网络的逐渐渗透，基于客户端-服务器的应用设计也开始逐渐受到欢迎，并且一 度被誉为最具前景的方式。这种方式你可能要花更多的时间在服务器的后台处理能力和 架构上，并且将它们与前台（flash 端）保持同步。 6.站点建设：事实上，现在只有极少数人掌握了使用 flash 建立全 flash 站点的技 术。因为它意味着更高的界面维护能力和你的整站的架构能力。但它带来的好处也异常 明显：全面的控制；无缝的导向跳转；更丰富的媒体内容；更体贴用户的流畅交互；以 及跨平台和小巧客户端的支持以及与你的其它 flash 应用方案的无缝连接集成。当然， 你需要在培养自已能力所花的精力和你的未来之间做个选择。 5 7.多媒体娱乐：在这方面的内容我想我已不用再多说什么。尽管它的发展速度没有 像当初预言的那样迅速（就像计算机那样），但它仍然还在不断前进，全新功能也正在 扩大它的应用范围。使用这一点无疑很优秀，并且可以为你节约大量的成本。flash 本身 就以多媒体和可交互性而广为推崇。它所带来亲切氛围相信你的每一位用户都会喜欢。 第三章 制作篇 3.1 场景一 打开 flash 8.0，新建 flash 文档。 设置背景大小为 500*400 象素。颜色为白色，帧频：25fps 图 3.1 新建图层，在图层中运用绘图工具画出最底层的背景图象，并上色。如图 3.1 6 图 3.2 新建图层，分别画出人物和跷跷板。 图 3.3 7 图 3.4 图 3.5 这个是跷跷板的上部图像，接着画出下半部分的图像。 8 图 3.6 好了，接下来把上面的图象元件组合到一起，形成一个完整的图片。 图 3.7 紧接着制作逐帧效果，新建图层，每移动有帧就改变一次人物和跷跷板的位置，重 复 6 次，达到一上一下的效果。 9 图 3.8 图 3.9 10 图 3.10 30 帧半个周期，再添加 30 帧完成一个周期的运动。 图 3.11 11 3.2 场景二 第 2 个场景首先运用到淡入效果选取 235 帧，在下面颜色选项中选择：alpha,通过 调整百分比来实现淡入效果。 图 3.12 19%基本上是一片白色。接着我将百分比调到 50，效果就明显了。 图 3.13 12 最后调整到 100%，完全显示。 图 3.13 接着还是利用逐帧来达到风筝彩带的飘动效果。 图 3.14 13 图 3.15 总共用了 19 帧来表现出彩带飘动的效果。 图 3.15 3.3 场景三 首先运用绘图工具制作如下图片并且上色。 14 图 3.16 图 3.17 15 图 3.18 图 3.19 人物看似简单，实际操作起来还是非常难画的。 下面同时运用了淡入效果和逐帧效果，可以说是场景一和场景二在技术上的一种结 合。 16 图 3.20 图 3.21 第一个女孩子出场了接下来继续运用淡入效果，让二三个人物出场。 17 图 3.22 图 3.23 至此，3 个场景基本完成。在第一场景第二场景后添加关键帧，将一二两个场景关联 起来。 选择“插入“时间轴“层“，为声音创建一