《174公交车》二维动画论文

1、0 分类号：分类号：J238.7J238.7 U U D D C C：D10621-405-(2014)4498-0D10621-405-(2014)4498-0密密 级：公级：公 开开 编编 号：号：20100950672010095067174174 公交车公交车分镜头设计及后期制作分镜头设计及后期制作 论论文作者姓名：文作者姓名：黄迅黄迅申申请请学位学位专业专业： ：艺术设计艺术设计（网（网络动络动漫）漫）申申请请学位学位类别类别： ：文学学士文学学士指指导导教教师师姓姓名名（ （职职称称） ）： ：彭彭进进（教（教师师） ）论论文提交日期：文提交日期：2014 年年 5 月月 17 日

2、日1174174 公交车公交车分镜头设计及后期制作分镜头设计及后期制作摘要摘要本论文基于我此次的毕业设计174 公交车 ，通过对毕业设计过程的记录，主要对设计理念、剧本分镜头设计以及后期合成等进行了分析和总结。如今社会上由于工作压力大致人死亡事件的不断攀升，动画短片174 公交车以上班族为视角，反映了这一社会现象，呼吁广大还热衷于奋斗事业的青年们，要劳逸结合，树立积极健康的工作心态，避免悲剧的发生。该短片主要运用了Flash 这款软件，同时也运用了 Photoshop 来辅助完成。这次毕业设计，让我加深了对 Flash 这个矢量绘图软件的认识。关键词：关键词：Flash；分镜头设计；后期制作2

3、“Bus 174 Sub Lens Design and Post Production Abstract This thesis is based on my graduation design 174 Bus. Through the record of graduation design process, it mainly has analyzed and summarized the design concept, the design of script lens and the post synthesis. In todays society, because of work

4、pressure, people death events continue to rise. The animation short film 174 Bus takes commuters as its perspective, reflects this social phenomenon to call the youth keen-to-struggle to avoid the tragedy by work and rest, to establish the active- healthy working attitude. The short film uses the fl

5、ash software with assisting photoshop. Through this graduation design, it makes me deeper understanding of the flash vector drawing software.Keywords: flash; sub lens design; post production3目目 录录 设计文案总页数：28 页引言.4 （一）设计来源.5 （二）动画市场调研.5 （三）动画的设计基本理念.5 1、设计工作的目的范围.6 2、设计思路.6 3、设计风格.6一、总体构架设计及项目规划.7二、剧

6、本创作及分镜头设计.7 （一）剧本设计.7 (二)美术设计.8 (三)分镜头设计.9 1、什么是分镜头.9 2、动画的动镜头与静镜头.9 3、分镜表介绍.10 4、具体分镜绘制.10三、动画后期制作具体过程.12 （一）动画的主要元件与制作.12 （二）具体的镜头制作步骤.16 （三）动画镜头合成与配音测试.18四、后期布展设计.20 （一）海报排版.20 （二）动漫周边产品.21 （三）现场布置效果.24设计结论.25参考文献.26致 谢.27声 明.284引言引言本次毕业设计为一个 3 分钟左右长的二维动画设计，目的在于通过运用二维动画的手法，使自己再一次巩固了对二维动画的看法以及做法，明

7、白了Flash 这个二维动画软件是多么的强大，通过运用 Flash 软件能够表现出本次毕业设计的内容与意义。（一）设计来源（一）设计来源此次毕业设计，从起初就准备做一个二维的动画短片，理念是坚持运用Flash 软件制作完整的动画短片，包括角色的设定也是通过 Flash 绘制，因为Flash 是一种动画创作与应用程序开发于一身的创作软件，也是一种交互式多媒体技术，它是一种很强大的绘图软件以及动画制作软件，它包含着矢量绘图软件的所有优点，能够制作出声色具佳的优质动画。它强大的功能能够让许多动画爱好者制作出自己喜欢的动画效果。在市场上 Flash 这种小清新的二维动画也广受群众所喜爱，因此选择运用

8、Flash 制作此次毕业设计动画短片，可谓是不二选择。短片174 公交车的内容来源于平时所见的关于工作压力的新闻报道。如今社会由于工作压力大致人死亡事件的时有发生，这些事件深深触动了我，于是让我产生了以此为题材制作短片，来反映这一社会现象的想法。（二）动画市场调研（二）动画市场调研据调查在25000年前石器时代在欧洲的西班牙阿尔塔米拉洞穴发现的“野牛奔跑分析”图，是距今最早的对动画的分析图，此图通过对野牛各种奔跑动作和困兽犹斗的动作绘画，绘声绘色的的表现出了原始艺术隽永的魅力和美感，而也是人类第一次试图利用石块等绘画工具来进行捕捉动作的图画，形象而又生动。为以后动画发展做好了良好的艺术奠基，也

9、是我们做动画短片之前打好分镜草稿应该多加学习的。而在现如今科学技术飞速发展的时代，已经有许多动画产生方式，比如 flash,一款矢量绘图软件，很多精美的二维动画就是通过Flash 这个软件制作而成，因为是矢量绘图软件，所以它占用空间小，而深受广大动画爱好者的喜爱，而它却又不仅仅是一个简单的绘图软件也是一种交互式多媒体技术，和动画制作软件。也是此次毕业设计制作的主要软件。5FlashCS5图标 阿尔塔米拉野牛奔跑图 （三三）动动画画的的基基本本设设计计理理念念 1 1、设设计计工工作作的的目目的的和和范范围围随着科学技术的发展，社会的进步，工作和生活节奏也逐渐加快，竞争的戏码不得不愈演愈烈，就几

10、年来社会上繁复出现的由于工作压力愈来愈大的问题，导致很多刚上社会的大学生亦或是已经在社会上摸爬滚打多年的白领阶层，他们不仅在身体上承受的疾病的痛苦折磨，更是在心里有着抹不去的“工作阴影 ” ，有时还对工作产生了畏惧感，甚至是出现了严重的幻觉。以至于经常在新闻中看见有关的自杀事件和死亡事件。通过对此现象认真分析与思考，有了一个基本的剧本概念之后，制作出本次毕业设计的动画短片，在此短片中以一个上班族的视角，揭示了社会上这种如恶魔般的工作压力，呼吁广大的有志之士工作休息劳逸结合，保持健康积极的心态，不能让悲剧再次上演。此次毕业设计，我主要负责剧本，分镜头，后期合成，动漫周边布展设计部分。 2 2、设

11、计思路、设计思路通过对社会上诸如此类由于工作压力大致人死亡的新闻阅读，就现在社会表现出来的巨大的工作压力的逼迫。从而制作了这样一个短片。所以说动画艺术短片创作并不是空穴来风，而是通过作者平时一点一滴累积而成的，与作者对生活的关注和对艺术的理解分离不开，我平时就通过以下几种方式寻找故事源头，和一些创意点：关注生活关注电影动画广泛阅读关注每天的新闻趣事从其他艺术形式中吸收养分。而这也让我感受到平日的积累对创作一部短片从剧本到制作结束有很大的帮助。3 3、设计风格、设计风格由于本次短片的剧本构思是比较悲剧性的故事，所以在设计风格上也要让人感觉比较“悲剧” ，所以绝不可能是鲜艳的色彩，而偏灰暗的色系确

12、实最能表达出故事的悲剧的精髓。所以在制作短片之前我还特地找了一些偏灰暗色系的6动画短片当做参考，比如：自杀专卖店 一一、总总体体构构架架设设计计及及项项目目规规划划总体构架设计总体构架设计项目规划项目规划运用 Flash 制作一个小短片就现在来讲已经不算太新颖了，但是其简单清新的表现方式还是收到很多人的喜欢。就此次毕业设计我做了如下的规划：动画模块动画模块制作各个镜头所需要的小动画，加以链接镜头感，成为一部有比较完整的情节的故事。音频模块音频模块该模块是整个短片的灵魂部分，用人物配音、背景配音等烘托出短片的氛围。7二二、剧剧本本创创作作及及分分镜镜头头设设计计（一一）剧剧本本创创作作剧本是一个

13、动画制作最基本的理念，在做动画之前首先要有一个剧本题材，编写好剧本内容，关键到人物动作，对话，场景描述等。比如本次的剧本设计又是一个傍晚时分，一幢幢高楼耸立，许多窗户亮着灯，里面依稀看见为工作忙碌加班到傍晚的人们。小智拖着沉重的脚步来到他熟悉的公交车站等待下班之后回家的末班车，手里依然是那个沉甸甸的文件包， （包很破旧，快要被里面的各种文件单子撑爆了）灯光灰暗的撒在刚刚下过雨还湿漉漉的地上， “呼呼呼”公交车像跑了几百米步的大妈一样，缓缓的从黑暗的道路中驶来，发出刺眼的灯光，小智一边用左手臂夹着文件包，一边又用右手掏出两个硬币，毫无精气神的丢在投币箱里面（和旁边的一个人挤着上车） 。虽然是 1

14、74 的末班公交车，但是在车上还是基本上装满了慕名的晚班族们，有的坐着说话，有的站着听歌，小智心里满是不断的抱怨累死了，吵死了之类的话，眉头紧紧皱起，眼神哀怨的看着左手臂那包文件夹，一手拉着扶手环，又想（为什么会有这么多工作呢，今天回去该又做多少明天要用的文件呢？对了今天张总叫我多做两份会议文件呢这些文件很重要啊，累死了.吵死了）这时候小智发现附近扶手环的杠杆上有一团奇怪的东西正在蠕动，他左看看右看看，旁边的人却没有注意到，他很奇怪。就在小智思考的时候，公交车突然紧急刹车，公交车的广播里播着新闻“对不起各位乘客，前面发生了一起交通事故，请各位乘客耐心等待一下，.”随着车身的剧烈刹车带来的波动，

15、公交车上的等也闪了一下，不久后又来电了，就在小智满心还在抱怨的时候，他在此抬起头时候，才发现，刚才那团奇怪的东西却出现了他的面前，慢慢向他袭来，盖住了小智的全身，这时候小智的心中的各种烦恼和阴冷慢慢将他的内心击垮，小智开始渴望死亡的解脱，心中想着工作的事情说道“为什么为什么那还不如去死呢！” 。（转场黑幕）一个男子（小智）在公交车站等待公交车的路上，天空中下着淅淅沥沥的雨，把地下打的湿漉漉的，这时候突然吹起了一阵阴冷的风，小智一阵颤抖，小他左手臂夹住的文件包中一张文件单子被吹到了马路中央，小智看到急忙去想去抓住那张对于他很重要的文件单子，嘴里不断骂着：“那是张总要我明天交的文件单子啊，不好啊！

16、”小智急忙跑到马路中央伸手捡单子，却被一阵刺眼的公交车灯光给亮瞎了，之后传来一声惨烈的叫声，文件单子被吹在空中缓缓飞落。8（二）美术设计（二）美术设计在确定好剧本设计后，其次就是要确定好一个动画的美术设计，包括人物角色设计，动画的场景设计，整个动画短片的风格类型是趋于什么样的风格参考的，都是要提前做好打算的。角色设计部分场景设计傍晚时分的高楼大厦，映射出昏暗的灯光，衬托出上班族的辛苦。9公交站台，故事开始的起点，主人公命运徘徊的地方。（三三）分分镜镜头头设设计计1、什么是分镜头什么是分镜头动画的分镜头设计就是将纸上的文字故事，通过手绘或者计算机绘制的方式活灵活现的表现出来，并且展现出文字里面的

17、故事情节，让每个画面有序的组织起来，就成为了活动的镜头，既是画面的承载形式。2 2、动画的动镜头与静镜头动画的动镜头与静镜头既然有了初步的分镜头，那当然接下来就是动镜头和静镜头的安排。对于动画的镜头画面设计来说，我所了解到的还必须掌握动静结合的构图，这样才能使观看者有着一种新鲜的视觉感受。那什么是动镜头呢？答案就是运动的镜10头，运动镜头带给一部片子新的空间与自由，但是控制不好运动镜头的使用，也会是这部片子失败，所以还得有表现心里的静镜头，通过一些静镜头可以更加表现出人物或环境的细腻程度。总之一部成功的动画短片还得动静皆宜，不然观众也只会打瞌睡。本次毕业设计的短片正式大多采用的静止的镜头，更便

18、捷的表现出短片中的人物煎熬的内心与表情。3 3、分镜头表介绍、分镜头表介绍传统分镜头表就是指分镜头剧本采用表格形式，格式不一，有详有略。一般设有镜号、景别、摄法、长度、内容、音响、音乐等栏目。比如下方 4 4、具体分镜绘制、具体分镜绘制最初的手绘分镜头草稿，设定了镜头的基本走向，但是后来又重新改动了一些不规则的地方。11计算机绘制分镜头，在最初手绘分镜头的基础上加以修改，一些不足的地方，计算机绘制的分镜头显得更规范。12三、三、 动画后期具体设计过程动画后期具体设计过程（一）动画的主要元件与制作（一）动画的主要元件与制作元件的制作很繁杂，我们必须先做好各个元件才能制作出想要的动画效果；比如：场

19、景图片原件、人物单个元件、汽车元件、血泡效果元件。制作这些元件我还是统一采用 FlashCs5 软件进行制作，要紧贴着分镜头的设计画面进行绘制，还要注意上色，因为本次毕业设计短片的意义比较深沉，所以上色选择比13较灰暗一点的颜色，以烘托出动画短片的气氛。1 1、场景图片元件绘制、场景图片元件绘制最初的场景图片绘制比较简单化，所以之后在老师的建议下修改的稍微复杂一些。 2 2、人物元件绘制、人物元件绘制元件是做基本的单位，绘制人物元件要把人物的各个身体部分分开来建立图层画，然后转化为元件，这样的好处在与因为可以在重复使用，减小了Flash 的体积便于传输，也减小了我们制作者的工作量。143 3、

20、血泡元件、血泡元件血泡这个怪物的效果，其实也是由很简单的元件制作而成的，制作出血泡的单个元件拉缩动画后，按照同样的道理，以此类推制作出更多的血泡效果，就成了一滩血泡。测试效果还挺不错，可以算是短片中比较吸引人的一处。 4 4、具体制作步骤、具体制作步骤15打开 FlashCS5 制作软件，点击菜单栏文件选项，新建文档。如图：设置属性宽度为 720PX，高度为 576PX,帧频 12fps，背景颜色灰色，点击确定。把制作好个各个元件，拖入新建文档的库中，待用。 16建立图层，如果说图层可以称得上是一个控制舞台剧中的剧本，那么图层的作用就在于使得元件这个演员在场景这个舞台上有序的演出，它是一个动画

21、中的关键部分，每一个图层都可以做至少一个动画，而层与层之间互相不干扰，又可随意调动叠放的顺序，以改变整体动画的效果。如图：运用 Flash 的洋葱皮效果检测人物动画运动效果人物走路动画（flash 洋葱皮）17人物奔跑动画（二）具体镜头制作步骤（二）具体镜头制作步骤传统的镜头总是分为两大类，既是固定镜头和运动跟镜头，固定镜头是指在摄影机的位置和角度以及镜头的焦距都不变的情况下拍摄的画面。1 1、固定镜头、固定镜头固定镜头的作用在于，稳定观看者的实现，但是若动画内总是固定镜头缺少运动画面，就容易让观看者感觉视觉疲劳呆板。所以还是要动静结合才能让短片有着出彩吸引人的地方。本次毕业设计短片中同样也是

22、使用了一些固定镜头，特别是在公交车内，表现主人公的神情上，这样就会更加突出主人公的烦恼忧愁。2 2、运动镜头、运动镜头镜头使用（镜头的推拉摇移）镜头使用（镜头的推拉摇移）18移镜头：移镜头：短片开头通过移镜头接入夜晚大厦工作场景，从暗暗的天空中浮现短片名称向下移动到大厦，用外框的方式将场景元件框住，在框内移动场景元件，在图层上设置好关键帧，做出动态镜头的效果。比如：拉镜头：拉镜头：拉镜头是使用摄像机与画面逐渐远离，画面外框逐渐放大，画面内的景物逐渐缩小，呈现远去的镜头。拉镜头可以让观看者的实现从一个局部或者一个点，逐步扩大到整体或全面。比如下面的镜头，起先是一个包的特写，然后通过拉镜头逐渐呈现

23、出等车的乘客们。推镜头：推镜头：推镜头的作用和效果刚好和拉镜头正好相反。是从大的景别推到小的景别。比如本次短片中的19（三）动画镜头的合成与配音测试（三）动画镜头的合成与配音测试将各个固定镜头以及运动镜头做完之后，分别建立图层，在不同的图层，和按照剧情的发展，在不同时段的帧数上面插入镜头以形成一个完整的故事情节。为了防止成品出现各种各样的问题和麻烦，在完成基本的链接之后就进行动画的校验，用菜单栏“控制”中的“测试影片” 、 “调试场景”试运行查看动画效果。20 一部完整的动画短片不仅仅是画面的需求，更要有短片的灵魂配音，配音的运用丰富并扩大了短片的时空，让它显得更为丰富。更能突出短片的气氛和精

24、髓所在。如下具体步骤：在进行镜头合成的时候就要把先前下载好的声音素材元件也拖入到库中，然后建立音效图层，把人物配音，和环境配音分别匹配到合适的图层帧数。在配音在过程中的人物配音还需要自己去用一些变声软件做，而且还要时刻想着，剧本中人物是一个怎样的心态，总之要吧人物的感情变化表现出来，第一次做配音，还有许多不到位之处，有待改进。配音过程如图：变声器软件，可以将自己的声音变成自己想要的效果。导入到库中，在插入需要的图层。21四、后期布展设计四、后期布展设计（一）布展海报排版（一）布展海报排版海报的排版设计，不论是字体大小还是排列方式，排版内容的丰富性，我们都经过了一系列的推敲改正。进而更加完善，更

25、具感染力。22 （二）动漫周边产品（二）动漫周边产品关于动漫周边产品，我做了一下一些比较简单易做的产品。分别是包、杯子、书签、伞、衣服。因为做这些也是市场上年轻的朋友们比较容易接受的东西。 23包的设计，简单而不失可爱，大气而不失沉稳。是广大年轻朋友人人值得拥有的款。杯子的设计图案显示了短片主人公的“悲剧生活”时刻围绕着大批量文件，被压的喘不过气儿。有一样感受的上班族再适合不过这系列的杯子，可以泡茶，喝咖啡哟。雨伞的设计就是利用动画短片中的配角及其主人公制作的，突出了短片的主题。24 书签的设计，利用各个不同的人物和牛皮纸的做旧效果，署上一句与短片相关主题的警句。简单而又优雅。 衣服的图案也是

26、延续了包上的图案，做出来显得很简单清新。25- -（三）现场展览照片（三）现场展览照片26 设计结论设计结论毕业设计的过程总是复杂而又繁琐的，我们必须运用我们所学到的知道的知识一点一点的完成毕业设计。不得不得承认，这让人感到很累，但是虽然累却又值得。这还有助于我们重新找回以前遗忘的知识，一步一步进行巩固和练习。让自己又有了新的经验的累积。总之通过这次毕业设计，让我深深认识到这几点问题：1、软件的学习要不断练习才能更加熟练，想要精通自己还要多多查阅资料，请教老师和高手级别的同学，不能光是纸上谈兵，自我感觉良好，要熟知：“纸上得来终觉浅，绝知此事要躬行”的道理，其实到真正做的时候才能认识到自己的很

27、多不足之处。2、若想成功的做好一件事情，必须先要全面做好分析计划，充分思考要怎27样去做？为什么这样做？这样做的好处有哪些？总之有一个计划才能明确好行动的步调，才能更加快速达到目标，完成任务，完善任务，乃至成功。3、不论是平面设计还是动画设计，只要涉及到“设计”这两个字眼，我们都要尽心尽力的去思考，查阅相关资料，学习前辈的知识精华，融汇贯通于自己的头脑中或者笔记本中，总之不能漫无目标的瞎思考。毛主席说过：实践是检验真理的唯一手段。所以要多去动手实践才是真理。4、对与 Flash 我会一直坚持不断的学习下去，不断的进行巩固训练和实践，因为光是表面上的文字理解还不够，更多的是从实践中得到经验才能使自己记忆犹新，真正的加深自己的 Flash 操作能力，最后才能提高自己的制作水平。参考文献参考文献薛锋.动画发展史M. 南京：东南大学出版社印象工坊、袁媛.Fl