二维动画片《毛毛豆豆》设计与制作探析

[摘要]本文以小学英语教学制作的关于衣服的英语教学短片------《毛毛豆豆》为主线，详尽介绍了二维Flas前期剧本、静态形象建模设计、动态形象渲染设计、剪辑合成等方面的设计与制作。

[关键字]：Flas；二维；设计制作

一、引言

Flash是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的动态效果，其生成的动画文件质量高、显示清晰，被广泛应用于计算机辅助教学、广告、网站设计等领域。如何合理利用软件工具，在短时间内制作出内容丰富、色彩生动的动画形象，是当前很多Flas形象制作者需要思考的问题。

二、《毛毛豆豆》设计原则和难点分析

（一）《毛毛豆豆》设计原则分析

《毛毛豆豆》动画作品是基于Flash平台创作完成的。Flas片在创作方式上，基本都是按剧本、分镜脚本、角色设计、场景设计、动作设计、后期合成等分工进展（如图1-1）。

图1-1 分工进展

Flas《毛毛豆豆》的创作，首先考虑动画剧本的创作原则，剧本是通过画面来讲述故事；其次是角色造型和场景设计原则的把握，最能吸引观众的是哪些表现生动、风格独特的动画角色造型和场景设计；

再次是要考虑Flas《毛毛豆豆》的动作设计，必须符合运动规律，正确体现动作因素，否则两者之间就会由于因果关系不合理而产生矛盾和冲突；最后是考虑动画创作的后期合成。

（二）《毛毛豆豆》设计难点分析

Flas《毛毛豆豆》的设计实现，首先是通过草图的设计来进行表现，在草图设计过程中必须充分了解动画短片所要表达的主题，人物角色的性格特征，在分镜头脚本设计中能够利用交代好影视镜头语言。最后把完成的草图导入到相关的设计软件中来表现；Flas《毛毛豆豆》中动画角色、场景、动作的设计，仅仅依靠Flash软件来表现其制作能力很有限。动画场景制作中的关键性问题，是场景制作速度和复杂度的问题。在Flash中来完成图形绘制，如果图形比较复杂情况下会产生大量的节点，增加图形调节的难度。 Photoshop为代表的图像制作能力强大，因此使用Photoshop为Flas制作场景，软件相互结合利用，是解决这个问题的有效手段（如图1-2）

图1-2 软件间相互结合

三、《毛毛豆豆》设计实现

（一）《毛毛豆豆》基本制作流程有5部分

动画剧本的创作；人物角色、场景的设计；分镜头绘制，Flash分镜头绘制分为两种，手绘分镜在分境纸上绘制和用手写板在Flash里绘制出简单的动画分镜；动画制作，如果是连续性的动画，就需要制作动作库，动作库不必要提前制作出来。可以根据制作的动画里提取角色的动作做成元件放进动作库里，如：主角的跑步、行走、表情等、以后制作如用到，这样就可以直接从动作库里提取，提高了工作效率；合成，综合使用Flash与After Effects等后期合成软件合成与输出动画短片。 简言之，整个制作流程概括起来分为3大部分，前期策划、中期制作、后期合成。

（二）《毛毛豆豆》制作前期

1.《毛毛豆豆》剧本设计

毛毛、豆豆、狗狗与老鼠被一阵大水冲进了魔法门，进入了老鼠王国。毛毛、豆豆好奇的看着老鼠王国的一切。老鼠有个神奇的哨子，只一吹，就来了一辆老爷车，带着他们一起来到了老鼠家。可是老鼠的老婆带着孩子出去野餐去了，给老鼠在门上留下字条。于是他们四个一起乘着老爷车在公园里找到了老鼠母子，与他们一同野餐。可是他们的衣服刚刚都被水冲湿了，于是大家都要换上休闲服（leisure）。狗狗说要换上夹克（jacket），毛毛换上体恤（T-shirt），豆豆穿了牛仔裤（jeans），老鼠还换上了运动鞋（sports shoes）。野餐结束，夜晚降临，老鼠又带他们去见国王。于是大家纷纷换上正装（formal）。狗狗换上皮鞋（leather shoes），豆豆穿衬衫（shirt）、裤子（trousers），打领带（tie），毛毛穿上了礼服（dress），老鼠穿上了西装（suit）。

2.《毛毛豆豆》静态形象建模设计

《毛毛豆豆》静态形象建模设计包括动画角色设计、场景设计。首先是根据剧本所要表达的主题和动画的艺术风格，绘制草图，确定草图后生成图形线稿图，再通过线稿图修改添加节点等工序，对线稿进行深入刻画，并指定色标，生成正式的动画形象。

（1）角色设计：动画角色设计最终都是以造型来呈现的。如主角毛毛转面图（如图1-3）

（2）场景设计：场景设计在动画设计中占的比重很大，它在很大程度上决定着动画的风格。场景的风格要与人物角色设计风格相匹配。 Flas《毛毛豆豆》的场景设计采用了二维场景来吸引观众的眼睛。

3.《毛毛豆豆》分镜设计

首先确定好剧本之后，运用镜头语言填写文字分镜头脚本，并且要把相对应的选择项填写好，如有其他的内容，填写在备注中，尽量做到看表格就能在脑子里形成动起来的画面。

（三）《毛毛豆豆》制作中期

1.《毛毛豆豆》场景元素设计：Flas《毛毛豆豆》主要在电视播放，采用宽720像素x高576像素，设置好安全框避免在播放时出现露白现象。

2.《毛毛豆豆》动态形象渲染设计：Flas《毛毛豆豆》中的动态形象渲染设计，指对已经设计完成的角色造型、场景进行动作和时间设置后的动画形象。主要工作是进行舞台位置、关键帧、时间设置、动作调整等动画设置，直到输出动画片（如图1-6）。

图1-6 动态形象渲染设计

（四）《毛毛豆豆》制作后期

1.《毛毛豆豆》音效编辑制作：一个Flas的好坏有一部分因素涉及到动画的声音，Flash软件中提供了两种声音的类型：事件、数据流。可以使音轨中的声音与动画同步，也可使声音独立于时间轴窗口之外连续播放。2.《毛毛豆豆》影片合成输出制作 ：综合使用Flash与After Effects等后期合成软件合成与输出动画短片。通常在Flash中完成镜头的制作，然后将单个镜头输出为图片序列，再在After Effects中合成短片。

四、结束语

通过动画片《毛毛豆豆》设计与制作过程的阐述，可以看到动画制作是一个复杂的加工过程。把其中的形象制作任务分解出来，综合利用多种软件来进行，在实现软件环境是一种高效率的加工手段。Flas制作者在掌握动画编辑软件的基本功能以后，同时也需随时关注图形制作等软件的更新情况，以便更快、更好地解决形象制作中的难题，制作出优秀的动画。

[参考文献]

[1]袁 媛.Flas创意设计[M].北京：电子工业出版社，2009

[2] 武立杰.动画场景设计[M].北京：中国青年出版社，2010

[3]孙立军.从剧本到影片二维Flas短片制作 北京：中国传媒大学出版社，2011