flash设计与应用——《生日快乐》毕业论文(设计)

毕业设计 学生姓名学生姓名杜文学学号号20083103 系系( 部部 )信息技术系 专专业业计算机应用专业 题题目目FLASH 设计与应用生日快乐 指导教师指导教师 李晓艳 （姓名）（专业技术职称/学位） （姓名）（专业技术职称/学位） 2011年6月 宿迁泽达职业技术学院毕业论文（设计） 1 摘要：题材与音乐的合理搭配在 MV 音乐动画短片中极其的重要，在传达和深化主题， 说明故事环境方面起到了关键的作用；在推动与连接剧情发展、烘托气氛，描述短片的自 然环境和人文背景方面也起着特殊的作用；并且在使短片具有节奏感，对观众的心理影响 方面有着重要作用。这次毕业设计主要方向是 MV 音乐动画题材与形式的创新设计，主要 运用题材的内容与音乐的和谐统一，互相结合，使整部音乐动画短片具有创新的设计理念 及新颖的传播手段。 关关 键键 词词：Flash，Flash+Photoshop Abstract：Subject matter and music reasonable collocation in MV music animated short of very important in communication and deepen the theme, the environment that story has played a key role; In connection with the plot to promote development, foil atmosphere, description of the natural environment and human short background also plays a special role; And in that short film have rhythm feeling, the psychological effects of the audience has an important role. The graduation design, the main direction is MV music animation subject matter and forms of innovation design, the main use of the content and music theme of harmony, with each other, make the whole piece of music animation film has innovation design idea and the spread of the new method Keywords：Flash，Flash+Photoshop 宿迁泽达职业技术学院毕业论文（设计） 2 目目录录 1 介绍 FLASH.3 2. FLASH 简介.3 3 FLASH 的特点.3 4flash 动画的前景. 5 5FLASH 动画的应用领域.6 6FLASH 的制作过程. 7 7FLASH 动画设计的三大基本功能.8 8 FLASH 三大基本功能外的延伸.8 结 论. 13 致谢.错误！未定义书签。错误！未定义书签。 参考文献.错误！未定义书签。错误！未定义书签。 结束语. 16 宿迁泽达职业技术学院毕业论文（设计） 3 1. 介绍 flash FLASH 简介 Flash 是一种交互式矢量多媒体技术，他的前身是 Futureplash，早期网 上流行的矢量动画插件。后来由于 Macromedia 公司收购了 Future Splash 以后便将其改 名为 Flash2，到现在最新的 flash4。现在网上已经有成千上万个 Flash 站点，著名的如 Macromedia专门 ShockRave站点， 全部采用了Shockwave Flash 和 Director。 可以说 Flash 已经渐渐成为交互式知量的标准，未来网页的一大主流。 2 flash 的简介 Flash 的前身是 Future Wave 公司的 Future Splash，是世界上第一个商用的 二维矢量动画软件，用于设计和编辑 Flash 文档。1996 年 11 月，美国 Macromedia 公司收购了 Future Wave，并将其改名为 Flash。在出到 Flash 8 以后，Macromedia 又被 Adobe 公司收购。最新版本为：Adobe Flash Professional CS5.5。Flash 通常 也指 Macromedia Flash Player（现 Adobe Flash Player） ，用于播放 Flash 文件。 3. Flash3 的功能特点 灵巧的绘图工具 Flash 本身具有极其灵巧的图形绘制功能， 更重要的是他能导入专 业级绘图工具，如 Macromedia FreeHand、Adobe Illustrator 等绘制的图形，并产生翻 转、拉伸、擦除、歪斜等效果，还可以将图形打碎分成许多单一的元素进行编辑，并改变 其颜色亮度。由于 Flash 提供具有保真技术的绘图工具，使图形边缘在经过一系列加工后 仍会保持平滑。 向量透明效果应用 Flash3 可以创建透明的图形，并可以任意改变层次间透明的不同 效果，如透明度、倾斜度及透明的颜色等属性。 具有动画效果的按钮和菜单 Flash 采用精灵动画的方式，在 Flash3 中可以随意创建 按钮、多级弹出式菜单、复选框、以及复杂的交互式字谜 游戏。 物体的变形和形状的渐变 在 Flash3 中产生物体的变形和形状的渐变非常容易，其发 生完全由 Flash 自动生成，无须人为地在两个对象间插入关键帧。 增强对图像的支持 Flash3 不但可以对导入的图像（jpg、gif）产生翻转、拉伸、擦 除、歪斜、改变颜色亮度等效果，还能利用新的套索工具或 魔术棒在图像中选择颜色相 同的区域并创建遮罩（Mask）；将图像打碎分成许多单一的元素进行编辑，设置图像的属 性，如产生平滑效果和质量损失压缩等。 宿迁泽达职业技术学院毕业论文（设计） 4 声音插入 Flash3支持同步WAV (Windows) 和 AIFF(Macintosh)格式的声音文件和 声音的连接，你可以用同一个主声道中的一部分来产 生丰富的声音效果，而无须改变文 件量的大小。 自定义字体 Flash 可以处理自定义的字体及其颜色、大小、字间距、行间距 、缩进 等多种格式。在 Flash 创建的网页中，可以加入眼花缭乱的标题和动态的文本，而数据量 非常小，比位图的下载速度还快。当然为了防止客户端字体短缺，你也可以将特殊字体转 换为位图图形。 4.flash 动画的前景 4.1 出现初期 Flash 的前身叫做 FutureSplash,当时 FutureSplash 最大的两个用户是 Microsoft 和 Disney。 1996 年 11 月， FutureSplash 正式卖给.com， 改名为 Flash 1.0。 2005 年 Macromedia 被 Adobe 公司兼并。 当 FLASH 最初出现在国内的时候，只是 FLASH3.0，低版本的 FALSH 功能并不强大，而 且大多数人并不太了解 FLASH。虽然受到国外的影响开始有人使用在网络上，也只是觉得 新奇。在一些网站当中，FLASH 仅仅作为“片花”之类的点缀被使用到。并不单独体现价 值、价格，只起到对原由设计增值作用。 一些接触国外 FLASH 设计比较多，对 FLASH 非常感兴趣，而又具备比较强的技术基础 的人们推动了国内 FLASH 设计业界的形成。其中比较有代表性的是 “闪客帝国” 。 “闪客帝国”是一个 FLASH 门类网站，最初的它由边城浪子创办起来，提供不少关于 FLASH 的技术资料和范例。吸引了不少 FLASH 爱好者，对众多 FLASH 爱好者跨越技术门槛 起到了很大帮助，相当多的人开始具备创作自己的作品的能力。 4.2 繁荣时期 FLASH 的版本升级迅速即初期的 3。0 后，很快又从 4。0 提升到 5。0，功能方面有了 很大提高。这个阶段的 FLASH 的价值体现在各种方面。 宿迁泽达职业技术学院毕业论文（设计） 5 创作者们开始利用 FLASH 来完成整个网站， 这类网站非常适合一些并不需要 太多内容更新的企业网站或产品网站， 使用 FLASH 技术的网站能够以多样的效果 和形式来充分体现产品或企业形象，创作者能够更大限度的表现创意。 具有一些绘画功底的创作者，想到了用 FLASH 制作 MTV，比较早的给人留下 深刻印象的是一段非常简单的“最近比较烦”的 MTV。配上歌曲的有趣的动画很 受大众青睐。后来又出现了火暴一时的“东北人多时活雷锋” 。 同时， FLASH 还被用来制作动画短片。 最早在中国人们接触到了 “阿贵系列” ， 接着又出现了最具代表性的“SHOWGOOD 大话三国” ， “小小”系列火柴人的 FLASH 动画都获得了非常好的反响，相继国内一些其他的工作组、公司也完成一些动画 短片。 在 FLASH 门类网站方面， “闪客帝国”完善了管理团队，改进了“爬行榜” 系统， “闪客帝国交流论坛”也成为国内大量优秀 FLASH 原创者以及爱好者的聚 集地。 除了最具代表性的“闪客帝国”外还有如 FlashSUN、FLASHSKY、FLASH8 等 等很多收集优秀 FLASH 作品、资源的站点。国内三大门户网站也都开设了 FLASH 专栏。它们大多只是收集，虽然也有一些原创的内容，但与“闪客帝国”相比有 很大差距。 Flash 大规模登陆国内市场以来，至今已有上万人投入到这一行列。每年我 国举办的各种 Flash 制作比赛就有很多次。Flash 一下子充斥了整个网络空间， 人气直逼网上聊天和在线游戏，成为互联网原创空间的焦点。 4.3 FLASH 现阶段 2006 年起，大部分 FLASH 常规业务（如 FLASH 网站片头，FLASH 演示动画， FLASH 网站，FLASH 广告，等）利润开始下滑。下滑的原因大致可以分为下 5 点： 大量从业者、设计公司、工作组继续涌入市场趋向饱和的设计 FLASH 的行 业，对于客户来说也增加了选择余地，大副增加了竞争压力。 后进入市场的经营者为了瓜分现有利益，由于技术上不占有足够优势而采 取价格竞争，而国内 FLASH 的制作成本几乎完全是劳动力，从业者劳动力成本估 算不清，这样降价底线也就非常模糊。最终导致了 FLASH 业务的价格下跌难以控 制，FLASH 片头从最初的过万元制作一个降到目前的几百元一个。当然质量也必 然下降很多。 客户在价格下跌过程对 FLASH 价格定位失去原有标准。 客户总想要少花钱购 买更多的更好的东西的心理。 当面对一些经营能力比较差的工作队伍的时候往往 能够在对于报酬的谈判中获胜。 这就促使了 FLASH 产品价格在客户心目中的实际 价格进一步下跌。 一些能力差的制作团队盲目报价， 加深了价格混乱程度。 FLASH 常规产品的普遍，加上原由技术开始落后。实际价值也在下跌。 如此的环境条件迫使 FLASH 常规业务的表面价格一再下滑， 不少人认为这样 的现象不健康，认为这样的趋势危害了创作者的集体利益，或者说价格远低于了 价值，曾一度有人提出规范行业价格，保护创作者利益等等的口号。而事实上这 写现象是很正常的，技术应该随时间的推移、市场的需要的条件下在不断翻新， 价格的下跌迫使经营者必须要采取措施增加利润率以维持经营。 宿迁泽达职业技术学院毕业论文（设计） 6 5. FLASH 的应用领域 FLASH 技术不断推陈出新，继席卷网页设计、网络广告之后，电影、电 视、卡通、声乐将是它下一步引领风骚的舞台。FLASH 从网络走向电影、电视、 卡通、声乐，推动了传统媒体和互联网媒体的融合。网页设计者开始利用网络技 术为商业、音乐电视和电视节目工作。 在网络电影领域，FLASH 技术自 1997 年由 MACROMEDIA 推出后，逐渐受到好莱坞 制片公司的青睐，增加了微型电影和基于网络的电影制作，用它设计迷你电影与 网络电影。宝马汽车推出的网络电影系列也是靠 FLASH 主战，其中就有李安导演 的卧虎藏龙。在中国，闪客皮三为某电影已经制作 FLASH 短剧。 在电视广告领域，NETZERO 公司官员日前说，最近他们运用 MACROMEDIA 公司的 FLASH 软件制作了即将在黄金时段播出的电视广告宣传片， 这种方式为公 司节省了 210 万美元的制作成本。这段即将在哥伦比亚广播公司(NBC)转播 NBA 总决赛期间播出的具有革命性意义的广告片预计将在本周洛杉矶湖人队同费 城 76 人队之间的比赛中播出。 NETZERO 公司首席行销官布赖恩伍兹说 MACROMEDIA 公司的 FLASH 软件 为他们节约成本开辟了道路。伍兹说：我们的技术人员采用本来用于网络的技 术只花了正常制作成本的一小部分就完成了一系列高质量广告片的制作。 简单地 说， NETZERO 公司只花费了电视广告片正常制作成本的大约 2%，从而使广告制作 成本与花在购买媒体时段的费用之间的比例更为合理。 在电视卡通剧领域，NELVANA 的第一项新产品名叫WHEN QUADS WONT LEAVE，是世界上第一部完全由 MACROMEDIA 公司的 FLASH 软件制作的电视系列 剧。该剧每集半小时，由 JOHN CALLAHAN 以反映他轮椅生活的幽默漫画为蓝本创 作，将于加拿大 TELETOON 电视台黄金时段播 FLASH 之所以受欢迎在于大幅降低 成本与时间。KIMBERG 说，FLASH 制作的节目可以同时在网络与电视台播出，一 片两播，符合经济效益。他同时透露，半小时节目若用 FLASH 技术制作，大约 3 至 4 个月就可杀青，若是其它技术，通常需要 10-14 个月。 在音乐领域，FLASH MV 更好的提供了在唱片宣传上既保证质量又降低成 本的有效途径，并且将成功的把传统的唱片宣传推广带到电脑网路的更大空间。 流行歌手 BECK 与 DURAN DURAN 以 FLASH 制作的 MTV 可以同时在网络与电视台播 出。 在游戏领域，索尼公司也宣布它将把这项技术用于制作 PLAYSTATION 2 的片头。此外由于它能够减少游戏软件中的电影片段所占数据容量，因此预计将 为 DVD 游戏软件节省更多的空间。 6.flash 的制作过程 （1）打开 flash 文档，新建一个 flash 文档，属性如（图 1） 宿迁泽达职业技术学院毕业论文（设计） 7 图 1 （2）新建制作动画所需要的各个图层，如图 2所示 图 2 所谓“图层”,是指动画编辑的物理图层，每一层可以是一部动画，各层独 立进行编辑和加工.把多个动画层叠加起来,可丰富动画的表现力和降低制作动 画的难度.动画层的概念与图像处理软件 PHOTOSHOP 中的图层概念类似. 宿迁泽达职业技术学院毕业论文（设计） 8 在启动 FLASH 软件后,新建的动画总是在第 1 层,如果不进行增加层的操作, 该层将是惟一的层。在制作动画时，FLASH 软件在一层内不能同时制作两种模式 的动画，动画主体和动画背景的混合难度非常大。为了解决这个问题，FLASH 引 入了图层概念， 不同的场景单独制作,然后把各层动画合成在一起,就能轻松得到 运动模式相当复杂的动画了.FLASH 的图层主要用于两个以上的动画编辑与合 成. （3）按钮的制作 首先绘制一个按钮 下面就以 paly 为例：如图 3 所示 图 3 分别在弹起、指针经过、按下、点击上插入关键帧设置相应的变化即可。 按钮 PLAY 按钮的设置：只要在第一帧加入 stop ();然后在 PLAY 上加上如 宿迁泽达职业技术学院毕业论文（设计） 9 下代码： on (release) gotoAndPlay(2); 这样点击 PLAY 键就开始了故事的发展。 （4）关于遮罩层动画的制作。 与引导层动画一样遮罩层动画也是 flash 中常使用的动画效果，flash 所提 供的遮蔽的功能，是指将图层具有遮蔽的属性，使用遮蔽功能可以产生类似聚光 灯扫射的效果。可以把多个图层集合在一个遮蔽层下面，从而产生丰富多彩的效 果。如图 4 图 4 使用遮罩层，可以使其遮罩级内的图形只显遮罩层允许显示的范围、 遮罩 中的内容可以是填充的形状、文字对象、图形元件或是影片剪辑等。一个遮罩层 可以同时遮罩多个图层，但是遮罩不能将其效果运用于另一个遮罩层。图 5 宿迁泽达职业技术学院毕业论文（设计） 10 图 5 （5）flash 中常用的方法 为达到炫目多彩的效果，创建影片剪辑元件，制作逐帧动画，利用每帧之间 不同的颜色、形状在视觉上产生闪烁的效果，欲使影片剪辑只播放一次在每个影 片剪辑的最后一帧加上一个 stop 代码。还有就是在本设计中主要应用帧动画、 自动动画。在这里主要介绍制作帧并帧动画的制作方法,自动动画由 flash 按指 定的模式完成,常见的自动动画有:直线移动、 按照一定的路径移动， 物体变形等。 （6）保存动画 Flash 动画在保存时，可以选择若干种文件格式。默认的文件格式是 fla， 该文件格式的动画文件可重复编辑；根据使用场合的不同，还可以选择 swf 格式 （互联网上的播放文件， 不可编辑） 、 avi 格式 （标准视频文件） 、 gif 格式 （gif89a 网页动画文件）等进行保存。 在本设计中最终保存为 swf 格式。选择“文件/导出影片”菜单命令，显示 导出文件窗口。在该窗口中选择路径，指定保存类型等。 7.Flash 动画设计的三大基本功能 Flash 动画设计的三大基本功能是整个 Flash 动画设计知识体系中最重要、 也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的 逻辑功能，并且这三个功能自 Flash 诞生以来就存在。 (1)绘图和编辑图形 宿迁泽达职业技术学院毕业论文（设计） 11 绘图和编辑图形不但是创作 Flash 动画的基本功， 也是进行多媒体创作的基 本功。只有基本功扎实，才能在以后的学习和创作道路上一帆风顺。 使用 Flash Professional 8 绘图和编辑图形这是 Flash 动画创作的三 大基本功的第一位。 在绘图的过程中要学习怎样使用元件来组织图形元素， 这也是 Flash 动画的 一个巨大特点。 (2)补间动画 补间动画是整个 Flash 动画设计的核心，也是 Flash 动画的最大优点，它有 动画补间和形状补间两种形式。 用户学习 Flash 动画设计，最主要的就是学习“补间动画”设计。 在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别，你应该完 整把握这些细微的差别。 (3)遮罩 遮罩是Flash动画创作中所不可缺少的这是Flash动画设计三大基本功 能中重要的出彩点。 使用遮罩配合补间动画，用户更可以创建更多丰富多采的动画效果：图像切 换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且，从这些动画实例 中，用户可以举一反三创建更多实用性更强的动画效果。 遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影 片剪辑元件结合起来，可以创建千变万化的形式，你应该对这些形式作个总结概 括，从而使自己可以有的放矢，从容创建各种形式的动画效果。 Flash 动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪 辑）的混合物，通过这些元素的不同组合，还有动作代码的应用。从而可以创建 千变万化的效果。 8. 三大功能的延伸 Flash 动画的三大基本功能是一切 Flash 动画应用的基础。但现在 Flash 已 经是一个非常强大的平台，他是一个富媒体环境。 在 Flash 4 时他加入了 MP3 声音的支持，Flash 3 及以前的版本对音频支持 是很匮乏的，从那个时候起你可以设计多媒体的 Flash 动画了。 在 Flash 6 时他加入了视频的支持，Flash 5 及以前的版本不支持视频（不 包括链接的 Quicktime） ，这时，你可以嵌入视频，也可以播放外部的 Flv 格式 的视频。甚至，你还可以捕做到来自麦克风和摄像头的实时音频和视频。 在 Flash 8 和 Flash cs3 功能更加完善。 虽然 Flash 4 以前的版本中也有简洁的脚本代码，但应该不算有严格意义上 的 Actionscript，充其量只能算是 Action，因为他仅有简单的几条语句，连加 减乘除运算符都没有。 增强的图形处理功能 目前 Flash 对位图的处理功能还比较弱，因为它最初是从矢量处理起始的， 加之矢量图形是 Flash GUI 设计之基石，所以估计还会沿着矢量处理的道路继续 前进。 宿迁泽达职业技术学院毕业论文（设计） 12 不过最近的滤镜和图像混合模式也向位图处理领域迈出一大步。 相信未来会 有更多更好的这方面的功能加进来。 Flash 的功能可能越来越复杂，如何系统地掌握这项技术就显得非常重要。 系统地掌握一门技术有两个好处：一个是对目前的功能有清晰的认识；第二，就 是能够从容应对更复杂的知识。 了解这些对于一个初入门的动画设计者是非常有意义的， 正是将这些功能逻 辑的整理出来，有利于用户建立正确的、逻辑的知识体系，而不是再在黑夜里徘 徊了。 宿迁泽达职业技术学院毕业论文（设计） 13 结 论 这次的毕业设计是我完成的 flash 动画生日快乐作品中对于视觉效果的 把握可能不是很到位,但我都是非常认真的去完成。 在此期间,我同时也体会到了 鼠绘的难度及妙用,意识到 flash 也是一种非常强大的画图的工具。虽然这次的 毕业设计并不是什么经典之作,里面还有很多欠缺的地方。但它代表的却是我对 flash 的一个崭新的态度。总之,对我来说，这次毕业设计对我在 flash 制作方 面是一个提高,使我从另外一个角度认识了