FLASH动漫设计——《消失的山村》毕业论文.docx

《FLASH动漫设计——《消失的山村》毕业论文.docx》由会员分享，可在线阅读，更多相关《FLASH动漫设计——《消失的山村》毕业论文.docx（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、毕业设计（论文）题目： FLASH动漫设计消失的山村 姓 名 准考证号 058912221048 专 业 计算机网络 专科院校 苏州市职业大学 指导教师 南京航空航天大学2014 年 3 月目录摘要1前言2第1章 概述31.1FLASH的简介31.2FLASH的应用41.3FLASH动画的优势5第2章 FLASH设计的制作过程72.1FLASH设计思路及准备工作7211 决定做该Flash设计的目的和意义7212 Flash设计方案的确定7213 Flash设计的前期准备7214 整体思路822 Flash制作流程823 Flash制作过程中要注意的地方1924 Flash制作过程中的难点20

2、第3章 FLASH制作的优化研究2231 Flash制作素材的优化22311 图形的优化2232 Flash制作过程中的优化23321 Flash制作过程中应注意的细节优化233. 3 对Flash的优化. 25结束语27辞谢28参考文献29FLASH动漫设计消失的山村 摘 要Flash，是由macromedia公司推出的一种创作工具，Flash支持动画、声音以及交互、具有强大的编辑功能。Flash已经成为一种新的艺术表现形式。Flash软件采用矢量技术，与位图相比，矢量图形需要的内存和存储空间小很多，所以Flash制作的动画具有短小精悍的特点，也因此被广泛应用于很多方面。Flash是目前最流

3、行、使用人数最多的二维动画制作软件之一，有着功能强大、简单易学、操作方便、生成影片文件小、适合网络传输、交互性强的特点，备受广大用户推崇，现已广泛是应用于互联网、多媒体演示、游戏软件制作等多领域。本文介绍了用Flash制作的一个故事短片，并通过短片中的场景、角色以及动画讲述了一个当今社会现象村庄的消失，以及随之而来的环境的变化。同时呼吁人们加紧保护村庄，珍惜这笔自然给予的宝贵财富。关键字：Flash设计与制作，Flash应用，Flash特点前 言目前，随着网络的发展，多媒体信息以更快的速度在网络中传播，特别是图形图像、视频、音频信息的传播，更加展示了网络的魅力。Flash囊括了新时代的一切时尚

4、元素，如网络、互动、即时、音乐、动画等，是技术和艺术的“完美”结合。Flash动画设计是一门新兴的学科，它以计算机动画学为基础，以美术常以为指导。Flash动画是艺术和技术的共同体，所以，优秀的Flash动画设计师必须既有较高的美学修养，又能熟练掌握应用软件。同时，Flash动画作为一个新兴的媒体，其最大优势在于丰富的影音效果与动画的多种呈现的双向交流模式。一个成功的Flash动画，要经过角色设计、动画制作与配音等多道环节的精心制作。第1章 概述1.1 FLASH的简介Flash是美国的MACROMEDIA公司于1999年6月推出的优秀动画设计软件。它是一种交互式动画设计工具、模式，只需加入自

5、己的创意，利用Flash技术，就可把所想表现的东西用音乐、声效、动画以及富有新意的界面融合在一起，制作出高品质的动态效果。Flash功能强大、制作流程简单，打破了传统的摄像机拍片的动画形式，展现给大家更为奇妙的影像世界。目前已有很多人会使用FLASH这个软件了，而且还会有越来越多。同时FLASH是采用矢量图形和流式播放技术进行二维动画编辑。FLASH能够很好的支持声音，并且有交互功能，简单易学，可以很方面实现一些网上传播的动画。FLASH是目前网络动画的事实标准，其文件短小，播放效果好，用于教学课件，互动游戏等方面。20世纪90年代中期，网上出现了一家名为Future Splash的小公司，这

6、就是Flash的前身。当一家名为Macromedia的公司注意到了Future Splash，并抓住时机在1996年收购，将其改名为Flash。1997年6月Macromedia公司推出了Flash2.0，自Flash进入4.0版以后，开始有了自己专用的播放器，称为“Flash Player”。2002年3月Macromedia推出了Flash MX，支持的播放器为Flash Player 6。Flash 6开始了对外部JPG和MP3调入的支持，同时也增加了更多的内建对象，提供了对HTML文本更精确的控制，同时也改进了SWF文件的压缩技术。2003年8月Macromedia 推出了Flash

7、MX 2004，其播放器的版本被命名为 Flash Player 7。2005年10月，Macromedia 推出了Flash 8.0，增强了对视频支持。可以打包成Flash视频(即.flv文件)；改进了动作脚本面板。2005年Adobe耗资34亿美元并购Macromedia，从此，Flash便冠上了Adobe的名头，不久推出了以Adobe的名义推出Flash产品，名为Adobe Flash CS3，后又推出了Adobe Creative Suite 4 Master Collection套装（简称Adobe CS4）中，含有最新版的Flash CS 4。目前最新的版本为Adobe Flash

8、 CS6 Professional。Adobe Flash Professional CS 6为创建数字动画和交互式Web站点提供了功能全面的创作和编辑环境。本设计采用的是Adobe Flash CS6 Professional版本，启动Flash CS6 Professional创建一个Flash文档，其基本结构如图1.1所示。图1.1 flash cs6界面图在Flash中创作内容时，学要在Flash文档文件中工作。Flash文档有四个主要部分：1、舞台。舞台是在回放过程中显示图形、视频、按钮等内容的位置，是制作Flash影片关键帧内容的区域，在舞台中可以直接对Flash影片进行创建、修改

9、和组织。2、时间轴。时间轴主要有图层、帧和播放头组成，在整体上分为左侧的图层操作区和右侧的帧操作区两部分，在【时间轴】面板上可以对图层和帧进行添加或者删除等操作，以控制图层和播放帧的位置、属性等。3、库面板。【库】面板是显示Flash文档中元素列表的位置，在【库】面板中可以方便快捷的查找、组织以及调用资源。4、ActionScript。ActionScript语句是Flash提供的一种动作脚本语言，它具有强大的交互功能，提高了动画与用户的交互性，并使得用户对动画元件的控制得到了加强。虽然使用纯技术就可以创建各种动画效果，但是如果要提供与用户的交互、使用户内置于Flash中的对象之外的其他对象，

10、例如按钮、影片剪辑或者使用户的SWF文件更适合使用，这时就必须使用动作脚本。 1.2 FLASH的应用广告：这是当前比较流行的一种广告形式，采用Flash制作的广告既可以在网络上发布，同时也可以存为视频格式在传统的电视台播放，一次制作，多台发布，所以得到了很多企业的青睐。娱乐短片：这是广大Flash爱好者最热衷应用的一个领域，利用Flash制作动画短片，供大家娱乐，这也是一个Flash爱好者发展潜力、展现自我的平台。MTV制作：这也是应用比较广泛的形式，在一些Flash制作的网站，几乎每天都有新的MTV作品的产生。小游戏：利用Flash开发的小游戏体积小，画面品质高，可玩性强而且操作简单，无需

11、特殊安装即可立即游戏。作为一种新的娱乐方式被越来越多的人所接受，前线网络所设计的游戏会充分结合企业自身文化，并考虑到所宣传的品牌和产品的特性，把网络广告和网络游戏结合起来，玩者会自然地关注这些信息并亲身参与，最大限度的扩大了游戏和广告的影响范围。Flash网站：精美的动画不仅可以大大提高网站的含金量，同时也可以在很短的时间内把自己的整体信息传播给访问者，这样即可以给访问者留下深刻的印象，同时也能在访问者心中建立良好印象。由于Flash有强大的交互功能，可以通过制作按钮选择控制观看网站所展示产品的功能、外观等，这种形式比传统的展示方式更胜一筹。导航的应用：Flash的按钮功能非常强大，是制作菜单

12、的首选。简单的应用系统：随着功能的日益强大，Flash逐渐的走上了实际应用领域的前台。Flash不同于其他普通的编程工具和动画制作软件，它把图像图像、动作设计、ActionScript语言完美地结合在一起了，极好的克服了一般编程语言（例如C和Java等）使用程序绘图的抽象问题，以及普通动画制作软件的局限性。1.3 FLASH动画的优势全新的数码技术，包括数码视频、数码影像及数码音频。这种崭新的沟通模式，能帮助您在烈的商业竞争中全面、动态的展示您企业的优势与产品的特点，让客户在最短的时间里用最轻松、最生动有趣的方式了解您企业。光盘中的资讯，并带给客户前所未有的视觉和感观的新享受。FLASH动画象

13、通常象我们看到的广告片段一样，它可以通过文字、图片、录象、声音等综合手段形象的体现一个意图。一般利用它来制作公司形象、产品宣传等片段，可以达到非常好的效果。Flash动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点，是当今最流行的Web页面动画格式。Flash动画是目前最好的网络多媒体动画，强烈的视觉冲击力可以给浏览者留下深刻的印象，具有绝佳的宣传效果，全力打造企业形象。无论您要设计动画图形还是构建数据驱动的应用程序，Flash都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。Flash技术在现代网页中的运用已经越来越广泛为

14、企事业单位在网上进行产品推广也起到重要作用，我们可以为您提供从台本策划，人物造型设计，语音配音，音乐合成，动画合成等一整套专业的服务。第2章 FLASH设计的制作过程2.1 FLASH设计思路及准备工作2.1.1 Flash设计的个人想法 当大家毕业设计都忙着选一些管理系统之类的课题时，我实在对那些系统提不起兴趣，而且毕业之后也并不打算从事程序设计的工作。同时，我对网络这一块了解的也不多，几乎是一个瞎子。而之所以选择Flash动画设计与制作技术研究，我觉得毕业设计做成Flash动画也是相当有意义的，我以前也接触过一段时间，一些基础的知识点也没有忘记。而对于flash动画也做过，虽然比较粗糙，没

15、有丰富的内容，但是我也毕竟很认真的完成了，而且在做整个毕业设计的同时也可以加深对一个动画设计的软件认识与了解，也许毕业之后还真的可以向这个方面发展。后来去图书馆借了几本书回来，大概看了一下，发现flash也是很有趣的，也很实用，例如可以做贺卡、相册、mv等等，这些都是送给女朋友的礼物，自觉得比那些玩具啊，衣服啊，要来的更加实际，也更具有收藏的价值，因为那里充满了回忆与青春。2.1.2 Flash设计方案的确定万事开头难，虽然接触过，但是若是真的上手起来还是有点不知所措，很是茫然。起初只确定毕业设计就做Flash动画了，但并没有个确定的方案，后来一段时间一直在网上查找一些Flash动画，看得多了

16、慢慢整个概念也就清晰了起来。后来回家，看见家里的很多村庄都被规划了，没有了。顿时，冒出了这个想法做一个公益广告，一个关于村庄消失的广告。然后上网找资料，发现这个现象在全国都很普遍比。国家为了统筹城乡一起发展，增快经济的发展，提高人民的生活水平，开始规划城市，用新城市取缔村庄，同时也鼓励各地政府抓紧招商引资，开办工业园区，拉动经济发展。故而，我也就觉得做这个动画的必要性，一方面是对未来的憧憬，另方面也是对逝去的村庄的缅怀，那毕竟留下了我们的童年。2.1.3 Flash设计的前期准备Flash设计是一种多媒体制作设计，它需要大量的资源来参考，同时也会需要图片、声音、视频等元素的支撑，所以在做该Fl

17、ash设计之前我们必须先把所需要的图片、音频、视频等素材搜集起来并放在同一个文件夹内，当然素材的准备并不只是仅仅将这些素材放在同一文件夹内就算准备好了，因为导入到Flash的素材是有一定的格式和大小的限制的，所以我们在做Flash设计之前所做的准备工作自然也就包括对图片、音频、视频等素材的预处理，也就是图片的美化以及图片的大小，还有音频文件和视频文件的格式、比特率、大小的调整。上述素材的准备工作就不得不需要一些软件，图片可以使用美图秀秀、光影魔术手等美图工具完成预处理，当然也可以使用专业的图像修改软件Photoshop来处理，而音频文件和视频文件则可以使用格式工厂、Flash转换王、SWF t

18、o Video等软件来进行预处理。除了素材准备时所需要的软件外，做Flash设计必不可少的就是Flash设计软件以及Flash播放器。此外，还需要构思剧本，有纲有线做起来事半功倍。以及对场景和人物的设计，尽量达到场景与人物动作的和谐与统一。2.1.4 整体思路情节的组节要符合生活的逻辑、思维的逻辑。在flash的创作过程中是很灵 活的,你想怎样去实现就通过你的思想去实现,只要不违背现实的客观规律就可。所以怎样才能组接好更多的镜头这也是要考虑进去的，景别的变化我都采用的是循序渐进的方式,我觉得这样可以使得整个画面过度的不突然，这样欣赏起来不会有莫名其妙的感觉。在动作的表现当中,也不可能把每个细节

19、都展现出来,这样会有种沉重的感觉，我就在表现内容的时候，抓住了可以表现的东西，也就是突出了我想说明主题的动作。再就是开始把每个素材按故事的发展前后链接在一起，首先就是要导入库内，在导入之前先在库内建立多个文件夹，并取好与内容相符的名字，然后把图片按内容导入到相应的文件夹中，这样把图片连起来的时候就可以很容易找到所需要图片了。下一步就是开始整个作品最重要的内容了，就是作出整个FLASH了。2.2 Flash制作流程这部flash动画包含了九个场景，而这九个场景也就是九个元件，再将每一个场景做好后，依次将九个场景拖到舞台上，排列好顺序以及出场的时间。连接起来以后，就是我们要看到的动画了。下面就是制

20、作的流程：1、双击桌面上的flash快捷进入flash界面，并修改面板参数，以满足要求。如图2.1所示。图2.1 修改文档图As2.0是一种面向过程的语言，是脚本语言。我们通常所使用的都是as2.0，因为我们现在接触的as代码都是在as2.0的环境下运行的。在打开flash的时候，我们首先就要选择语言环境，以便接下来准确的使用代码。如图2.2所示。图2.2 选择语言图上图中，“尺寸”指的是舞台的大小，根据不同的需求我们选择不同大小的舞台。而且在文档属性中，可以随便改变舞台的背景颜色，因为在不同的场景中我们需要不同颜色的舞台来完美色彩的平衡。“帧频”是指1s包含多少帧，它决定动画的时间，不同的帧

21、频对应着不同的运行时间。2、场景1是说发生在现代化公园中的故事的场景，如图2.3所示。图2.3 公园图场景中，波浪是用遮罩动画的制作方法做成的。遮罩是flash中的一个技巧，遮罩项目像一个窗口，透过它只能看见与它相关联图层的内容。遮罩层中的对象可以是任意形状的图形、文字、动画等，但是遮罩对象只能是一个。而做遮罩动画首先要创建一个遮罩层，方法是：首先，在要做遮罩动画的对象上单击新建一个图层，然后在新建的图层上做出自己想要的形状，右击，在快捷菜单中选择“遮罩层”命令即可。下面我们来做场景1中的波浪动画。选择菜单栏中的“插入”“新建元件”命令，元件名为“波浪”。进入舞台，用线条工具在舞台上画一条线，

22、使用选择工具，将直线做成曲线。接着，复制多条线条，依次排列好，然后到时间轴上做一个补间动画，如图2.4所示。图2.4 波浪制作图进入场景1面板，将“波浪”元件拖到舞台，位于湖面的上一层中，对湖面做遮罩，得到的效果。如图2.5所示。图2.5 波浪图3、场景2是小山村，这个场景用到了烟雾效果。如图2.6所示。图2.6 山村图做这个烟雾效果，需要用到代码。首先，插入元件名为“烟”，选择属性为“影片剪辑，”如图2.7所示图2.7 “烟”元件图然后，用椭圆工具在舞台上绘制一个圆（按住shift键），填充色为白色。选中圆，选择“修改”“形状”“柔化填充边缘”命令，距离是20个像素，如图2.8所示。图2.8

23、 边缘模糊图接下来，再新建一个元件，将“烟”元件拖入舞台做补间动画，在每一个关键帧处向上改变圆的位置，并在每一个关键帧处改变圆的Alpha值。如图2.9所示。图2.9 “烟动”图接着，在时间轴第一帧处打开动作面板（按快捷键F9），写入设置“烟”属性值代码：setProperty(this, _x, random(10) - 5);setProperty(this, _yscale, random(50) + 30);第一行表示没回到第1帧，x坐标有一定距离的偏离；第二行表示y轴比例为3080之间。最后，再新建一个元件，将刚做好的元件拖入舞台，选择时间轴上的第一帧右击，选择“动作”，写入制作烟动

24、代码：i = 1;意思是设定变量。x = getProperty(yan, _x);这行代码是逐帧调用。onEnterFrame = function ()if (i “转换位图为矢量图”。效果如图3.2所示。图3.2 背景优化图3.2 Flash制作过程中的优化3.2.1 Flash制作过程中应注意的细节优化1）如果元素在Flash影片中被多次使用，那么可以将其做成元件，然后在影片中调用该元件的实例即可。这样，从网络上下载swf文件时就可以少下载很多元素。2）尽可能使用补间动画而避免使用逐帧动画。对于补间动画，系统只需要计算补间两端的关键帧中的相关数据即可，这样其所占用的资源就会远远小于逐帧

25、动画。例如场景3中的蝴蝶动画的制作，在可以省略关键帧的情况下，尽量用的是补间。如图3.3所示。图3.3 逐帧动画优化3）尽量避免使用位图。使用位图时也应该尽量避免对位图元素进行动画处理，一般可将其作为背景或者静态元素。4）尽可能地限制使用特殊的线条类型，例如虚线、点线等。实线相对来说比虚线和点线所占用的资源更少，而用铅笔绘制的线条则要比用刷子绘制的线条占用更少的资源。5）在动画播放的过程中应该用层把发生变化的元素与那些没有发生变化的元素分开，给每一个“动”的部分单独的分配一个图层，“静”的部分独自的分配一个图层，这样不但大大的方便了操作，而且能够避免大量的重复使用一些不必要的元素，从而可以减小

26、文件的体积。6）可使用修改形状优化命令最大程度的减少用于描述图形轮廓的单个线条的数目。如图3.3所示。图3.3 线条优化图7）对于组成一个特定图案的某些元素，应尽量使用 ctrl+G组合键将它们组合。如图3.4所示。图3.4 优化前图图3.5 优化后8）应减少字体和字样的数量。大量的使用特殊字体和多种字样会大大增加文件所占的资源，并且在播放生成的SWF文件时，如果电脑的配置较低，可能会出现比较严重的停顿现象。另外把一个文本块打散也会增大动画的数据量。3.3 对Flash的优化由于Flash优美的视觉效果和广阔的创意空间，Flash技术在网页设计和网络广告中的应用非常广泛，很多网站首页甚至全部用

27、Flash设计，但Flash网页有一个致命的问题，即大部分搜索引擎无法识别到Flash中的信息。Google也只能检索到部分Flash文件中的内嵌链接。搜索引擎不喜欢Flash动画是因为它们与平常网页的文字不同，蜘蛛索引的网站信息主要以网页文字为主，并不会抓取并编制索引所有的Flash内容。虽然Flash动画不是蜘蛛的最爱，但有时有些Flash影片仍值得SEOer努力去优化。Flash优化可以从以下两个方面来考虑：做一个辅助的HTML版本。保留原有的Flash版本的同时，还可以设计一个HTML格式的版本，这样即可以保持动态美观效果，也可以让搜索引擎通过HTML版本的网页来发现网站。将Flash

28、内嵌HTML文件。对其的优化也可以通过改变网页结构进行弥补，即不要将整个网页都设计成Flash动画，而是将Flash内容嵌入到HTML文件中，这样对于用户浏览并不会削弱视觉效果，搜索引擎也可以从HTML代码中发现一些必要的信息，尤其进入内容页面的链接。即使首页全部动用了Flash，也应该将进入内页的关键性按钮、链接置于Flash文件之外，以独立纯文本链接的方式呈现。结束语这次的毕业设计是我完成的flash动画消失的山村,在作品中对于视觉效果的把握可能不是很到位,但我都是非常认真的去完成。在此期间,我同时也体会到了鼠绘的难度及妙用,意识到flash也是一种非常强大的画图的工具。虽然这次的毕业设计

29、并不是什么经典之作,里面还有很多欠缺的地方。但它代表的却是我对flash的一个崭新的态度。总之,对我来说，这次毕业设计对我在flash制作方面是一个提高,使我从另外一个角度认识了flash制作。然而在做完毕业设计之后，回想一下，时间这东西总是来时漫漫去时匆匆，随着键的跳动我大学生活和毕业设计一起宣告寿终正寝，真有些措手不及。即将要踏出校园，步入社会，进入工作岗位了，虽然了解总有这么一天，也只有在社会这个大熔炉中才能得到更多的锻炼，才能把自己十几年在学校累积的知识学以至用，充分发挥自己所长，可是也从此远离单纯的学习的快乐与疲惫，而面对勾心斗角竞争激烈，对于期盼了几年的告别考试与课堂，真是不知道该

30、喜该忧。我不是很积极的人一切都很平淡，大学三年的生活没有大起大落没有悲欢离合，学到的知识也有限的很，用到实践中就更是少之有少，到了该认识真正的自我，并努力的充实自我，完善自我的时候了，许是很多人有此感觉吧，毕业设计真是让人有一种知之甚少的无力感。毕业设计是一个繁杂而又烦杂的过程。从选定题目到收集资料，再进入工艺计算和设计计算过程，几乎应用了所学过的所有知识，每一步都要付出艰辛的汗水，在忙乱与紧张中，一步一步的把以前不是很熟悉还有已经忘记的专业知识和基础知识从基础课到专业基础课再到专业课都拾回来了，而且经验的累积也让我对所有所学专业的知识形成了系统的有逻辑性的认识，不但提高了解决实际问题的能力，

31、开阔了视野，更为了以后工作奠定了坚实的基础。辞谢这是个美好的季节，我在电脑前敲出了这最后一段文字，心中却有着难以言语的失落和不舍。随着论文的终结，意味着我生命中最美好的学生时代即将结束，四年来，所收获的不仅仅是愈加丰厚的知识，更庆幸遇到了许多恩师益友，无论是在学习上、生活上和社会实践上都给予我无私的帮助，感恩之情难以用语言度量，谨用最朴实的话语致以最崇高的敬意。在整个毕业设计和毕业论文的过程中，我的指导老师郭老师更是侵住了大量的心血，从选题到开题报告、到中期的检查、郭老师都严格把关，帮我们解决难题，在此，我对郭利表示衷心的感谢。同时我还要感谢在设计过程中帮助过我的同学、校友等，衷心表示感谢。参考文献 乔治尼斯.中文版Flash CS5技法精粹.北京：清华大学出版社，20112 佳图文化.中文版Flash CS5从入门到精通. 北京: 兵器工业出版社. 20113 谭坤，梅凯. Flash交互设计. 北京: 北京大学出版社. 20114 牛英彪，张丽萍. Flash动漫创作技法. 北京: 清华大学出版社. 20115 魏雪萍.新编Flash中文版入门与提高.北京：人民邮电出版社.2007 29