flash动画《小和尚》系列制作全过程解析

flash动画《小和尚》系列制作全过程解析

flash动画《小和尚》系列制作全过程解析《小和尚》系

列制作全过程解析一.人物设计篇flash动画中的人物就好

比电影中的演员，影片中的任何故事都必需通过角色的表演来实现,

他们的性格、长相、身材、穿着将干脆影响到影片的好坏。

看一部影片，你看到了丰富的剧情故事，但这些故事过不了

多久你就会渐忘，最终留在你脑海里的并不是这些故事，而是表达

故事的主体角色。

由此可见，角色设计在影片的制作中是极其重要的一个环节。

首先，我们要确定人物所处的时代背景以及出身环境。

简洁的说，他是中国人还是外国人，是古代人还是现代人，是

贵族还是平民《小和尚》系列我们将其时代背景设定为亦古亦

今，发生故事的主要场景泊露寺是古色古香的中国寺院，寺院旁

有个小山村珠窝村，典型的中国偏远农村。

但大山之外就是现代化的大都市。

片中主要角色都是古装，可以说是生活在现代的古代人吧。

然后，我们必需明确人物的性格，人物的造型必须要符合

人物的性格，而且要为性格服务。

下面我们来分析一下《小和尚》中主要角色的性格特征：

小和尚是一个憨憨的、笨笨的的形象。

没见过什么世面，所以什么事情都简洁轻信。

没什么本领，但做事情坚持，极有毅力，一心想练好武功。

另一方面，他有时又有一点坏坏的，特殊是对那条绿色的虫,

总想弄死它。

同事说这个角色特殊象涛涛本人，呵呵，或许真的是吧。

（图-小和尚）java图片小姑娘是一个天真、可爱

的小妹妹形象，从来不知道什么叫危急，总把事情想的很单纯。

不过运气特殊好，总能化险为夷。

所以每次小和尚想要爱护小姑娘，最终结局总是自己被揍的很

惨，小姑娘反而没一点事。

（图-小姑娘）java图片老和尚是个武林高手。

不过很龌嵯的那种，有事没事就吐口痰，武功招式也都比较

恶心，比如以后你就知道了。

他总是爱利用自己师傅的身份欺压小和尚，是个搞笑的形象。

（图-老和尚）java图片女道士是一个比较花痴的角色,

美丽但没头脑。

很喜爱小和尚，总把小姑娘当成假象的情敌。

（图-女道士）java图片绿色的虫，配角？其实它

才是真正的隐藏主角呢，小姑娘的宠物，是一个不畏艰难险阻，每

集都登场，然后冲向死亡的角色。

（图-虫）java图片有了人物性格，下一步，我们

就起先设计人物的造型了。

下面，我们以小姑娘和绿色的虫为例子，具体的讲解。

在设计小姑娘的时候，我们首先画了一些草图，把脑海中

对这个人物的印象用画面表达出来，从一个粗略的轮廓渐渐清楚,

渐渐具体。

最终，从几套方案中确定了这个形象穿中国式的红棉袄，扎

俩小辫子，身材娇小，有点小不点的感觉，看上去很乖。

（图-小姑娘初稿）java图片java图片同事都觉得

不错，就在最终定稿的时候，我突然来了点子，一狠心把一双水

汪汪的大眼睛给擦掉了，顺手两笔，给小姑娘加上一双笑嘻嘻的

眯缝眼，而且，以后小姑娘总是笑嘻嘻的，眼睛恒久不会睁开。

这样一来，这个角色特别符合她的特性，而且很有特色呢，我

自己很喜爱。

（图-小姑娘完成稿）java图片下一步的工作是扫描进电

脑，描线。

有许多挚友问过我，是干脆在flash里面画角色，还是先在

纸上画好草图，再扫描、制作。

我个人的习惯是后者，为什么呢？因为想创建一个角色不是

那么简洁随意的，必需把脑海中对于这个角色的印象，一步步具体

化。

而运用电脑制作，往往会失去那种绘画的感觉，会变的僵硬、

机械。

描线的时候，我通常是用铅笔工具，用统一粗细的线条

勾画出轮廓线，线条要尽可能的简练圆滑，不要出现过多的节点，

不要有断线、乱线，保证每一个色块都是由完整单一的流畅线条围

画的制作添很大的麻烦。

所以不举荐全部爱好者学习。

填色。

调出合适的颜色，用油漆桶工具倒入相应区域。

许多挚友问我，怎样的颜色搭配才算美丽，或者如何才能搭

配出美丽的颜色。

其实颜色搭配是否美丽没有一个肯定的标准，见仁见智，你

觉得美丽就是美丽。

想在这方面做的好就须要扎实的美术修养。

如何提高呢？一方面，可以买一些关于色调理论的书籍，了

解色调原理是很重要的。

另一方面，可以多看好的作品，（不光是flash,也包括平

面设计、绘画、摄影作品等等），体会、仿照人家的搭配。

从经典的作品中吸取养分。

（图-小姑娘填色）java图片到这里，一个角色的制

作可以算是完成了，但假如你觉得还要更精致，你可以给角色加

上明暗。

用线条工具勾画出暗面的轮廓，填上稍深的颜色，再将线条

擦除即可。

但有挚友会问了，我怎么知道暗面在哪里呢？这就须要扎

实的素描功底了，还有就是在生活中多视察，了解光影的原理你

才能画出扎扎实实的东西来。

（图-小姑娘完成稿）java图片再举一个比较独特的

例子，我们来看那条虫形象的设定。

首先我们有一个初步想法，我们要给小姑娘设定一个宠物,

它是一个贯穿整个系列的搞笑配角。

最初的想法是设计一只猫或者一只狗，但都觉得太一般了，无

法给观众留下深刻印象。

后来经过一再探讨，我们想过设计一只麒麟。

这本身是一个不错的想法，有中国特色，又有肯定的神奇感,

适合围绕它绽开故事。

但这个想法有一个致命的问题麒麟造型太困难，不适合flash

制作。

最终，我想到一个比较另类的点子，设计一条虫作为小姑娘

的宠物，原先的想法是甲克虫，或者蟒啷之类。

但一再考虑之后，我确定做成一条绿色的毛毛虫，造型简洁,

适合表现，而且肉忽忽的身体可以有多种多样的死法。

以后这条虫每集动画都会登场，且每集都会有不同的死法。

这本身就是一个极酷的点子大家都觉得不错，于是这条虫诞

生了。

具体制作方法同前段所述就不奢侈笔墨了。

（图-虫的各种状态）java图片二.剧本创作篇好

的剧本肯定是动画的灵魂，对于短小精干的flash短片尤其如此。

一个经典的flash动画，其中必定包含了一个精彩的创

意。

常有挚友问我这些创意来自哪里。

其实，创作是个人情感的一种宣泄，这些创意有的来自生

活中的点滴思绪，有的来自一个梦，有的来自挚友间的闲聊。

创意往往是一瞬间的感受，可以是一点感动，可以是一个让

自己想笑的怪念头，也可以是一个意外。

这样的东西其实经常都会有，但大多数时候它在你的脑海

中划过，转瞬即逝。

只有敏感的，擅长发觉的人才能抓住它。

我始终有一个习惯，我有一个小本子，随身携带的，一

有什么好的想法我会登记来，或者画张草图。

其实都是点点滴滴，很不起眼，但当你须要的时候，这就是

一笔财宝。

下面就给大家分析一下《小和尚3圣诞夜惊魂》的剧本。

首先，我们有一个初步的想法。

要赶在圣诞节前夕做一个关于圣诞老人的小故事。

但系列的主角是和尚，和尚与圣诞是两个毫无关系的名词。

怎样才能让和尚过圣诞节呢？我们曾经想过做一些温馨的题

材，比如让小和尚又累又饿的回到寺院，老和尚与小姑娘打算了满

桌的美味等待他。

但这个想法马上就被否定了。

这与我们追求的搞笑、前卫的风格不符。

于是我们想到让老和尚假扮圣诞老人去给孩子们送礼物C

（图-老和尚的幻想）java图片初步的想法有了，但

如何才能精彩呢？几个挚友在探讨中想法逐步成熟，有人提出要让

老和尚吃点苦头。

对啊，既然小和尚他们根本就没见过圣诞老人，那么他们对

待一个从烟囱爬进来的惊奇小偷就只能是痛打。

于是故事的主线有了，接着就该想一些细微环节上的笑料

了。

老和尚也没见过圣诞老人，也只是从娃娃画报上一知半解，

所以我们就可以让他的扮相非驴非马，一身红棉袄加上一条京

剧里面关公式的假胡子，就有了这个不土不洋的造型。

（图-老和尚扮圣诞老人）java图片老和尚从画报上了

解了圣诞老人，起先扮装，假扮圣诞老人给孩子们送礼物，从烟

囱里爬进小和尚的房间，却被当成小偷痛打。

（图-痛打）java图片这样，故事基本成型了。

然后是那条虫，怎样支配那条虫登场并且在适当的时候死掉

呢？经过探讨，我们确定让小虫在一起先交代场景的时候就登场，

作为一个伏笺。

然后，让虫把蛋糕偷偷吃光，最终撑死。

顺便提示大家：

节日期间不要暴饮暴食。

（图-撑死）java图片三.动画制作篇有了角色和

剧本，下面我们起先制作动画。

首先，依据剧本画出分镜头草图。

就是把剧本具体到每一个镜头，把每一个镜头在纸上画出草图

来。

（图一分镜头草图）java图片java图片java图片

许多挚友往往忽视这个步骤，想到哪里做到哪里。

其实这是很不好的习惯。

制作分镜头草图的过程就是输理整个影片思路的过程。

这样，在动画正式制作之前，你就已经把影片在脑海里播放

了一遍。

许多问题在这个阶段就暴露出来并且马上被解决。

否则，想到哪里做到哪里，做完了再想后面的，会让你的

影片特别乱、没有头绪。

而且，一部影片的制作，往往须要相当长的周期，在这个过

程中，许多最初的精彩想法会被遗忘。

所以肯定要细致的制作分镜头草图。

起先动手制作动画了。

我在正式合成一集动画片之前，会首先制作片中要用到的动作

元件。

（图-小和尚的动作元件）java图片即给角色制作动作。

我通常的习惯是先把标准角色放进场景中，然后依据须要给角

色摆出相应的姿态，假如能够通过挪元件位置调出来的，就很省事

了。

假如不能，就要画出来。

（图-姿态）java图片然后就可以调动作。

我做角色动作的时候通常有两种方法。

即元件动圆和逐格动回。

所谓元件动画是将须要运动的部分做成单独的元件，放在

单独的图层做运动渐变。

假如须要多个元件同时运动，就要将每个元件放在一个单独的

图层，分别做运动渐变。

假如运动的部分多了，动作就显得丰富。

其实，再怎么困难的动作也是由最基本的元素组成的，只要

你多加体会，也能做出很困难、很到位的动作来。

元件动画的优点是相对简洁，只要为每个运动的元件设定起

始状态和结束状态的位置，中间全部的过程都由电脑自动生成。

缺点是只适合做一些简洁的位置移动、放大缩小等等。

（图-走路的元件）java图片假如你须要的效果不只

是位置移动，而是每一格画面都要有较大的改变，那么，元件动

画就无法实现了。

这样就只能做逐格动画了。

逐格动画原理很简洁，就是你须要一格一格的画出角色动作,

最终连成连贯的动作（与传统动画原理相同）。

优点是细腻，丰富，但制作起来相当费事，往往一小段动作

须要画几十张连贯的画面。

要耗费大量的劳动,而且须要对动作有相当深刻的理解，否

则就很难达到效果。

(图-冲向屏幕)java图片Jl-Km+LoONplOq3Ps

4Rt5Su7Tw8Vx9WybXAcYBd#Cf!Eg$FhGj*H

k(Jl-Kn+Lo0Np20q3Ps4Rt6Su7Tw8VxaWybX

AcZBdttCf!Eg%FhGj*Ik(Jl-Kn+Mo0Np20r3

Ps4Rt6Sv7Tw8VxaWzbXAcZBe#Cf!Eg%FiGj*Ik)

Jl-Kn+MolNp20r3Qs5Rt6Sv7Uw8VxaWzbYAcZBe#Df!Eg%FiHj*Ik)J

m-Kn+MolNq20r3Qs5Ru6Sv7L'w9VxaWzbYAdZBe#Df$Eg%FiHj(Ik)

Jm-Ln+MolNq2Pr3Qs5Ru6Tv7Uw9VyaWzbYAdZCeftDf$Eh%FiHj(Il)

Jm-LnOMolNq2Pr4Qs5Ru6Tv8Uw9VyaXzbYAdZCe!Df$Eh%Gillj(Il)

Km-Ln0Mpl0q2Pr4Qt5Ru6Tv8Ux9VyaXzcYAdZCe!Dg$Eh%Gi*Hj(II)

Km+LnOMpl0q3Pr4Qt5Su6Tv8Ux9WyaXzcYBdZCe!Dg$Fh%Gi*Hk(II)

Km+LoOMplOq3Ps4Qt5Su7Tv8Ux9WybXzcYBd#Ce!Dg$FhGi*

Hk(JI)Km+LoONplOq3Ps4Rt5Su7Tw8Ux9WybXAcYBd#Cf!Dg

$FhGj*Hk(Jl-Kn+Lo0Np20q3Ps4Rt6Su7Tw8Vx9WybXAcZBd#Cf!Eg$FhG

j*Ik(Jl-Kn+Mo0Np20r3Ps4Rt6Sv7Tw8VxaWybXAcZBe«Cf!

Eg%FhGj*Ik)Jl-Kn+MolNp2Or3Qs4Rt6Sv7

Uw8VxaWzbXAcZBe#Df!Eg%FiGj*lk)Jrr.-Kn

+MolNq20r3Qs5Rt6Sv7Uw9VxaWzbYAcZBe#Df$Eg%FiHj(Ik)

Jm-Ln+MolNq2Pr3Qs5Ru6Sv7Uw9VyaWzbYAdZBe#Df$Eh%FiHj(II)

Jm-Ln0MolNq2Pr4Qs5Ru6Tv7Uw9VyaXzbYAdZCe

#DfZBd#Cf!Eg%FhGj*Ik(JI-Kn+Mo0Np20r3Qs4Rt6Sv7Tw

8VxaWzbXAcZBe#Cf!Eg%FiGj*Tk)Jl-Kn+MolNp20r3Qs5Rt6Sv7U

w8VxaWzbYAcZBe#Df!Eg%FiIIj*Ik)Jm-Kn+MolNq20r3Qs5Ru6Sv

7Uw9VxaWzbYAdZBe#Df$Eg%Fillj(lk)Jm-LnOMolNq2Pr3Q

s5Ru6Tv7Uw9VyaV'zbYAdZCe#Df$Eh%FiHj(II)Jm-LnOMpl

Nq2Pr4Qs5Ru6Tv8Uw9VyaXzbYAdZCe!Df$Eh%GiHj(Il)Km-

LnOMplOq2Pr4Qt5Ru6Tv8Ux9VyaXzcYAdZCe!Dg$Eh%Gi*Hj(Il)Km+

LnOMplOq3Pr4Qt5Su6Tv8Ux9WyaXzcYBdZCe!Dg$Fh%Gi*Hk(Jl)Km

+LoOMplOq3Ps4Qt5Su7Tv8Ux9WybXzcYBd#Cc!Dg$FhGi*Hk(Jl-

Km+Lo0Npl0q3Ps4Rt5Su7Tw8Ux9WybXAcYBd#Cf!Dg$FhGj*Hk(J

l-Kn+LoONp2()q3Ps4Rt6Su7Tw8Vx9WybXAcZBd#Cf!Eg$FhGj*Ik(J

1-Kn+Mo0Np20r3Ps4Rt6Sv7Tw8VxaWybXAcZBe#Cf!Eg%FiGj*I

k)Jl-Kn+MolNp20r3Qs4Rt6Sv7Uw8VxaWzbXAcZBe#Df!Eg%

FiHj*Ik)Jm-Kn+MolNq20r3Qs5Rt6Sv7Uw9VxaWzbYAcZBe

#Df$Eg%FiHj(Ik)Jm-Ln+MolNq2Pr3Qs5Ru6Sv7Uw9VyaWzbY

AdZBe#Df$Eh%FiHj(II)Jm-LnOMolNq2Pr4Qs5Ru

6Tv7Uw9VyaXzbYAdZCe!Df$Eh%GiHj(Tl)Km-LnOMplNq2P

r4Qt5Ru6Tv8Uw9VyaXzcYAdZCe!Dg$Eh%Gi*Ilj(Il)Km+LnOMplOq

2Pr4Qt5Su6Tv8Ux9VyaXzcYBdZCe!Dg$Fh%Gi*Hk(H)Km+LoOMplO

q3Pr4Qt5Su7Tv8Ux9WyaXzcYBd#Ce!Dg$FhGi*Hk(Jl)Km+L

oONplOq3Ps4Qt5Su7Tw8Ux9WybXAcYBd#Cf!Dg$Fh

Gj*Hk(Jl-Km+Lo0Np20q3Ps4Rt5Su7Tw8Vx9WybXAc

ZBd#Cf!Eg$FhGj*Ik(JI-KnUoONp20r3Ps

4Rt6Su7Tw8VxaWybXAcZBe#Cf!Eg%FhGj*Ik)

Jl-Kn+Mo0Np20r3Qs4Rt6Sv7Tw8VxaWzbXAcZBe#Df!Eg%FiGj*Ik)

Jm-Kn+MolNp20r3Qs5Rt6Sv7L'w9VxaWzbYAcZBe#Df$Eg%FilIj*Ik)Jm

-Ln+MolNq20r3Qs5Ru6Sv7Uw9VyaWzbYAdZBe#Df$Eh%FiHj(Ik)

Jm-LnOMolNq2Pr3Qs5Ru6Tv7Uw9VyaXzbYAdZCe#Df$Eh%GiHj(Il)

Jm-LnOMplNq2Pr4Qs5Ru6Tv8Uw9VyaXzcYAdZCe!Df$Eh%Gi*Hj(I1)

Km-LnOMplOq2Pr4Qt5Su6Tv8Ux9VyaXzcYBdZCe!Dg$Eh%Gi*Hk(Il)

Km+LnOMplOq3Pr4Qt5Su7Tv8Ux9WyaXzcYBd#Ce!Dg$Fh%Gi^Hk(JI)Km

+LoOMp10q3Ps4Qt5Su7Tw8Ux9WybXzcYBd#Cf!Dg$FhGi*Hk(Jl-Km

+LoONplOq3Ps4Rt5Su7Tw8Vx9WybXAcYBd#Cf!Eg$FhGj*Ilk(Jl-

Kn+LoONp20r3Ps4Rt6Su7Tw8VxaWybXAcZBd

#Cf!Eg%FhGj*Ik(Jl-Kn+Mo0Np20r3Qs4Rt6Sv7Tw

8VxaWzbXAcZBe#Cf!Eg%FiGj*Ik)Jl-Kn+MolNp20r3Qs5R

t6Sv7Uw8VxaWzbYAcZBe#Df!Eg%FiHj*Ik)Jm-Kn+MolNq2Or3Qs5R

u6Sv7Uw9VxaWzbYAdZBe#Df$Eg%FiHj(Ik)Jm-LnOMolNq2Pr3Q

s5Ru6Tv7Uw9VyaWzbYAdZCe#Df$Eh%FiHj(II)Jm-LnOMplNq2Pr4Q

s5Ru6Tv8Uw9VyaXzbYAdZCe!Df$Eh%GiIlj(II)Km-LnOMplOq2Pr

4Qt5Ru6Tv8Ux9VyaXzcYAdZCe!Dg$Eh%Gi*Hj(Il)Km+LnOMplOq3Pr4

Qt5Su6Tv8Ux9WyaXzcYBdZCe!Dg$Fh%Gi*Hk(JI)Km+LoOMplOq3P

s4Qt5Su7Tv8Ux9WybXzcYBd#Ce!DgSFhGi*Hk(FiHj(Ik)

Jm-LnOMolNq2Pr4Qs5Ru6Tv7Uw9VyaXzbYAdZCe#Df$Eh%GiHj(Il)

Jm-LnOMplNq2Pr4Qt5Ru6Tv8Uw9VyaXzcYAdZCe!Df$Eh%Gi*Hj(Il)

Km-LnOMp10q2Pr4Qt5Su6Tv8Ux9VyaXzcYBdZCe!Dg$Eh%Gi*Hk(Il)

Km+LnOMplOq3Pr4Qt5Su7Tv8Ux9WyaXzcYBd#Ce!Dg$Fh%Gi*Hk(JI)

Km+LoONplOq3Ps4Qt5Su7Tw8Ux9WybXzcYBd#Cf!Dg$FhGi*Hk(Jl-K

m+Lo0Np20q3Ps4Rt5Su7Tw8Vx9WybXAcYBd#Cf!Eg$FhG

j*Hk(Jl-Kn+Lo0Np20r3Ps4Rt6Su7Tw8VxaWybXAcZBd#Cf!E

g%FhGj*Ik(Jl-Kn+Mo0Np20r3Qs4Rt6Sv7Tw8VxaWzbXAcZBeflCf!

Eg%FiGj*Ik)Jm-Kn+MolNp20r3Qs5

Rt6Sv7Uw8VxaWzbYAcZBe#Df!Eg%FiHj*Ik)

Jm-Ln+MolNq20r3Qs5Ru6Sv7Uw9VxaWzbYAdZBe#Df$Eg%FiHj(Ik)

Jm-LnOMolNq2Pr3Qs5Ru6Tv7L-w9VyaWzbYAdZCe#Df$Eh%Fillj(II)

Jm-LnOMplNq2Pr4Qs5Ru6Tv8Uw9VyaXzbYAdZCe!Df$Eh%Gi*Hj(II)Km

-LnOMp10q2Pr4Qt5Ru6Tv8Ux9VyaXzcYAdZCe!Dg$Eh%Gi*Hk(Il)

Km+LnOMpl0q+MolNq20r3Qs5Rt6Sv7Uw9VxaWzbYAcZBe#Df$Eg%Fi

Hj*Ik)Jm-Ln+MolNq2Pr3Qs5Ru6Sv7Uw9VyaWzbYAdZBeftDf$Eh%Fi

Hj(Ik)Jm-Ln