多媒体设计—flash动画的制作--大学毕业设计论文.doc

课程设计II报告多媒体设计Flash动画制作目录1 设计内容- 2 -1.1 Flash背景- 2 -1.2 设计内容- 3 -2 设计目的和要求- 3 -2.1 设计目的- 3 -2.2 设计要求- 3 -2.2.1 基本要求- 3 -2.2.2具体要求- 3 -2.2.3总体要求- 4 -3 设计环境或器材、原理与说明- 4 -3.1 硬件及软件环境- 4 -3.2 说明- 5 -4 设计过程文档- 5 -4.1 需求分析- 5 -4.2 需求设计- 5 -4.3概要设计- 6 -4.4详细设计- 6 -4.4.1帧的选取- 6 -4.4.2帧的移动- 6 -4.4.3帧的复制- 7 -4.4.4帧的插入和删除- 7 -4.4.5形状补间动画的概念- 7 -4.4.6创建形状补间动画的方法- 7 -4.4.7关于Flash中对图片的处理技术- 8 -4.4.8具体流程- 8 -4.5系统测试- 17 -5 设计结果与分析- 17 -6 设计体会与建议- 17 -7 参考文献- 18 -多媒体设计Flash动画制作1 设计内容1.1 Flash背景 Flash是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。Flash软件主要用于动画制作，使用该软件可以制作出网页交互式动画,还可以将一个较大的交互式动画。 Flash还被广泛用于多媒体领域，如交互式软件开发、产品展示等多个方面。随着Flash的广泛使用，出现了许多完全使用Flash制作的多媒体作品。由于Flash具有支持交互、文件体积小、效果棒等特性，并且不需要媒体播放器之类软件的支持，因此这样的多媒体作品取得了很好的效果，应用范围不断扩大。 Flash是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，更加靓丽的图片色彩，且使Flash具有更大的设计空间。Flash有三重意义：1)FLASH英文本意为“闪光”；2）它是全球流行的电脑动画设计软件；3）它代表用上述软件制作的流行于网络的动画作品。Flash是一种交互式矢量多媒体技术，他的前身是Futureplash，早期网上流行的矢量动画插件。后来由于Macromedia公司收购了FutureSplash以后便将其改名为Flash2，到现在最新的flashcs 3。现在网上已经有成千上万个Flash站点，著名的如Macromedia专门ShockRave站点，全部采用了ShockwaveFlash和Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。Flash最早期的版本称为FutureSplashAnimator，当时FutureSplashAnimator最大的两个用户是微软（Microsoft）和迪斯尼（Disney）。1996年11月，FutureSplashAnimator卖给了MM（M），同时改名为Flash1.0。Macromedia公司在1997年6月推出了Flash2.0，1998年5月推出了Flash3.0。但是这些早期版本的Flash所使用的都是Shockwave播放器。自Flash进入4.0版以后，原来所使用的Shockwave播放器便仅供Director使用。Flash4.0开始有了自己专用的播放器，称为“FlashPlayer”，但是为了保持向下相容性，Flash仍然沿用了原有的扩展名：.SWF（ShockwaveFlash）。2000年8月Macromedia推出了Flash5.0，它所支持的播放器为FlashPlayer5。Flash5.0中的ActionScript已有了长足的进步，并且开始了对XML和SmartClip（智能影片剪辑）的支持。ActionScript的语法已经开始定位为发展成为一种完整的面向对象的语言，并且遵循ECMAScript的标准，就像javascript那样。 2002年3月Macromedia推出了FlashMX支持的播放器为FlashPlayer6。Flash6开始了对外部jpg和MP3调入的支持，同时也增加了更多的内建对象，提供了对HTML文本更精确的控制，并引如SetInterval超频帧的概念。同时也改进了swf文件的压缩技术。之后Macromedia有相继推出了Flash 8，Flash 9及现在的Flash CS3。相信Flash的软件以后还会在不断的更新，使其更加完美。1.2 设计内容 本设计我主要是用Flash MX 2004多媒体制作软件制作的一个简单的南京邮电大学图书馆简介动画，其主要由两部分组成，即动画和音频两部分。即主要是利用这种多媒体软件来制作动画。用Flash软件做出的动画作品，其最大的特点是它能够把一些矢量图、位图、歌词和文字做成交互性很强的动画，不仅具有视觉和听觉的双重感受，而且使其更具有趣味性和创造性。2 设计目的和要求2.1 设计目的 课程设计是教学计划的重要组成部分，是学生在校学习期间进行实践的一个重要教学环节。通过课程设计，使得学生能综合运用所学的知识，上机解决一些与实际应用结合紧密的问题，巩固多媒体设计的基本知识和方法，通过Flash软件实现动画设计，进一步培养学生理论联系实际、综合分析和解决问题的能力。 2.2 设计要求 2.2.1 基本要求 作品要求描述南邮仙林校区的某部分地貌、建筑等，画面精致，生动优美，有一定的交互性，最好能起到地图指示的作用。2.2.2具体要求 1）严格遵守纪律，按计划进度完成课程设计任务。 2）严格遵守实验室的各项规章制度，严禁做与实验无关的任何事情。 3）在课程设计过程中，要求理论联系实际，注意所学知识的综合运用，注重创造力的培养。 4）课程设计过程中，要始终坚持严肃认真、实事求是、独立思考、虚心学习、刻苦钻研的态度，要加强对基础理论、基本知识与基本技能的掌握和运用。 5）请注意保存和备份自己的文档。 6）禁止利用实验室条件进行看电影、打游戏、聊天等与老师布置的上机任务不相干的事情。2.2.3总体要求设计成果设计及实现要体现科学、合理性功能丰富、符合设题目要求 界面友好、外观漂亮、大方设计具有原创性设计报告设计报告正确合理、反映系统设计流程文档内容详实程度文档格式规范、排版美观3 设计环境或器材、原理与说明3.1 硬件及软件环境 硬件：一台计算机 软件：Flash MX 20043.2 说明 运用flash 制作动画是一个非常新颖的项目，应该可以给人以视觉上的全新感受，故规划系统功能模块如下： 1）动画模块：该模块主要制作动画所需要的动画场景。2）音频模块：该模块主要是插入动画的灵魂歌曲。4 设计过程文档4.1 需求分析动画是将静止的画面变为动态的艺术。实现由静止到动态，主要是靠人眼的视觉残留效应。利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。动画以人类视觉的原理为基础。如果快速查看一系列相关的静态图像，那么我们会感觉到这是一个连续的运动。每一个单独图像称之为帧。帧是动画电影中的单个图像。动画与动画设计(即原画)是不同的概念，原画设计是动画影片的基础工作。原画设计的每一镜头的角色、动作、表情，相当于影片中的演员。所不同的是设计者不是将演员的形体动作直接拍摄到胶片上，而是通过设计者的画笔来塑造各类角色的形象并赋予他们生命、性格和感情。动画片中的动画一般也称为“中间画”。这是指两张原画的中间过程而言的。动画片动作的流畅、生动，关键要靠“中间画”的完善。一般先由原画设计者绘制出原画，然后动画设计者根据原画规定的动作要求以及帧数绘制中间画。原画设计者与动画设计者必须有良好的配合才能顺利完成动画片的制作。 动画绘制需要的工具一般有：拷贝箱工作台、定位器、铅笔、橡皮、颜料、曲线尺等。方法是：按原画顺序将前后两张画面套在定位器上，然后再覆盖一张同样规格的动画纸，通过台下拷贝箱的灯光，在两张原画动作之间先画出第一张中间画（称为第一动画），然后再将第一动画与第一张原画叠起来套在定位器上，覆盖另一张空白动画纸画出第二动画。依此方法，绘制出两张原画之间的全部动作。4.2 需求设计1) 确定动画的展示流程及各镜头的脚本；2）拍摄一些与动画制作相关的照片，如图书馆的内部重要部分及学校的正门；3）对拍摄好的照片进行一系列的处理；4）将处理好的图片导入到Flash；5) 进行制作；6) 配上合适的音乐。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。4.3概要设计 本设计主要用到了对帧的操作技术。简要如下：帧的选取，帧的移动，帧的复制，帧的插入和删除等基本操作，另外还用到一些遮罩效果，时间轴特效。 本设计分模块进行逐个制作： 1）在动画的播放过程中，一直有上下小遮罩层，上面标注：南京邮电大学，下面标注：07002907制作。它是开始播放时从中间渐渐拉开的遮罩层。 2）文字的制作，尽量使文字的插入效果看上去匹配图片的动画效果，其次对文字可以做一些效果，比如文字的探照灯效果，多彩的艺术字等。 3）图片的插入以及一些特效编辑模块，如图片的动作效果，形状效果，旋转进入画面，缩放等。 4）对音乐的处理也是一个关键点，因为要将音乐中关于歌曲的歌唱和歌词移动的速度匹配，因此需要对帧，声音的操作同步。5）最后新建一层选取最后一帧，添加一个按钮，其具有的功能是：点击该按钮可以重新开始播放该动画。且该帧还应添加一个动作：停止。4.4详细设计4.4.1帧的选取1）多帧的选取，按住Ctrl键再选取；2）非关键帧的单帧选取，按Ctrl点选；3）运动（motion）或形状（shape）的选取，光标变成手掌直接点选。4.4.2帧的移动1）单帧（关键帧）的移动，用鼠标左键按住该帧不放的同时，在本层上进行左右移动；2）多帧移动，选取多帧，用鼠标左键按住不放，移动到别层或本层不同位置（注如果原位置有帧，将会被复盖）。4.4.3帧的复制1）选取单帧或多帧，按Alt键出现手掌加号，则可拖到目标粘贴位置方开鼠标OK，可以本层也可以其它层；2）选取单帧或多帧，按Ctrl+C 复制，到目标粘贴位置按Ctrl+V粘贴。可以本层也可以其它层，其它场景，共它文件都可以。4.4.4帧的插入和删除1）单帧插入/删除，在插入/删除位置按F5/Shift+F5，如果想同时对所有层一起插入/删除，则把光标点到上面的刻度尺位置，按F5/Shift+F5。如果只想对某几个层（只可以是连续的层）同时插入/删除，则你在最高层（或最底层）的插入/删除位置按住ctrl垂直往下（或往上）选择所有要插入/删除层按F5/Shift+F5；2）多帧插入/删除，选取多帧按F5/Shift+F5，关于所有层或某几个层的插入方法同上述，只是选取帧是选取多帧或单帧的分别。 4.4.5形状补间动画的概念在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。构成形状补间动画的元素：形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散（Ctrl+B）”再变形。4.4.6创建形状补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化，一个形状补间动画就创建完毕。Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板。图片的动画效果，文字的遮罩效果，文字的淡入淡出效果，元件的制作与素材的引用，Flash音乐导入与播放控制，Flash中声音和声道平衡的控制。设置关键帧（F6），在后面出设计关键帧并补间动画，如图1所示。图14.4.7关于Flash中对图片的处理技术Flash动画时间的技巧对动画时间的基本考虑是放映速度：电影和电视的放映速度是24帧/秒，而动画片一般有12帧就可以了，然后录制或拍摄时进行双格处理。如果绘制动作较快的动画最好进行单格处理，即每秒要绘制24个画面。对于快速奔跑的动作，一般采用8帧单格画面。对于物体发生震动用单格处理两端的动作就可以了。动画的间格距离表现：物体的静止到移动到静止都有类似的规律：静止开始时速度慢、运动中的速度快、运动停止时的速度慢。表现在帧数上则是：从静止到运动帧数逐渐减少，从运动到静止帧数逐渐增加，中间运动过程的速度最快，帧数也最少。动画中经常会有循环动作，但不同的情况需要的帧数也是不同的。4.4.8具体流程1)动画的开场效果制作开场是个拉幕的效果，由两个遮罩层从中间拉起来，首先映入眼帘的是南京邮电大学的正门，如图2，图3，图4。图2，动画的开始画面，遮罩层还未开始拉开； 图3，遮罩层已经拉开一点了； 图4，遮罩层已经完全拉开。 当遮罩层完全拉开后，就会一直保持在图4这个状态，直至动画的结束。图2图3图42）动画的补间动作制作 该动画的很多部分都采用了补间动作效果，如图5，图6 。图5是该图片的初始状态1；图6是该图片缩小后的状态2，在这两个图片的过程中，因为采用了补间动作效果，所以在播放过程中，随着时间的推移，该图片会自动由状态1渐渐转变成状态2。最后，我会插入一个空白关键帧（F7）,这样在观看的时候，就像其在中间淡去了或消失，紧接着就是“主要介绍：图书馆”几个文字的出现。由补间动作制作，可以达到很好的图片动画。图5图63）探照灯照射字体的制作 如下图7，图8，图9是对“外观”的探照灯设置效果。 由这些图片可以看似灯由“外”照射到“观”，然后又由“观”照射到“外”，就这样循环。 通过这种设置，可以使观众眼前一亮。4）彩虹文字字体的制作 如图10所示的字体处理是精心设计的。 这样制作之后，可以加强渲染效果，且可以让观众眼前一亮。 在进行彩虹文字制作的过程中，我们一定要先选中文字，进行分离（Ctrl+B），且是按两次，然后选取彩虹灯颜色，用颜料桶点击文字，就会达到这样的效果。 反之，无论你如何用颜料桶点击，文字都不会有反应。图105）文字逐字出现效果图11，图12，图13均是展示了文字逐字出现过程中的三张静态状态。在实际制作中，我把这些文字，每一个都分别占用一个图层，把文字出现的时间（即帧）的先后顺序设置好，才可以达到逐字出现的效果。显然，这样做会占用大量的帧和层。但是，通过逐字出现，可以增加文字的动态效果，吸引观众的注意力，并让观众的眼睛会紧盯着而不离开屏幕。图11图12图136）按钮的制作 图14右下角是设置的按钮，该按钮在该动画的末尾处设置的，其功能是点击后可以再次重新播放。 实现该功能的代码是： on (release)gotoAndPlay(1); 其中的1表示从第一帧开始播放，即重新播放，达到预计的效果。 此外，在该按钮的帧上，我还添加了动作：stop();表明了动画在此处应该停止一下。 当这两种功能都能实现后，动画播放到此处停止后，如果观众仍像再观看一下刚刚播放的Flash动画，可以点击一下按钮，即可以实现。 图147）部分时间轴帧的设计展示图15是部分帧的设计。其中白色部分表示没有图片的设置。图154.5系统测试在制作的过程中遇到的问题有：帧的复制的问题，想把这帧弄过去，可是结果不是自己想要选择的。图片的移动和关键帧的设置，图片移动的效果不是按照帧的移动出现的。图层的位置需要根据图片出现的顺序而排放的。另外声音开始播放的位置不是一上来就播放的，要根据具体情况来定。图层的帧之间的衔接问题也是要注意的。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果5 设计结果与分析制作中曾经出现不少问题，经过查找资料包括在网上查看相关的视频教程，最终完成了歌曲同步问题，帧的复制，移动，图层管理，时间轴特效等等诸多问题。通过多次尝试按钮的制作，除了上面提到的，我还懂了几个简单的脚本来实现一些功能，如：1）on (release)gotoAndPlay(2); /其中的2表示跳转到第二帧该脚本表示：点击了鼠标后，会自动跳转到第二帧进行播放。2）on (release)play();该脚本表示：点击了鼠标后，就接着此时的场景继续播放。总之，这次动画制作，虽然做的不是很完美，但基本完成了课程设计的要求。6 设计体会与建议在该课程设计之前，我从来没有接触过Flash软件。当知道自己课程设计的题目后，我首先去了图书馆，借了几本相关的书籍，并从网上下载了一些快速入门的视频。通过几天的自学，逐渐对Flash有了了解，并且能够制更作一些Flash动画，激发了我在制作动画方面的兴趣。在制作的过程的同时，我对Flash动画制作软件的了解越来越多。Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。并且, FLASH 动画与传统的动画有所不同，其不同之处就是在听到优美音乐的同时，还可以给人一种视觉上的新感受。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。另外，我还了解了一些Flash的发展趋势，以及有关它未来的技术革新问题，归纳如下，具体可以体现在生产、管理和销售三个主要环节： 生产过程中的技术革新：在生产过程中，可以通过提高flash制作技术，改进以前的制作方式或流程，让工作更加高效率，掌握更多技能来辅助flash的创作。根据对客户需求的分类，定制系列组件，方便应用在不同客户的同类需要中，减少重复劳动。 管理的技术革新：对于一个团体或企业来说完成项目会是一种“团队合作”，那么良好的管理在这个团队合作的过程会非常重要，管理得是否得当会影响生产的质量和效率。 销售过程中的技术革新：销售过程的改进，各不同的经营对象会需要采用各自不同的具体措第施。除了拓展客户渠道以外，保持跟团队其他环节的通畅的沟通，掌握革新后的团队情报，以便在销售过程中充分展现优势。flash在其他方面的前景更加另人振奋。最后，由于时间比较仓促，在制作该动画的过程中一定还存在着很多不足之处，希望徐老师能够批评指正。谢谢，徐小龙老师！7 参考文献1 殷虹 郝琨 刘东 刘卉FLASH 动画制作（MX 2004中文版）中国铁道出版社2 崔兰耀 FLASH MX 2004闪客动画设计精粹 上海科学出版社3FLASH MX实例创作教学宝典，金版电子出版公司共18页- 18 -