基于FLASH的创业故事制作毕业论文.doc

金 华 职 业 技 术 学 院JINHUA COLLEGE OF PROFESSION AND TECHNOLOGY毕业教学环节成果 （2010届）题 目 基于FLASH的创业故事制作 学 院 信息工程学院 专 业 计算机应用技术 班 级 计算机 073 学 号 200731010100308 姓 名 指导教师 2010年6月8日金华职业技术学院毕业教学成果理工类 目 录摘要1 英文摘要2 引言3 1 用FLASH制作动画的特色分析4 1.1 用Flash制作动画的优势4 1.2 开发工具4 1.2.1 Macromedia Flash 84 1.2.2 Photoshop4 1.2.3 Windows XP系统5 1.3 运行环境5 2 FLASH创业故事动画的总体设计5 2.1 Flash创业故事动画的故事情节设计5 2.2 Flash创业故事动画的风格设计5 2.3 角色造型设计5 3 FLASH创业故事动画的设计与制作6 3.1 创业故事内容设计6 3.2 角色造型的绘制8 3.3 人物表情与姿态设计与制作9 3.4 Loading动画9 3.5 字幕设计10 3.6 场景转换103.7 背景音乐114 测试与发布114.1 补间动画测试124.2 影片剪辑测试124.3 场景测试124.4 发布12结论与谢辞13参考文献14附件15基于FLASH的创业故事制作 摘要: 本文从基于FLASH的创业故事制作的可行性分析出发，分析了研究背景和动画的应用开发。在此基础上，介绍了Flash故事动画的设计与实现，分析了Flash动画的制作要求，完成了以创业为主题的故事情节，以Flash为主要技术，创作一段二维小型动漫的设计与制作，并进行了调试等工作。本文设计制作以大学生创业为主线的Flash动漫。文章详细阐述了此动漫的内容编写，角色造型绘制，人物表情神态，背景音乐以及字幕制作的合成调试。关键词: 创业 Flash 动漫 设计制作Based on FLASH imbark story manufacture(Major of Computer Application Technology, information and Engineering college, JinHua College of Vocation And Technology, Ye qiu-jie) Abstract: This article from embarks based on the FLASH imbark story manufacture feasibility analysis, Analyze the research background and the applied development of the animation. On this basis, the comic introduces the Flash story animation design and the realization, Analysis of the Flash animation production requirements, Complete to take start a business as the story details of topic, Take Flash as the main technique,Create section of two-dimensional small animations the design and the manufacture, And production of animation and the debugging work. In this paper, Design to students the main line of Flash animation business. The article in detail elaborated this animation content compilation, the role of design drawing, the characters look the look, The background music and sub-title create of synthesize to adjust to try.Keywords: Imbark Flash Animation Design manufacture引言面对越来越先进的设备，越来越多的人才，节奏越来越快的社会，大学生就业、创业就成了一个各界广泛关注的社会问题。作为国家的下一代接班人，关系着祖国的未来，所以做好大学生就业创业工作，关系着人才强国战略和全面建设小康社会的全局，关系广大青年学生的切身利益，关系各高校和社会的稳定。创业是一种高水平的就业。鼓励大学生毕业后自主创业，在创造新财富的同时创造就业机会，更是锻炼自身能力的机会，是大学生走向社会、接受社会挑战的重要途径之一，同时也为解决大学生就业难这一社会问题找到一条出路，并促进高等教育自身的改革与发展，可谓一举多得。伴随着计算机网络技术的飞速发展，Flash动画作为一种全新的信息载体形式，功能的强大，画面的完美，相信会吸引住你的眼球；而故事又讲的是热门的就业创业问题，相信作为年轻一代的我们会对它感兴趣的。 所以在这种分秒必争的环境下，各位各行各业的创业者的神经都高度紧绷着。为了舒解紧张气氛，放松创业者的心情，制造这个FLASH的创业故事短片，以供大家娱乐。劳逸结合才能更好的提高工作效率。 基于造型分析，本文设计制作一部具有欣赏价值的Flash动漫故事，在网上供大家欣赏。1  用Flash制作动画的特色分析1.1 用Flash制作动画的优势随着信息社会高科技的日新月异，商品经济化的高效益，使计算机的应用已普及到了经济和社会生活的各个领域它与人类的关系愈来愈密切。随着高等教育和计算机信息技术的发展与进步，网络已全球化，Flash正被越来越多的应用在动画特效和动画制作等方面，大大丰富了动画的观赏性，也促进了动画行业的发展。这里不得不说说Flash的优势。Flash采用的是流行的矢量技术，用它创作的作品，不但交互功能强大，动画效果丰富多彩，无级放大的矢量图永远不会产生令人讨厌的锯齿；Flash本身具有极其灵巧的图形绘制功能，更重要的是它不但能导入常见格式的图像（如文件扩展名为.jpg，.gif，.bmp等的图像），而且能导入专业级绘图工具（如Macromedia  Freehand， Adobe Illustrator等）绘制的图形，并能使其产生翻转、拉伸、擦除、歪斜等效果；用Flash表现物体的运动和形状渐变非常容易，其发生过程完全自动生成，无须人为地在两个对象间插入关键帧。利用遮罩及路径，可产生极好的动画效果。如果你的绘画技巧过硬，还可以绘制帧动画，让创意无限发挥；用Flash内的声音编辑功能使同一主声道中的一部分来产生丰富的声音效果，而无须改变文件量的大小。你还可以在不同层内设置不同的声音轻松实现混音效果，这是其它软件无法轻易做到的；用Flash制作的课件极易上网发布、交流。Flash还可以将制作成的影片生成独立的可执行文件（.exe），在不具备Flash播放器的电脑平台上运行，因此，除制作网页、课件外还可以将其应用于商业演示及电子贺卡制作等。此外，许多多媒体软件内都可以直接使用Flash制作的影片(.swf），无缝集成Flash小巧的、漂亮的、可缩放的矢量图形和动画，旋转、缩放Flash动画质量毫无损失。总之，优势多多。动画是一种综合艺术门类，是工业社会人类寻求精神解脱的产物，它集合了绘画、漫画、电影、数字媒体、摄影、音乐、文学等众多艺术门类于一身的艺术表现形式。早期，中国将动画称为美术片；现在国际通称为动画片。动画是一门幻想艺术，更容易直观表现和抒发人们的感情，可以把现实不可能看到的转为现实，扩展了人类的想象力和创造力。如今21世纪，人们为了把动画和现在的科技结合一起，就有很多人运用各种软件把动画里所包含的内容和含义表达出来，让人们更加现实的看到动画里面所述的内容。现在都是高科技的时代了，人们都在网上观看电视电影等，这次的课题是制作一部具有欣赏价值的Flash创业故事动画，可以在网上观看供人们欣赏。1.2 开发工具本系统主要采用Windows XP系统，Macromedia Flash 8 ，Photoshop CS31.2.1 Macromedia Flash 8Flash是由美国的Macromedia公司于1999年6月推出的一款多媒体动画制作软件。Flash是一种交互式动画设计工具，用它可以将音乐，声效，动画方便地融合在一起，以制质的动态效果。Flash动画有别于以前我们常用于网络GIF动画，他采用的是矢量绘图技术，矢量图就是可以无限放大，而图像质量不损失的一种格式的图，由于动画是由矢量图构成的，就大大的节省了动画文件的大小，在网络带宽局限的情况下，提升了网络传输的效率；Flash强调交互性，就是让观众在一定程度上参与动画进行，你可以动画作品作一定程度的交互。举个简单例子就是：当动画进行到某个地方，你可以选择动画的进行。1.2.2 PhotoshopPhotoshop是涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。在这次主题中主要用于flash动画里的图片处理。1.2.3 Windows XP系统Windows XP是个图形界面操作系统，是整个开发环境的基础，是系统运行的一级支撑环境。1.3 运行环境l 系统要求:本系统可以采用Windows 2000、 windows XP或 Windows 2003 server Editor。l 软件要求:本系统要求安装Flash Player（Flash软件播放器）,还可以用暴风影音或Meadia player等视频播放器播放。2 Flash创业故事动画的总体设计 系统的总体设计包括动画的文字内容，图像动画设计及场景转换处理。2.1 Flash创业故事动画的故事情节设计本课题制作出的小型动画片的内容为：阿杰大学刚刚毕业，由于各种原因找不到工作，于是本着年轻的资本，带着一股冲劲,打算创业。当然期间遇到了困难，创业需要注意的地方很多，要顾及到的方方面面。2.2 Flash创业故事动画的风格设计创业故事的风格有很多种，有搞笑的，有剧情的，有校园的，有商业的等等。在选折风格的时候应该根据动画所表达的意旨，怎样才能吸引观众，让观众认可。而本课题的情节是陈述创业过程中的事情，所以动画整体风格是剧情的，但是是按照剧情发展过程中穿插中诙谐动作。2.3 角色造型设计人物设计着重需要确定的是人物的造型色彩，以及各个造型之间的比例关系，各自的高矮胖瘦，更深一层考虑角色的性格。本动画中一共只有1个主要角色，它就是：阿杰如(图2-1)所示。图2-1 阿杰3 Flash创业故事动画的内容设计与实现3.1 创业故事内容设计 首先设计剧情，然后按照剧情需求，设计和制作相对应的场景进行具体描述。再者把剧情的内容用Flash软件制作成Flash动画。创业故事的内容文字：阿杰：嗨，大家好，我叫阿杰阿杰：大学刚刚毕业，所以目前还在找工作中。阿杰：可是因为大专学历的问题，找工作难啊阿杰：嗨。阿杰：想起刚刚毕业的时候阿杰：大家都向往着走上社会阿杰：锻炼自己，增加历练和经验阿杰：可是出了学校才发现，找工作真的好难阿杰：没办法，创业吧阿杰：可是创业要有本钱啊，还要有场地阿杰：困难还是很多啊，怎么办呢？阿杰：咦。阿杰：哈哈，还好有这么多的帮助阿杰：真的非常感谢大家的援助之手啊阿杰：经过大家的帮助阿杰：无论是设备，还是资本都有了阿杰：这些准备工作做好之后阿杰：当然就是要靠自己了阿杰：谈生意、接单子，都要好好干阿杰：既然给了我一个这么好的机会阿杰：我一定要好好把握，坚持下去阿杰：当然期间大体的发展方向要把握好阿杰：大体上把握好了阿杰：还不能忽略了细节方面阿杰：往往细节决定了一件事的成功与否阿杰：所以细节也说很重要的阿杰：这些还不够阿杰：还需要很好的体系、制度、团队以及良好的盈利模式阿杰：所以企业自身也是很重要的阿杰：谈生意最重要的就是诚信阿杰：诚信是实实在在的言出必行、点点滴滴的细节阿杰：而企业要成长就要讲到效率阿杰：要有效率就得一次性把事情做好做完全阿杰：这就要把事情考虑周全了，少一样都不行阿杰：虽然创业很艰辛很困难阿杰：但是我相信坚持就是胜利阿杰：创业虽然辛苦，但是有付出就有回报阿杰：祝大家创业有成，恭喜发财3.2 角色造型的绘制小型动画中的人物造型设计是一部能够吸引观众成功动画片的重要环节。造型设计关系到影片制作过程中保持角色形象的一致性，对于性格塑造的准确性，动作描绘的合理性都具有指导性作用。一部动画片的人物造型一经确定，角色在任何场合下的活动与表演都要保持其特征与形象的统一。根据之前设计好的角色进行绘制，绘制的过程中一定要根据人物的性格等特征进行绘制，每人所穿的服装也都应该有各自的风格。制作的思路是如（图 3-1）所示：图3-1 阿杰的绘制3.3 人物表情与姿态设计与制作在动画片里人物表情与姿态设计是非常重要的，在说话的时候表情与姿态都是不一样的。本课题中，主人公的姿态是不一样的，根据在当时发生事情的背景情况表现出来。如（图3-4） 图3-4 阿杰的不同神态 3.4 Loading动画 动画播放是否流畅取决于网络带宽，在它被完全导入以前设计一个Loading动画引导浏览者耐心等待是非常有必要的。它已经成为体现主体动画，衬托主体的一个载体。Loading动画的制作主要用到Flash中的getBytesLoaded方法。Loading动画效果如图3-5所示。 图3-5 Loading动画效果图3.5 字幕设计根据设计好的剧情制作字幕。为了让观看者能更加深刻的理解动画的故事内容以及含义，字幕起到了关键的作用。所以在制作字幕的时候应该考虑如何制作字幕，字幕有动态的也有静态的。动态和静态表现出来的画面效果不同，也应根据动画的风格选折是静态的还是动态的。我用的是静态的，所以还是比较简单的。在制作字幕的时候还要注意字体的颜色和大小。如（图3-6）所示。 图3-6 字幕效果图 3.6 场景转换 动画往往有不同的场景，所以这就关系到场景转换，本动画运用了淡入，淡出等方法。如图（3-7 3-8）所示。 图3-7 场景图 图3-8 场景图3.7 背景音乐使浏览者进入页面后能听到优美的音乐，背景音乐是以Flash影片的形式载入到首页中。4 测试与发布 这是很重要的一步，可以检测动画中能否运行成功，也可以检查动画中还有什么不足，以便补救。4.1 补间动画测试补间动画的测试按Enter键4.2 影片剪辑测试影片剪辑元件的测试按Ctrl+Enter键4.3 场景测试场景的测试按Ctrl+shift+Enter键4.4 发布 发布 由于是Flash网站，因此要发布成HTML格式的文件。单击文件 发布测试，将Flash文件发布成HTML格式。结论与谢辞本课题是以Flash为技术制作创业故事动漫。通过一段时间的设计与修改，Flash动漫已经基本设计完成，要求的功能已经基本完成。但由于由于个人技术能力有限，加之设计经验的不足等种种的原因创业故事动画还有许多不如人意的地方。不过通过这次的实践，让我深入了解了一部动漫的制作过程，这对我今后的工作和学习有很好的帮助！三年大学生活即将接近尾声也将结束我的学业生涯跨入社会，在这里我要感觉诸多的良师益友在学习、工作上给予我的帮助，他们在生活上对我的关心与照顾以及在思想上对我进行的鞭策与鼓励都将使我终生难忘。能顺利完成这次的毕业设计，我首先要感谢的是我的指导老师楼小明老师，在他的细心指导和帮助下，我顺利完成了开题报告、论文和毕业设计，同时也让我学到了很多学习方法和学习技巧，这将对我以后的工作和生活带来很大的帮助。再次感谢在大学期间传授给我知识以及给我帮助和鼓励的老师、同学和朋友，谢谢你们。在此我要感谢在校期间每位给我帮助的老师，多谢他们在我困难的时候帮助我 ，在我困惑的时候帮我梳理我的思想。在他们的帮助下，我在德、智、育等方面得到了很大的提高，没有他们的谆谆教导就没有今天的我。在此，祝全校老师工作顺利！参考文献 1 2 3 ，2010-5-20.4 飞思教育.简明学中文版Flash动画制作.电子工业出版社,2007-9 2336.5 周国栋.Flash角色/背景/动画短片设计完全手册.人民邮电出版社,2008-3 3341.6 臧丽娜、孙志义.Flash动画设计CS3版案例教程.航空工业出版社，2009-9 2131.7 廖亮、张爱文.Flash多媒体课件制作实用教程.清华大学出版社,2007-8 722.8 章精设、胡登涛.Flash ActionScript 3.0从入门到精通.清华大学出版社,2009-6 1520.附件：程序清单1 按钮代码播放按钮代码:/ Action script.on (press) play ();on (release) stopAllSounds ();场景跳转代码：on (release) nextScene();重播:/ Action script.on (release) gotoAndPlay(1);on (release) stopAllSounds ();2 LOADING代码byteloaded = _root.getBytesLoaded();bytetotal = _root.getBytesTotal();loaded = int(byteloaded / bytetotal * 100);t = getTimer();percent = loaded + "% ( " + int(byteloaded / 1000) + " K / " + int(bytetotal / 1000) + " K )"percent = percent + "r下载速度：" + int(byteloaded / t * 100) / 100 + " K/s"load_bar.gotoAndStop(loaded);timeloaded = int(t / 1000);timeremain = int(timeloaded * (bytetotal - byteloaded) / byteloaded);timeremain = int(timeremain / 60) + "'" + int(timeremain % 60) + """timeloaded = int(timeloaded / 60) + "'" + int(timeloaded % 60) + """downloadtime = "已用时间：" + timeloaded + "r" + "剩余时间：" + timeremain;3 停止代码：stop();stopAllSounds();