[毕业论文]flash动画设计.doc

《[毕业论文]flash动画设计.doc》由会员分享，可在线阅读，更多相关《[毕业论文]flash动画设计.doc（23页珍藏版）》请在三一办公上搜索。

1、摘 要21 绪论32 flash相关概念阐述52.1 flash概叙52.2 什么是flash动画63 flash在当今社会中的应用73.1 flash在动态网页中的作用73.2 flash中实现与数据库连接74 flash动画的概念114.1 什么是动画与动画设计114.2 什么是动画片中的动画114.3 动画绘制时需要的一些工具114.4 flash动画影片制作的步骤125 flash动画时间的技巧135.1 时间与帧数135.2动画的间格距离表现135.3 flash动画中循环动作的时间135.4 flash 背景透明和层次问题136 flash动画的相关概念和制作过程156.1 形状补

2、间动画的概念156.2构成形状补间动画的元素156.3 形状补间动画在时间帧面板上的表现156.4 创建形状补间动画的方法157 flash中声音和声道平衡的控制177.1 音乐的播放和停止177.2 音量的控制18总结22参考文献23致谢24摘 要Flash是美国的一家公司（MACROMEDIA公司）于1996年6月推出的优秀网页动画设计软件， 在中国经历了9年的发展时间。曾经在中国风云一时，出现了FALSH热。由于动漫也成为一种时尚的艺术，而且最直接简单的动画创作是就FLASH。我认为它可以自成体系，有它自己独特的表现方法.手段和流通方式及“闪客”生活。甚至我认为它是现代文明的一种符号，新

3、新艺术创作方式，是一种流行于网络的网络文化。电脑替代了传统的笔墨，移动的图象和声音同样表达了动画艺术家的情感，所以我把FLASH作为独立的动画来谈。我这种论述不论对与错，但是他始终代表了我对FLASH认识的观点和理解。今天让我们共同来探讨FLASH，我的观点是FLASH不可否认已经成为了一种新的艺术表现形式，作为新的事物它的应用非常广泛，主要用于网络，FLASH网站片头，FLASH演示动画，FLASH网站，FLASH商业广告，电视，掌上电脑，游戏，MTV，手机屏保，手机彩信，家用电器等等！这些表示FLASH的确是一个非常好的传播载体。它能够引申出非常多的商业机会。能够以多样的效果和形式来充分体

4、现产品或企业形象。现在电脑，网络，手机用户等等都是在不断的增加，网络的发展壮大和完美，电脑更加普及，上网的人更多。正因为它有怎么多的用户，爱好者，创作者和发展平台，使用价值和欣赏价值。它现在虽然不能和我们的中国画，油画，版画等艺术创作相提并论，但是它可以满足社会艺术欣赏的需要和商业价值的需要，通过介绍论证FLASH是具有广阔的天空，它是在不断的发展和成熟中，我认为FLASH真正的价值是其未来！它是一种新新事物，是一种新的艺术创作和文化。本文从对Flash的发展及其技术上的操作，和一些动画理念结合起来。大家了以共同学习学习，互补互助。 关键词：flash动画发展标准矢量1 绪论网络科学技术的发展

5、日新月异，网络技术已经成为现代信息技术的主流，人们对的认识也随着网络的应用的逐渐普及而迅速改变。而网络必将成为一种通用的工具，成为人们生活，工作，学习中必不可少的一部分。校园网应为学校教学，科研提供先进的信息化教学环境。在当今信息产业蓬勃发展的今天，信息已经成为一种关键性的战略资源，计算机技术在人们的生活中已经起到了越来越重要的作用。校园作为知识基地和人才基地，它理应成为代 表信息产业应用最成功的典范。一所成功的学校不仅在学术上、教育上要力争上游，更应在 管理上上一个台阶。利用各种成熟的技术带动学校各单位、各部门的电脑化管理，通过校园信息网，将各处的电脑联成一个数据网，实现各类数据的统一性和规

6、范性；教职员工和学生可共享各种信息，极易进行各种信息的教流、经验的分享、讨论、消息的发布、工作流的自动实现和协同工作等，从而有效地提高学校的现代化管理水平和教学质量，增强学生学习的积极性、主动性，为信息时代培育出高素质的人才。在学校中建立计算机网络已经是十分迫切的需要。在现在这个知识爆炸的社会中，对于合格人才的要求越来越多，需要他们掌握大量的各类知识，在教育中需要提高教学效率。现在出现了许多新的教学方法，以各种方式提高学生对知识的掌握速度，在与前人同样的时间内，掌握比前人更多的知识，而这些教学方法，需要利用计算机网络才能实现。这就要求校园网是一个具有交互功能和专业性很强的局域网络。多媒体教学软

7、件的开发平台，多媒体演示教室，教师备课系统，电子阅览室以及教学，考试资料库等，都可以通过网络运行工作。如果一所学校包括多个专业学科，也可以形成多个局域网络，并通过有线方式连接起来。校园网是指利用网络设备，通信介质和组网技术和协议以及各类系统管理软件和各种终端有效地集成在一起，并用于教学，科研，学校管理，信息资源共享和远程教学等方面的计算机局域网系统。校园网应具有教学，管理和通信三大功能。对于目前的校园网建设来说，主要侧重于教学和通信，难以实现以数字化校园为核心的管理领域。2 flash相关概念阐述2.1 flash概叙 Flash由macromedia公司推出的交互式矢量图和Web动画的标准。

8、网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。flash涉及到的领域:动画游戏制作，网络构件，学习课件，网站广告设计及全flash网站，工控界面等等。主要特点是制作简单，通用性比较大，涉及的领域多，制作出的东西效果都可以做到非常精致。缺点在于有些效果需要别的软件辅助制作等等，不是所有效果都能制作出来。（比如些3d效果，flash就很难制作，只能通过导入的方式或者针并针的方式） FLASH有三重意义:1)FLASH英文本意为“闪光”;2)它是全球流行的电脑动画设计软件;3)它代表用上述软件制作的流行于网络的动画作品。Flash是一种交互式矢量多媒体技术，他的前身是

9、Futureplash，早期网上流行的矢量动画插件。后来由于Macromedia公司收购了FutureSplash以后便将其改为Flash2，到现在最新的flashcs3。现在网上已经有成千上万个Flash站点，著名的如专门ShockRave站点，全部采用了ShockwaveFlash和Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。Flash最早期的版本称为FutureSplashAnimator，当时future splash animator最大的两个用户是微软（Microsoft）和迪斯尼（Disney）。1996年11月，future splash

10、 animator卖给了M（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

11、。Flash5.0中的已有了长足的进步，并且开始了对XML和SmartClip（智能影片剪辑）的支持。ActionScript的语法已经开始定位为发展成为一种完整的面向对象的语言，并且遵循的标准，就像javascript那样。 2002年3月Macromedia推出了FlashMX支持的播放器为FlashPlayer6。Flash6开始了对外部jpg和MP3调入的支持，同时也增加了更多的内建对象，提供了对HTML文本更精确的控制，并引如超频帧的概念。同时也改进了swf文件的压缩技术。之后Macromedia有相继推出了Flash 8，Flash 9及现在的Flash CS3。相信Flash的软

12、件以后还会在不断的更新，使其更加完美。2.2 什么是flash动画动画是将静止的画面变为动态的艺术实现由静止到动态，主要是靠人眼的视觉残留效应利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。动画以人类视觉的原理为基础。 如果快速查看一系列相关的静态图像，那么我们会感觉到这是一个连续的运动。 每一个单独图像称之为帧。帧是动画电影中的单个图像。3 flash在当今社会中的应用3.1 flash在动态网页中的作用Flash是MacroMedia公司专为网络应用设计的一个交互性矢量动画设计软件。网站设计者可以使用Flash为网站设计各种动态Logo动画、导航条以及全屏动画，还可以加入

13、动感音乐，完全具备多媒体的各项功能。Flash以其体积短小，流体播放的特点迅速打开市场，将WWW上的站点页面设计带上了一个全新的高度。实现Web数据库的应用一般有两种方法：一种是Web服务器端提供中间件，连接Web服务器与数据库服务器；另一种是把应用程序下载到客户端直接访问数据库。最常用的中间件技术有通用网关接口(CGI)和应用程序编程接口(API)两种。CGI程序存在效率低、速度慢等缺点；而API很大程度上克服了CGI的缺点，但其兼容性差，开发难度大也让许多开发人员望而却步。客户端访问数据库主要包括JavaScript和数据库连接器(IDC)等。用JavaScript和IDC开发Web数据库

14、虽然简单，但也存在功能有限、不能完全控制其过程等缺点，所以它们也无法胜任较复杂的Web数据库的开发。微软推出的ASP方案很好地解决了这些难题。ASP（Active Server Page）是Microsoft公司推出的一种基于服务器端的脚本编程语言，它很容易和数据库连接。Flash与ASP的组合使网页功能更加强大，可以通过它们和数据库连接，能使我们的网站不仅具有强大的数据支持而且具有完美的交互界面。 3.2 flash中实现与数据库连接为了实现Flash与数据库的连接，需要把Flash和ASP联系起来。变量可以通过URL传递给Flash，这是一种GET方法，把变量传递给一个swf 接着文本Te

15、xt of my variable将会出现在Flash的动画中指定的位置，我们只要把Flash所需要的数据准备好就可以实现与数据库的连接，然后利用Flash中的动画功能就可以做出既具有强大的数据处理能力又具有强大的交互能力的美观网页。ASP和数据库的连接可用如下语句实现。 Set Connection = Server.CreateObject(ADODB.Connection)Set Recordset = Server.CreateObject(ADODB.Recordset)Connection.Open people这样数据库就和ASP连接上，从而 Flash与数据库连接上去了。在Fl

16、ash中使用ASP必须满足以下条件：服务器端server必须支持Active Server Pages并且支持数据库；客户端必须安装Flash插件。3.3 如何在flash中使用数据库 第一步要做的是建立数据库。我们使用Access数据库为例，表名为Staff，有三个字段：ID (自动编号), Known(Text) ，name (Text) 。这是一个用来示范用户名的数据库。第二步就是建立一个Flash 5的动画。步骤如下：(1)建立三个text field.它们是用来显示数据用的。(2)把第一个text field的name设置为Input，它是用来接收输入数据的。(3)另外两个text

17、field分别命名为KnownAs和Surname。(4)其它设置先为默认。(5)最后，从Flash的library中选择增加一个按钮 (应该是一个可重用的组件 ScrollBarButton ) 。这是很重要的一步，按钮将把输入的变量传递给ASP页面。到按钮的属性(Properties)上单击Action页，单击+号和On MouseEvent.勾上Release框。(6)再次单击+号和Load/Unload Movie.选择Load Variables Into Location在URL输入框内输入你的ASP文件名(例如flash.asp). 选择Target。(7) 最后,选择Varia

18、bles中的Send using POST， 单击+号来设置变量在Variable输入框内输入 Input(就是第一个text field的name) 。当上面的工作都完成后，可以在action box内看到如下内容：On (Release)Load Variables (flash.asp, , vars=POST)Set Variable: Input = End On 这样当在动画过程中这个按钮被点击并释放后，Input输入框中的内容将被传递给flash.asp文件。注意Form是使用的post方式传递变量的。(8) 建立一个HTML页面，在其中包含这个Flash动画文件。第三步：ASP

19、文件的代码需要注意的是在把KnownAs和Surname传递回去的写法，将是这样的Known=Data1&Surname=Data2使用Server.URLEncode(VariableName)来保证传递过去变量的是按照 URL格式编码的。4 flash动画的概念4.1 什么是动画与动画设计动画与动画设计(即原画)是不同的概念，原画设计是动画影片的基础工作原画设计的每一镜头的角色、动作、表情，相当於影片中的演员所不同的是设计者不是将演员的形体动作直接拍摄到胶片上，而是通过设计者的画笔来塑造各类角色的形象并赋予他们生命、性格和感情。 4.2 什么是动画片中的动画 动画片中的动画一般也称为中间画

20、这是指两张原画的中间过程而言的动画片动作的流畅、生动，关键要靠中间画的完善一般先由原画设计者绘制出原画，然后动画设计者根据原画规定的动作要求以及帧数绘制中间画原画设计者与动画设计者必须有良好的配合才能顺利完成动画片的制作。4.3 动画绘制时需要的一些工具动画绘制需要的工具一般有：拷贝箱工作台、定位器、铅笔、橡皮、颜料、曲线尺等方法是：按原画顺序将前后两张画面套在定位器上，然后再覆盖一张同样规格的动画纸，通过台下拷贝箱的灯光，在两张原画动作之间先画出第一张中间画(称为第一动画)，然后再将第一动画与第一张原画叠起来套在定位器上，覆盖另一张空白动画纸画出第二动画依此方法，绘制出两张原画之间的全部动作

21、。4.4 flash动画影片制作的步骤1、由编导(可以是你自己)确定动画剧本及分镜头脚本；2、美术动画设计人员设计出动画人物形象；3、美术动画设计人员绘制、编排出分镜头画面脚本；4、动画绘制人员进行绘制；5、导入到flash进行制作； 6、剪辑配音。 在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐5 flash动画时间的技巧5.1 时间与帧数 对动画时间的基本考虑是放映速度：电影和电视的放映速度是24帧秒，而动画片一般有12帧就可以了，然后录制或拍摄

22、时进行双格处理。如果绘制动作较快的动画最好进行单格处理，即每秒要绘制24个画面。对於快速奔跑的动作，一般采用8帧单格画面。对於物体发生震动用单格处理两端的动作就可以了。5.2动画的间格距离表现 物体的静止到移动到静止都有类似的规律：静止开始时速度慢、运动中的速度快、运动停止时的速度慢表现在帧数上则是：从静止到运动帧数逐渐减少，从运动到静止帧数逐渐增加，中间运动过程的速度最快，帧数也最少。5.3 flash动画中循环动作的时间动画中经常会有循环动作，但不同的情况需要的帧数也是不同的。如：快速飘扬的旗需要6帧画面循环；又如火焰的循环，大火的动作循环从底部烧到顶部可能需要几秒，而小火的循环只需要几帧

23、；下雨的循环动作最好设置两层，前层雨水穿过屏幕，一般需6帧画面，后层雨水穿过屏幕的时间慢於前层，循环的帧数也相应多於前层；下雪的动画则至少需要有3种大小不同的雪花，循序的时间约需要2秒；一个急速跑步动作需4帧画面，快跑动作需8帧画面，慢跑动作则需12帧，超过16 帧，画面就失去冲刺感觉；大象需要11.5秒完成一个完整的步子；小动物如猫的一个动作只需0.5 秒或更少；鹰的翅膀一个循环需要8帧；小麻雀的翅膀循环动作有2帧画面就可以了。5.4 flash 背景透明和层次问题 #flash背景透明，在flash语句中加入这句或者：选中刚才已插入的flash动画，右击鼠标选择参数，在弹出的对话框中点击+

24、加号图标，在左侧的参数中键入wmode在右侧的值框内键入transparent点击ok,按f12进行预览,ok!我们所要的透明效果就出现了！在Mozilla,Firefox浏览器中起作用的是这个标签 那这样，在标签内加入属性 wmode=transparent 就可以实现flash背景透明，如 embed好像不提倡使用（网景发明的），w3c推荐用object代替。也可以尝试加到object中让flash不要漂到最高层：Import导入。或直接从WindowCommon LibraieSounds中拖一个到舞台上。(2)然后选择WindowLibrary。从中选中你刚导入的音乐，并按鼠标右键，选

25、中其中的Linkage,如图所示：(3)在跳出的Symbol Linkage Properties对话框中,在Linkage中选Export this symbol，在identifier中输入你想要取的音乐名字，如likesound。如果你用的是flash mx，则选择Export for ActionScript。如图所示：(4)接着从库中选择两个按钮，并放在舞台上，如图所示：(5)在第一个开始按钮上捆绑如下代码：on (release) s=new Sound();s.attachSound(likesound);s.start(0,6); (6)在第二个停止按钮上捆绑如下代码：on (

26、release) s.stop()7.2 音量的控制(1)从库中选一个按钮放在舞台上，把这个按钮转换成MovieClip。这样做的目的是能把这个按钮既可以接受电影事件也能接受按钮事件，如图所示：待添加的隐藏文字内容1(2)在这个按钮的电影剪辑上加入以下代码:onClipEvent (load) top = _y;left = _x;right = _x;bottom = _y+100;onClipEvent (enterFrame) if (dragging=true)_root.s.setVolume(100-(_y-top);7.3 调节声音的平衡 (1)从库中选一个按钮放在舞台上，把这个

27、按钮转换成MovieClip。这样做的目的是能把这个按钮既可以接受电影事件也能接受按钮事件。（此例是最下的那个按钮，既横向的那个)做好后如图所示： (10)在这个按钮的电影剪辑上加入以下代码 onClipEvent (load) top = _y;bottom = _y;left = _x-50;right = _x+50;center = _x;onClipEvent (enterFrame) if (dragging=true) _root.s.setPan(_x-center)*2);(11)通过双击这个电影剪辑，或通过选中这个电影后再选EditEdit Symbol，进入该电影剪辑地编

28、辑状态，选中按钮本身，在这个按钮上捆绑以下代码(和上次的操作完全相同）。on (press) startDrag (, false, left, top, right, bottom);dragging = true;on (release) stopDrag ();dragging = false;总结Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。三大基本功能之外的延伸Flash动画的三大基本功能是一切Flash动画应用的基础。但现在Flash已经是一个非常强大的平台，他是一个富媒体环境。在Flash

29、 4时他加入了MP3声音的支持，Flash 3及以前的版本对音频支持是很匮乏的，从那个时候起你可以设计多媒体的Flash动画了。在Flash 6时他加入了视频的支持，Flash 5及以前的版本不支持视频（不包括链接的Quicktime），这时，你可以嵌入视频，也可以播放外部的Flv格式的视频。甚至，你还可以捕做到来自麦克风和摄像头的实时音频和视频。虽然Flash 4以前的版本中也有简洁的脚本代码，但应该不算有严格意义上的Actionscript，充其量只能算是Action，因为他仅有简单的几条语句，连加减乘除运算符都没有。增强的图形处理功能目前Flash对位图的处理功能还比较弱，因为它最初是从

30、矢量处理起始的，加之矢量图形是Flash GUI设计之基石，所以估计还会沿着矢量处理的道路继续前进。不过最近的滤镜和图像混合模式也向位图处理领域迈出一大步。相信未来会有更多更好的这方面的功能加进来。Flash的功能可能越来越复杂，如何系统地掌握这项技术就显得非常重要。系统地掌握一门技术有两个好处：一个是对目前的功能有清晰的认识；第二，就是能够从容应对更复杂的知识。了解这些对于一个初入门的动画设计者是非常有意义的，正是将这些功能逻辑的整理出来，有利于用户建立正确的、逻辑的知识体系，而不是再在黑夜里徘徊了。参考文献1.黄冈 于林 主编，Macromedia Flash MX 标准教程，北京希望电子出版社。本版号：ISBN 7900118411 . 2004,6:67672.黄汗兵 主编，Show good 创作宝典之FLASH MX教学课件与互动游戏，人民邮电出版社。本版号：ISBN 7115107413120. 2005,18(2):5050 3.FLASH MX实例创作教学宝典，金版电子出版公司致谢