《多媒体技术及应用》课程设计报告Flash动画短片制作姓名:李永超班级:08专升本1班学号:083210102指导教师:彭统乾成绩:完成时间:完成地点:平顶山学院一、设计描述本Flash通过人物出现在不同的场景以及背景文字的简单说明来表达出主人公对学校的留恋和对家庭的热爱。
同样我也是借此来表达出自己对学校的热爱与留恋。
作品制作中所使用的图片均是由手工绘制上色扫描而成的。
目的也是为了后期逐帧动画制作打下坚实的素材基础。
场景制作过程中都是以淡入淡出的手法来处理的,因此画面显的比较亲切和流畅。
在这次的制作过程中本人多次运用到了Flash动画中的淡入淡出效果和逐帧动画。
这两种技巧在所有Flash作品中都是被常常使用的,由于他们各自带来的视觉柔和感与亲切感很让人容易接受,因此越来越多的人来学习这门很容易上手的适用软件。
由于前期准备工作相当烦琐,因为在制作过程中也是相对比较费时间。
上面已经提到在图片的处理方面本人都是手工绘制,因此用掉了很多时间来整理图片。
在声音的选择上我也尽量选择那种清淡中带着一丝感伤的歌曲。
二、设计分析Flash的前身叫做FutureSplash,当时FutureSplash最大的两个用户是Microsoft和Disney。
1996年11月,FutureSplash正式卖给MM (),改名为FLASH1.0 (网上也有信息称是Flash2.0)一切是这样开始的。
微软网路(The Microsoft Network, MSN)使用 FutureSplash 公司的 Animator 软体设计了一个介面与广告全萤幕动画来模拟电视。
迪斯尼使用FutureSplash Animator建设Disney online网站,达到了在任何带宽条件下较好的互动和动画效果,而在当时强烈建议迪斯尼使用Shockwave( Director播放器)的是Macromedia。
1996年11月Macromedia获得经营4年FutureWave Software公司。
同时, Macromedia将FutureSplash Animator重新命名为Macromedia Flash 1.0。
而后Flash版本也从1.0一直发展到现在的8.0版本。
在当今动画市场的推进下,越来越多的游戏中运用到了Flash动画。
由于Flash动画制作成本低,视觉效果新颖,尤其是在动作表现上的灵活多变,更加加强了游戏人物中的多变性。
这些优点其他制作软件是无法比拟的。
以教学课件为例。
相信大多数老师都乐意用Flash来制作。
由于上手容易,制作简单,画面表现力强。
在教学系统应用Flash会极大增强学生的主动性和积极发明的能力。
在这方面涵盖的内容,可能所有现有技术你都可以用上了。
这些优点都使得它在教学系统方面的广阔前景。
由于Flash软件的易上手,好操作,因此很多人都能够独立制作出属于自己的动画Flash的淡入淡出和逐帧动画的效果在其他同类制作软件中是无法达到的。
因此,深信Flash在动画短片的制作方面有这相当长久的发展市场。
三、详细设计和编码3.1 内容简介本Flash主要是通过人物的时间形成而构造的。
通过场景穿插任务走动,在全力表现每一个生活中的人都不可缺少亲情和友情。
爱与被爱都是对等的。
在将要毕业的时间里。
难免会有许多不舍,但就因为我们都长大了,才更加应该知道珍惜眼前的一切。
无论何时都能想起在校园时的种种,同样也能无时无刻的惦记一下家。
3.2 场景的设定场景一:背景为蓝天白云以及几只白鸽飞过的场景。
这里仅仅是用了简单的图片淡入淡出的手法让画面不断的翻新。
这里比较关键的就是白鸽的逐帧动画的制作,这些图片都是在前期通过手工描绘上色扫描后才制作而成的。
由于逐帧动画表现手法上的细腻因此让人感觉像是看电影,并不觉得画面生硬。
场景二:背景设定为人行天桥上。
人物的走动同样是应用了逐帧动画的技巧。
让人感觉比较真实自然。
这个场景是在描述女主角独自一人行走在道路上。
彷徨中不知所措。
远处的背景也是简单的图片淡入淡出。
场景三:在秋千边上的一棵树旁,女主角背靠大树,似乎是在思索。
远处的白鸽也是逐帧动画的效果。
本场景停留时间较长,原因是为了表现出女主角心事重重。
场景四:女主角路过学校门口,似乎故意放下了脚步。
这里表现出女主角的心态可能是受学校这一特定地点而影响的。
背景字母显示出女主角内心的忧伤。
因为思念校园中美好的生活而忧虑。
主角走动中用的是逐帧动画,慢补向前给人以遐想。
场景五:回家的道路上女主角心事更重。
左侧字母打出,读过后发现主角很害怕孤独,呼应了场景四的学校门口。
告知主角十分的热爱校园时的生活。
场景六:主角回到了家门口,荧幕上继续打上字母。
看到这里明白了,原来主角不只是热爱校园时的生活,而更加的喜欢亲情的温暖的家。
3.3 逐帧动画的使用技巧3.3.1逐帧动画逐帧动画(FrameBy Frame),这是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成动画。
由于逐帧动画的帧序列内容不一样,不仅增加制作负担而且最终输出的文件量也很大,但它的优势也很明显:因为它相似与电影播放模式,很适合于表演很细腻的动画,如3D效果、人物或动物急剧转身等等效果。
由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
3.3.2本人作品运用的逐帧动画场景中出现的白鸽飞翔的动画实际上就是运用到了逐帧动画的技巧,通过导入前期处理好的鸽子图片。
在这里一帧一帧的插入图片来做出表现出鸽子飞翔动作的状态动画。
这就是一个简单的逐帧动画。
人物的走动同样也是靠插入图片来表现出动作的连贯性,因此在前期准备过程中我同样也是准备了6幅腿任务走动动作图片。
这样在制作走动动作过程中,同样是插入图片进行调整来表现出任务走动的场景。
整个Flash短片制作过程中的逐帧动画全是用这一手段进行制作的。
3.4 整体动画代码的说明按钮方面总共用到了play和replay两个按钮。
这两个按钮的代码如下:Play动作代码为on (release) {play();}Replay动作代码为on (release) {gotoAndPlay(1);}前者为点击开始播放,后者为点击返回第一帧播放。
在观开方面本人用到了自动全屏播放的动作代码。
该代码只需要插入到第一帧就可以完成全景的自动全屏格式,代码如下:自动全屏播放代码为fscommand("fullscreen", "true");在按钮设定前需要帧停止,这样才能执行按钮语句。
该代码如下:停止代码为stop();stopAllSounds();后一句为补充,为保证动画中歌曲帧也能同时停止。
四、心得体会4.1 技巧应用方面的心得体会以场景中出现最大的蓝天为例,为了保证不让整体脱离屏幕而飞出场景。
因为在设定背景大小的时候应该与蓝天的大小一致。
逐帧动画制作工程中一定要处理好每一场图片的顺序,这是为了让动画显得连贯一致。
整体动画衔接过程完全是用了淡入淡出的手段。
特别需要注意的是对补间动画时间长短的处理,透明度的把握要准。
否则会让人感觉不适应。
4.2 制作过程中的心得体会本人这次并没用突出的表现出Flash动画中动画制作的复杂性。
但由于逐帧动画的加入,因此也使得整个动画表现出了灵活自然连惯的特点。
逐帧动画能把一个任务的动作的每一个细小细节都做的十分逼真。
它的优势很明显,让画面变的像电影一般的流畅。
逐帧动画制作的关键就是素材的整理与搭配的合理。
因为逐帧动画在时间帧上表现为连续出现的关键帧,因此每一帧都是需要修饰而成的。
本人Flash成品虽然表面上给人一种简单明了的感觉,实际上在制作中是件相当让人头疼的问题。
五、总结在整个制作过程中,总是被一个又一个难题所困扰。
但是在完成时,却是无比欣喜与快乐。
在克服制作过程中的难题后,感觉自己的制作技巧一点一点的提高。
Flash的制作相对来说比其他制作软件更加容易上手和熟知。
完全可以靠平日的练习来提高。
Flash动画制作是一件很费时间与精力的事情。
但只要全身心投入,所有的困难都能克服。
要制作一个比较理想的Flash动画是一件很费时间与精力的事情。
因为设计Flash动画需要多方面的因素来支撑,如:激情与灵感、细心与勤奋等等。
我能够顺利完成Flash动画,正是有这些不可或缺的因素在支持着。
冥冥之中有一种无形的力量在牵引着我。
正是这种力量给了我动力,让我勇往直前的面对挑战。
我自己始终坚持一种信念“没有做不到,只有想不到”。
只要我充分发挥自己的主观能动性,就一定能设计出一个优秀的Flash动画。
细心与勤奋,这是做事必须具备的基本素养。
所谓“细微之处见真情”。
往往一个人的细心程度直接影响着做事的质量。
一切从点滴做起。
勤奋与细心是相辅相成的,细心往往建立在勤奋的基础上。
做Flash动画就需要细心的FLASH 动画素材,一个小小的动画就能使整个布局平添几分色彩,在我浏览网站时一直都在不停的搜索好的图片。
本Flash动画在我辛勤的制作下,才有了鲜活生命。
在做毕业设计期间得到了很多老师的帮助,尤其是指导老师王丽敏老师的大力支持,衷心的感谢他们!六、结果测试七、参考文件[1] 陈笑.Macromedia FLASH 8 实用培训教程.清华大学出版社,2004。
[2] 王龙.Macromedia FLASH 8 标准教程.海洋出版社,2003。
[3] 雷波.Photoshop 基础教程.清华大学出版社,2004。
[4] 曹燕.多媒体技术实训教程.机械工业出版社,2007。