动漫设计与制作毕业设计（论文）论flash动画

1、学号：1003671005 鹤壁职业技术学院电信系 毕业设计（论文）毕业设计（论文） 题 目： 论 flash 动画 姓 名： 学号： 1 专业：动漫设计与制作 班级： 10 动漫班 指导教师： 职称： 2012 年 5 月 摘要：flash 是一种创作工具，设计人员和开发人员可以使用它来创建演示 文稿、应用程序和其他允许用户交互的内容。flash 可以包含简单的动画、 视频内容、复杂演示文稿和应用程序以及介于他们之间的任何内容。同时 也可以通过添加图片声音、视频和特殊效果，构建包含丰富媒体的 flash 应用程序。 本设计主要内容是歌曲“那些年”动画设计。本文来分析 flash 动画 的现况

2、，并将动画设计的基本步骤陈列出来：人物设计、场景设计、动画 设计、动画与音乐的协调。flash 的 mtv 与传统的有所不同，不同之处在于 听到优美的音乐同时，还可以给人一种视觉上的新感受。 关键词：flash、动画、mtv abstract: flash is a kind of creation tools, designers and developers can use it to create demonstration draft, the application and the other allows users to interactive content. flash ca

3、n contain simple animation, video content, complex demo application, and in-between manuscripts and between them of any content. at the same time also can add images through video and sound, special effects, constructing contain rich media flash applications. this design main contents are the songs

4、those years animation design. this paper analysis of the status of the flash animation, and the basic steps of animation design on displays: character design, scene design, animation design, animation and music of coordination. the mtv and the traditional flash is different, the difference is the be

5、autiful music heard at the same time, still can give a person a kind of visual new feeling. keywords: flash, animation, mtv 目 录 第第 1 1 章章 引言引言.1 1 1.1 flash 的概述.1 1.2 flash 动画的三大基本功能. 1.2.1 编辑图形 . 1.2.2 补间动画 .1 1.2.3 遮罩 . 第第 2 2 章章 flashflash 动画的优点及其局限性动画的优点及其局限性 .1 1 2.1 flash 动画的优点.1 2.2 flash 动画的

6、局限性.2 第第 3 3 章章 flashflash 动动画画制制作作 .4 4 3.1 准备工作 .4 3.2 mp3 导入.5 3.3 背景层制作 .5 3.4 歌词与音乐同步的效果制作 3.5 制作片头 3.6 flash 动画文件的保存和发布 第第 4 4 章章 flashflash 动画的发展方向动画的发展方向 .1515 结论结论. 参考文献 第一章第一章 flashflash 概述概述 flash 是由美国 macromedia 公司出品的用于矢量图编辑的动画创作的 专业软件。flash 软件主要用于动画制作，用它可以将音乐，声效，动画以 及富有新意的界面融合在一起，以制作出高品

7、质的网页动态效果。 flash 是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件 的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能能使得 设计者可以随心所欲的设计出高质量的动画，图片的特别处理，使 flash 具有更大的设计空间。 随着科技的发展，html 语言的功能十分有限，无法达到人们的预期 设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言 应运而生，使得网页 设计更加多样化。然而，程序设计总是不能很好地 普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又有 功能强大的动画设计工具，而 flash 的出现正好满足了这种需求。 使 用该软件可以制作网

8、页交互式动画，还可以将一个较大的交互动画。 flash 动画发展过程分成三个阶段： 1、简单 flash 动画期。 2、复杂 flash 动画期。 3、大型 flash 动画期。 在这两次飞跃中从第二个阶段到第三个阶段飞跃对 flash 制做行业的 影响是极其深远的。大型 flash 动画就是那些综合应用 flash 及其相关联 的软件，全面地表达了一种明确主题或者完成了一项完整的商业功能的多 个意念主题的组合。 大型 flash 动画综合了多种技术与技巧，整合了多种编程语言（包括 前台的 html/javascript、后台的 php/asp/cgi 等），是多种图像处理工具 的结晶（包括

9、3dmax、coreldraw、freehead、photoshop 等）。这种大型 的应用由一两个人根本不可能完成，团队制做将在这种复杂的应用中表现 出强大的生命力。 新版本在动画制做与易用性方面并未有大幅的提高与改善，但在脚本 编程方面却有明显的加强，甚至包含了支持电子商务（xml）的功能。从这 些新特性可以看出未来 flash 制做的趋势将向三个方向发展：一是纯动画 短片的制做；二是交互式的商业应用；三是既有动画短片，又有交互内容 的综合应用。 1.11.1flashflash 动画的三大基本功能动画的三大基本功能 flash 动画设计像我们通常看到的广告片段一样，它是可以通过文字、 图

10、片、录像、声音等综合手段形象的体现一个意图。一般利用它来制作 公司形象、广告宣传片、 mtv，可以达到非常好的效果。其是一个矢量 动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持mp3 音乐等诸多优点。而在这之中， flash 动画的三大基本功能是整个 flash 动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑 图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功 能自 flash 诞生以来就存在。 flash 动画说到底就是 “遮罩+补间动画+ 逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同 组合，从而可以创建千变万化的效果 。 1 1. .2

11、2. .1 1 编编辑辑图图形形 绘图和编辑图形不但是创作 flash 动画的基本功，也是进行多媒体 创作的基本功。只有基本功扎实，才能在以后的学习和创作道路上一帆 风顺。 使用 flash professional 8 绘图和编辑图形 这是 flash 动画 创作的三大基本功的第一位。 在绘图的过程中要学习怎样使用元件来组织图形元素，这也是 flash 动画的一个巨大特点。 编辑图片的方法即：打开软件，选择要编 辑的图片，（注意调整画布大小与图片大小）更改动态图片间隔的时间， 间隔时间根据自己的感觉来定。如果是动态的图片，想要使其动起来就 必须有帧组成，那么将下一帧导入一张和上一张大小属性一

12、样的图片。 1 1. .2 2. .2 2 补补间间动动画画 补间动画是整个 flash 动画设计的核心，也是 flash 动画的最大优 点，它有动画补间和形状补间两种形式。 用户学习 flash 动画设计，最主要的就是学习 “补间动画”设计。 在应用影片剪辑元件 和图形元件创作动画时，有一些细微的差别， 你应该完整把握这些细微的差别。 还有补间动画的帧，启动画的主要作用，只有使用帧才能使动画更 完美！创建形状补间动画的方法：在时间轴面板上动画开始播放的地方 创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对 象为好，在动画结束处创建或选择一个关键帧并设置要变形的形状，再 单击开始

13、帧，在 【属性】面板上单击 【补间】旁边的小三角，在弹出的 菜单中选择 【形状】，这时，一个形状补间动画就完成了 。 1 1. .2 2. .3 3 遮遮罩罩 遮罩是 flash 动画创作中所不可缺少的 这是 flash 动画设计 三大基本功能中重要的出彩点。 使用遮罩配合补间动画，用户更可以创建更多丰富多彩的动画效果： 图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且， 从这些动画实例中，用户可以举一反三创建更多实用性更强的动画效果。 遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用形 状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变 成一个可以施展

14、无限想象力的创作空间。 遮罩的原理非常简单，但其实现的方式多种多样，特别是和补 间动画以及影片剪辑元件结合起来，可以创建千变万化的形式，你应该 对这些形式作个总结概括，从而使自己可以有的放矢，从容创建各种形 式的动画效果。 使用方法： 第一步：把上面的圆转换为图形元件； 第二步：在第 15 帧处插入关键帧，选中元件，把它放在场景的最右端，在 两帧之间右键选择“创建补间动画” ，选中第 1 帧，右键选择“复制帧” ， 在第 30 帧处粘贴帧，在第 15 帧和第 30 帧处右键选择“创建补间动画” ； 第三步：把被遮罩层的帧延长到第 30 处； 第二章第二章 flashflash 动画的优点及其局

15、限性动画的优点及其局限性 2.12.1 flashflash 动画的优点动画的优点 （1）操作简单，硬件要求低。flash 学习简单掌握，只要有一定软件 基础，在很短的时间内就可以学会 flash 的基本操作。而且不需要硬件上 有很大投资，仅需要一台普通的电脑便可。 （2）功能较为强大、综合众多环节、节约制作成本、可控性强。 flash 集众多功能为一体，绘画、动画编辑、特效处理、音效处理等都可以 在这个软件中操作完成；flash 动画制作成本非常低，使用 flash 制作的动 画能够大大的减少人力、物力资源的消耗。同时，在制作时间也会大大缩 短。 动画适量的掌控是传统动画制作中比较难解决的问

16、题，很多时候是 因为参与制作的人员太多，工序复杂，每个环节之间沟通交流不够，很 多操作环节不直观以至于不能及时发现问题，即使发现某个环节出现问 题，由于制作周期的限制或返工导致成本的增加。用flash 制作动画 时就很大程度上解决了这个问题，很少的制作人员可以集中在一起相互 协作，也可以直观地看到效果，遇到问题时也可以及时解决。 （3）flash 动画具有交互性优势，更好地满足观众的需要，他可以 让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的 运作过程和结果。 3 3. .2 2 f fl la as sh h 动动画画的的局局限限性性 （1）用 flash 制作复杂的动画时会

17、感觉很费劲，特别是制作复杂的 动作。碰到需要逐帧过度的复杂动作，造型比较写实时，利用传统动画 制作方法中，不管多么复杂的动作都可以解决。 （2）矢量绘图的局限。在电脑中绘画不必用铅笔在纸上绘画，他很 难控制笔触的准确运行。画风格简洁又卡通的角色时比较容易，但是要 绘制写实、精细风格的角色时就有点力不从心，特别是在绘制矢量背景 时这个问题更加凸显。 第第三三章章 flashflash 动动画画制制作作 3.13.1 准备工作准备工作 首先要确定你要做一个什么类型的 mtv,是给谁看的。就象写作文一样， 先列一个提纲，好好把中心思想总结一下，想想中间应该设计些什么剧情 呀，或制造什么效果之类的，把

18、这些想好一个轮廓以后，找点素材。选择 资料的时候可以自己动手绘制，但也可以找些来，使用 jpg 时，最好先把 它的像素增大一些，但大体积的 jpg 会影响播放速度，尤其是你又给它加 上动作之后。需要注意！尽量选择一些矢量图了。 3.23.2 mp3mp3 导入导入 打开【文件】点击【导入】点击【导入到库】 游览所选择声音文件的保存路径，选定声音，点击【打开】 ，将声音文 件【导入到库】 （打开库的快捷键是【ctrl+l】 。 ）如图【3.2.1】所示 图【3.2.1】 3.33.3 背景层的制作背景层的制作 打开【背景层】小锁，把库中背景图片拖到舞台上，在背景图片上按 鼠标右键单击【转化为元件

19、】 ，出现对话框，在【名称栏】输入元件名称， 元件类型分【影片剪辑】 、 【按钮】 、 【图形】三种，点击【图形】前的小圆 点，选中（选定转化为图形）点击【确定】 。如图【3.3.2】所示 图【3.3.2】 背景制作完毕，锁定【背景层】 。 3.43.4 歌词与音乐同步的效果制作歌词与音乐同步的效果制作 1、选择“窗口”菜单下的“库”命令，在打开的库中。点第一帧，在 声音面板中找到导入的 mp3 文件，然后在同步中选择“数据流”，【数据 流】同步音乐的方法，它所起的作用是播放动画的同时，与动画对应的声 音也同时播放。当发布于影片时，音频流混在一起的，是 flash 强制动画 和音频流同步，而且

20、音频流的播放时间绝对不会比帧播放的时间长。flash mtv 以音乐或者歌词来贯穿全部作品，以图形解释音乐，以音乐衬托画面， 是视觉和听觉双重方式向观众表达作者创作的主题。因此，在用 flash 制 作 mtv 时，一定要使用流类型的声音设置，只有这样，才可以使声音文件 和 mtv 的动画同时播放，画面与音乐结合得更紧密。如何设置，见下图 【3.4.1】 图【3.4.1】 此时第一帧上出现一根横线，表示里面已经有声音动作了。在声音面 板上找到“编辑”，打开，在右下角有放大、缩小、查看长度和时间的四 个按钮。按下查看长度按钮后，可看到插入的 mp3 文件的长度。记好文件 长度数后，回到舞台场景中

21、，在文件长度的最后一帧处加入关键帧，创建 动画动作，声音的波长就会显示出来。最后将音乐层的名字重新命名为歌 曲层。 2、增加四个图层，从上到上名称分别为框架层、歌词 01 层、歌词 02、遮罩层。在框架层中的选中第 1 帧，在舞台底部用矩形工具画一个黑 色长方形。 3、打开歌词层小锁，在歌词层中写上班级姓名，同时插入关键帧，按 右键选中全部文字，在【属性】中设置【字体】、【字体大小】、【颜色】 等，点击工具栏中的【移动工具】把文字移动到合适的位置。如图 【3.4.2】所示 图【3.4.2】 4、按 enter 播放，在第一句和第二句结束时分别在 01 层和 02 层插入 空白关键帧。来到遮罩层

22、后，在 155 帧插入关键帧，并在两句歌词前画两 个小矩形，比字的长度长一点，在第一句结束时的地方插入关键帧，并把 一小矩形拖长到全部覆盖歌词，补间为动画。在第二句结束时也插入关键 帧，并拖第二矩形覆盖歌词，补间也为动画。在遮罩层中右击，勾中遮罩。 如图【3.4.3】所示： 图【3.4.3】 5、按 ctrl+enter 测试，查看效果。成功后下面的歌词全部按以上方 法做，然后测试。 3.53.5 制作片头制作片头 片头是整个 mtv 的开始，他显示了歌曲和制作者。 （1）片头“那些年”的制作效果主要是使用“逐帧动画”和“数据流” 来实现的，如图【3.5.1】所示： 图【3.5.1】 3.63

23、.6 flashflash 动画文件的保存和发布动画文件的保存和发布 （1）文件的保存：整个操作完成后，点击【文件】【另存为】选 择保存的路径【保存】 （2）文件的发布：点击【文件】【导出影片】【输入文件的名字】 【保存】把加载顺序改为【自上而下】 （同时点击下面的【覆盖声音】 ， 如果不勾选声音文件会很大）点击【确定】 。这样一首完整的 mtv 就制作 好了。 4 4 flashflash 动画的发展方向动画的发展方向 （1）应用程序开发：由于其独特的跨平台特性、灵活的界面控制以及 多媒体特性的使用，使得用 flash 制作的应用程序具有很强的生命力。在 与用户的交流方面具有其它任何方式都无

24、可比拟的优势。当然，某些功能 可能还要依赖于 xml 或者其它诸如 javascript 的客户端技术来实现。但目 前的现状是：很少有人具有运用 flash 进行应用程序开发这方面的经验。 但这个难度会随着时间的推移而逐步减弱。事实上，对于大型项目而言， 使用 flash 此时未免有些言之过早，因为它意味着很大的风险。当然，在 最早的时间掌握和积累这方面的经验无疑是一种很大的竞争力。可以将这 种技术运用在项目中的一小部分或者小型项目中，以减少开发的风险。 （2）软件系统界面开发：flash 对于界面元素的可控性和它所表达的 效果无疑具有很大的诱惑。对于一个软件系统的界面，flash 所具有的特

25、性 完全可以为用户提供一个良好的接口。 （3）手机领域的开发：手机领域的开发将会对精确（像素级）的界面 设计和 cpu 使用分布的操控能力有更高的要求，但同时也意味着更加更广 泛的使用空间。事实上手机和 pocket pc 的分界已越来越不明显，开发者 必须为每一款手机（或 pocket pc）设计一个不同的界面，因为它们的屏幕 大小各有不同。当然软件的内核可能是相同的，所要注意的是各类手机 cpu 的计算能力和内存的大小。这无疑是些很苛刻的要求。 4、游戏开发：事实上，flash 中的游戏开发已经进行了多年的尝试。 但至今为止仍然停留在中、小型游戏的开发上。游戏开发的很大一部份都 受限于它的

26、 cpu 能力和大量代码的管理。不过可喜的是，flash player 7 运行时性能提高了 2 至 5 倍；而且最新的 flash mx 2004 professional 提 供了项目管理和代码维护方面的功能，actionscript 2.0 的发布也使得程 序更加容易维护和开发。 （5）web 应用服务：其实很难界定 web 应用服务的范围究竟有多大， 它似乎它拥有无限的可能。随着网络的逐渐渗透，基于客户端-服务器的应 用设计也开始逐渐受到欢迎，并且一度被誉为最具前景的方式。但是，这 种方式开发者可能要花更多的时间在服务器后台处理能力和架构上，并且 将它们与前台（flash 端）保持同步。 （6）站点建设：事实上，现在只有极少数人掌握了使用 flash 建立全 flash 站点的技术。因为它意味着更高的界面维护能力和开发者整站架构能 力。但它带来的好处也异常明显：全面的控制；无缝的导向跳转；更丰富 的媒体内容；更体贴用户的流畅交互；跨平台和瘦客户端的支