flash动画《愿望》 毕业论文--.doc

flash动画愿望目录flash动画愿望3【摘要】：3【关键词】3【Abstrcact】3【keyword】4第一部分：介绍flash41.1 flash的简介：41.2 flash的发展：51.2.1 flash的版本：51.2.2 flash的历史：6第二部分：设计方案92.1设计的前期准备92.2 剧本的内容：92.3设计的人物造型：92.3.1 熊猫的正面设计92.3.2 熊猫的背面设计102.3.3熊猫的表情设计102.4 音乐的编辑：112.4.1 GoldWave软件的简介：122.4.2 GoldWave的编辑：12第三部分：flash动画的制作：133.1 flash的制作：133.1.2 flash的制作步骤13第四部分：完成的效果赏析：15第五部分：总结18第六部分：附录19作业评价及审核20【摘要】：Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。绘图和编辑图形不但是创作Flash动画的基本功，也是进行多媒体创作的基本功。只有基本功扎实，才能在以后的学习和创作道路上一帆风顺。使用Flash Professional 8绘图和编辑图形这是Flash动画创作的三大基本功的第一位。在绘图的过程中要学习怎样使用元件来组织图形元素，这也是Flash动画的一个巨大特点。补间动画是整个Flash动画设计的核心，也是Flash动画的最大优点，它有动画补间和形状补间两种形式。学习Flash动画设计，最主要的就是学习“补间动画”设计。在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别，应该完整把握这些细微的差别。还有补间动画的帧，启动画的主要作用，只有使用帧才能使动画更完美。遮罩是Flash动画创作中所不可缺少的这是Flash动画设计三大基本功能中重要的出彩点。使用遮罩配合补间动画，更可以创建更多丰富多彩的动画效果。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。【关键词】flash8 发展史 功能 GoldWave flash动画【Abstrcact】Flash animation design of the three basic functions of the Flash animation of knowledge of the most important and most basic, including: drawing and editing graphics, animation and tween the mask. This is the logic function of three closely linked, and these three functions has existed since the birth of Flash. Drawing and editing graphics creation Flash animation not only basic skills, but also basic skills for multimedia creation. Only a firmer foundation to learning and creativity in the future on the road smooth. Use Flash Professional 8 drawing and editing graphics - This is the Flash animation of the three basic skills first. In the drawing process, we need to learn how to use components to organize the graphic elements, and this is a great feature Flash animation. Tween animation is the heart of the Flash animation, Flash animation is the greatest advantage, it has animation and shape tween between the two forms of complement. Learning Flash animation, the most important is to learn "tween" design. Movie clip in the application of component elements and create animated graphics, there are some minor differences, should be complete grasp these nuances. There tween animation frames, start painting the main role, and only use the frame to make the animation more perfect. Flash animation creation mask is essential - this is the basic functions of Flash animation three important points out the color. Tween using the mask with the more you can create more colorful animation. The principle is very simple mask, but to achieve a variety of ways, in particular, and tween animation and video clip components together, you can create ever-changing forms. Flash animation in the final analysis is the "mask + + motion tween animation frame by frame" and the components of the mixture, different combinations of these elements, which can create ever-changing results.【keyword】flash8 to expand use GoldWave flash animation 第一部分：介绍flash1.1 flash的简介： 图1-1 Flash 8.0商标flash是Macromedia公司的一个的网页交互动画制作工具。 我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同，用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输送数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。自从Macromedia在2005年8月发布Macromedia Studio 8以来，我们一直在不停地探索关于它的新特性和新功能，因为这次软件升级给我们带来了太多的惊喜，不是MX版本升级到MX2004时的那么简单，而是实现了新的飞跃。 Flash 8的界面没有太大的改变，只是在以前的属性面板右侧增加了两个新的选项“参数”和“滤镜”，另外在属性面板中还增加了一个“设备”设置选项， 需要说明的是，“设备”设置功能在Flash Player环境中不能使用，需要Flash Lite 1.0或Flash Lite 1.1的支持才可以。1.2 flash的发展：1.2.1 flash的版本：FutureSplash Animator (1995) - Flash的前身,由简单的工具和时间线组成 Macromedia Flash 1 (1996-11) - Macromedia给FutureSplash Animator更名后为Flash的第一个版本Macromedia Flash 2 (1997-6) - 引入库的概念 Macromedia Flash 3 (1998-5-31) - 影片剪辑,Javascript插件,透明度和独立播放器 Macromedia Flash 4 (1999-6-15) - 变量,文本输入框,增强的Actionscript,流媒体MP3 Macromedia Flash 5 (2000-8-24) - Javascript, 智能剪辑, HTML文本格式Macromedia Flash MX (2002-3-15) - Unicode,组件,XML,流媒体视频编码 Macromedia Flash MX 2004 (2003-9-10) - 文本抗锯齿,Actionscript 2.0,增强的流媒体视频,行为Macromedia Flash MX 2004 Pro (2003-9-10) - 包括所有Flash MX 2004的特性,加上Web Services, ActionScript 2.0的面向对象编程,媒体播放组件Macromedia Flash 8 (2005-9-13) Macromedia Flash 8 Pro (2005-9-13) 增强为移动设备开发的功能,方便创建Flash Web,增强的网络视频 .2005年12月5日, Macromedia被Adobe公司以34亿美元的天价收购，其旗下的网页三剑客也归属到Adobe旗下。 Adobe Flash CS3 Professional （2007）推出符合OOP的 ，新的AS3.0对XML的支持达到了100%。 Adobe Flash CS3 （2007-12-14 ）Adobe公司收购Macromedia公司后，首次推出的版本，最新的as3.0编程语言替换原来的as2.0编程语言。Adobe Flash CS4 （2008-12） Adobe Flash CS5 是目前Flash的最新版本1.2.2 flash的历史： Flash 最早期的版本称为Future Splash Animator，当时Future Splash Animator最大的两个用户是微软（Microsoft）和迪斯尼（Disney）。1996年11月，Future Splash Animator卖给了MM（同时改名为Flash1.0 ）。这里不得不提到的人物是乔纳森盖伊(Jonathan Gay)，是他和他的六人小组首先创造了Future Splash Animator，也就是现在Flash的真正前身了。 Macromedia 公司在1997年6月推出了Flash 2.0 ，引入库的概念 。1998年5月31日推出了Flash3.0，支持影片剪辑，Javascript插件，透明度和独立播放器。但是这些早期版本的Flash所使用的都是Shockwave 播放器。 1999年6月15日，Flash 进入4.0 。支持变量，文本输入框，增强的Actionscript，流媒体MP3。原来所使用的 Shockwave 播放器便仅供 Director 使用。Flash 4.0开始有了自己专用的播放器，称为“Flash Player”，但是为了保持向下相容性，Flash仍然沿用了原有的扩展名：.SWF（Shockwave Flash）。1.2.2.1 Marcromedia Flash 52000年8月24日，Macromedia 推出了Flash5.0 ，它所支持的播放器为 Flash Player 5。Flash 5.0中的ActionScript已有了长足的进步，并且开始了对XML，Java，Smart Clip（智能影片剪辑），HTML文本格式的支持。ActionScript的语法已经开始定位为发展成为一种完整的面向对象的语言，并且遵循ECMAScript的标准，就像javascript那样。 1.2.2.2 FlashMX2002年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可能是Macromedia X的意思，即Macromedia的未来之路，Macromedia正试图展开一次全新的革命。Marcromedia Flash MX 2004 1.2.2.3 FlashMX20042003年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.2.2.4Marcromedia Flash 82005年10月，Macromedia 推出了Flash 8.0，增强了对视频支持。可以打包成Flash视频(即*.flv文件)；改进了动作脚本面板。Adobe Flash CS 32005年Adobe耗资34亿美元并购Macromedia从此，Flash便冠上了Adobe的名头，不久推出了以Adobe的名义推出Flash产品，名为Adobe Flash CS3（同时也发布了多款捆绑套装）Adobe Flash CS 42008年底推出了Adobe Creative Suite 4 Master Collection套装（简称Adobe CS4）中，含有最新版的Flash CS 4Adobe Flash CS 5最近又推出了最新版本Adobe CS5其功能有六大特点： XFL格式(Flash专业版)、文本布局(Flash专业版)、代码片段库(Flash专业版)、与Flash Builder完美集成、与Flash Catalyst完美集成、Flash Player 10.1无处不在。第二部分：设计方案2.1设计的前期准备：在本设计中，利用了Macromedia flash的动画技术设计了一个我自己比较喜欢的一个冷笑话愿望。通过我自己对这个冷笑话的理解写出了这个剧目的剧本愿望，通过了自己的现象绘制出了这个动画的主人公造型等等。2.2 剧本的内容：这个动画的故事内容是一个很幼稚的冷笑话，故事的主人公是一只熊猫，有一天从天上掉下来了一个十字架，小熊猫将这个十字架带回了家。对着他许了一个愿望。希望自己的黑眼圈可以去掉。这个动画从选题到构思，都是我一个人完成的。这个flash一共有25个图层，这个小动画总共只有37秒左右。2.3设计的人物造型：这个熊猫的造型我一个创建了17个元件，其中16个是图形元件，1个是影片剪辑元件。而背景我是使用网上的素材一个4个位图。2.3.1 熊猫的正面设计： 图2-3-1 效果图1这个是熊猫的正面造型，他的手臂、眼睛还有耳朵的部分都是单独的原件。 到了制作动画的时候，我会通过时间轴的添加帧使用逐帧动画将它进行编辑。2.3.2 熊猫的背面设计：图2-3-2 效果图2这个是我设计熊猫人物的背面如图2-3-2，我是使用绘图工具进行绘制的，同样的它的耳朵和尾巴都是两个单独的原件，在制作动画时再加入，使用逐帧动画进行编辑。2.3.3熊猫的表情设计：图2-3-3-1 效果图3这个人物是比较偏向于可爱的风格。是在flash中使用绘画工具绘制的。先将这个眼睛的部分单独使用绘图工具画好后，将其转变成图形元件在制作动画的时候再倒入到其中图2-3-3-2 效果图4这个熊猫的眼睛我是自己制作的影片剪辑。在菜单中的插入中的新建元件添加元件在谈出的对话框中，选择影片剪辑在场景中绘制眼球的运动。在第一帧中绘制小球，在几帧后再添加一个关键帧以一个直线为路径改变小球的位置，在两帧中间选择创建补间动画，在动作面板中的属性面板的补间动画中选择动画补间，就制作完成了一个小球的补间动画。图2-3-3-3 效果图5如图2-3-5 都是熊猫的面部动作是图形元件，都是在动画制作时添加，制作出说话的动作的。2.4 音乐的编辑：这个动画的音乐我总共使用了8个音效，其中有7个是网上找到的音效，而大主题的音乐我是使用的f(x)的thrill love这个音乐，但是我要的不是这个效果使用我使用了一个音乐编辑的软件GoldWave。得到我想要的音乐命名为77.2.4.1 GoldWave软件的简介：启动GoldWave之后，就可以看到如下图所示的操作界面，操作界面中具有菜单栏和工具条方便使用，Device Controls控制面板是在声音的录制播放时使用的，用于控制播放、录制、起和停等。图2-4-1 效果图6GoldWave是一个功能强大的数字音乐编辑器，使用它可以对音频进行播放、录制、编辑及转换格式等处理。GoldWave有以下的几个特性：1.界面间单，操作简便；2.多文档界面，可以同时打开多个文件，简化了文件之间的操作；3.GoldWave允许使用很多种声音效果，例如：倒转(Invert)、回音(Echo)、摇动、边缘(Flange)、动态(dynamic)、时间限制、增强(strong)和扭曲(warp)等；精密的过滤器（如降噪器和突变过滤器）可帮助修复声音文件；4.批转换命令可以把一组声音文件转换为不同的格式和类型；5.CD音乐提取工具可以将CD音乐拷贝为一个声音文件。为了缩小尺寸，也可以把CD音乐直接提取出来并存为MP3格式；2.4.2 GoldWave的编辑： 1.先打开GoldWave这个软件，将f(x)的thrill love的这个音乐导入。2.点击菜单栏的效果工具图2-4-2 效果图73.在效果中选择播放速度4.调试弹出对话框中的小方块5.得到的效果是音乐比原先的音乐播放得快些6.我又在工作面板中将音乐截取7.最后得到了一个36秒的音乐，我将其导出命名为77. 第三部分：flash动画的制作：3.1 flash的制作：这个动画我总共制作了437帧，每秒12帧的帧速，这个动画的时间长度为36.3秒。而这个动画我一共使用了25个图层，而在库中一共有29个素材，其中有8个声音原素、4个位图、16个图形元件、还有1个影片剪辑。3.1.2 flash的制作步骤：1 打开flash 8的软件，将所需要的29个素材导入的库的面板中。2 将位图背景1导入到舞台中，调整其大小。作为开始的字母背景。3 添加图层，使用文字键插入数字，每个数字插入2个关键帧，在两帧间使用动作面板的动画补间，制作倒计时动画片头，共做了5到1到倒计时。4 添加图层，再次使用文字建立题目“愿望”，运用补间动画使其做一个从上到下的运动。5 在题目出现后的时间轴上加个图层，使用原件小球，制作一个小球运动的动画补间运动的动画，使动画更具趣味。6 添加图层，在第1帧开始，添加关键帧，使用文字工具制作我的名字，每隔4帧添加一个关键帧，改变我名字中一个字的位置，对我的名字做了一个特性。这个前景总帧数是62帧，有5.1s。7 添加图层，在第63帧添加一个关键帧，导入一个位图背景3。开始制作第一幕，场景的变化，我将图放大到我要的效果，在第67帧中添加关键帧，将背景3缩小了一点，在第71帧中将图的位置向下改变一点，在75帧时将图缩小到背景的大小，这一幕就做好了8 添加图层，在第82帧中添加关键帧，导入位图背景2.这一帧延续到201帧处。9 添加图层，在第82帧处加入熊猫的正面，也是从82帧开始运用手脚、表情的原件，改变这些元件的位置，做成逐帧动画，使熊猫做了一个跳舞的运动。10 加个图层，在第160帧中添加关键帧，导入十字架，将十字架放在上方，在第166添加关键帧，将十字架的位置改变的下方的位置，创建一个补间动画。在第186、201帧 中添加关键帧，让十字架的大小位置改变，从小变大，创建一个补间动画。11 添加图层，在第166帧中开始，导入对话。12 添加图层，在第202帧中导入第三幕位图背景4、十字架图形，这一帧一直延续到437帧。13 添加图层，在第202帧中导入熊猫侧面这一帧同样延续到437帧中。但是，在这个图层中，我添加了大量的帧，导入了熊猫说话的嘴巴，做了许多的效果，使熊猫看起来像是说话了一样。14 使用逐帧动画，导入熊猫嘴巴的动画原件，让熊猫有一个说话的动作。15 导入熊猫的对话文字。16 更具自己的需要音效效果，导入音乐素材。第四部分：完成的效果赏析： 图4-1 效果图8第五部分：总结通过这次的学习，我更加的了解到了flash的意义，也深深的体会到，每一个flash动画制作的过程，以前的我常常觉得为什么动画片的时间都很短，想电视剧一般都有四十几分，而flash动画的时间很短。一个动画的制作是要通过一个团队的制作，经过多人的制作而成的，要通过团体的努力的。第六部分：附录19