毕业设计（论文）-猴子和香蕉动画设计.doc

江苏海事职业技术学院2013毕业设计说明目 录1 绪论22 前期制作32.1猴子和香蕉的文学剧本创作32.2 人物设计42.3分镜台本63 动画制作123.1 分镜11:香蕉自己跑了123.2 分镜12:小皮追香蕉143.3 分镜13：原来是蚂蚁偷走了香蕉153.4 分镜14：小皮捞香蕉173.5 分镜15:小皮在拿着香蕉在思考183.6 分镜16：小皮被蛇咬香蕉又一次丢了193.7 分镜17：香蕉掉入河中203.8 分镜18：小皮下水找香蕉213.9 分镜19：没找到香蕉走回河岸想到留言条223.10 分镜20：小皮去找水果篮的路上233.11 分镜21：水果不见了243.12 片尾25结 论26致 谢28参 考 文 献291 绪论 动画用幽默诙谐和夸张的动画表现出丰富多彩的生活，给人以轻松快乐的视觉享受，放松身心，让孩子树立正确良好的认知，在丰富儿童的童年生活的同时又起到启蒙教育的作用。随着动漫产业的发展，也正慢慢的从儿童动画发展成为成年人一样可以感受到其艺术内涵的产品，旨在以动画艺术的角度与别的艺术作品产生一种共鸣，更形象的表现出人们内心的所想，眼前的所见。 毕业设计的题目是猴子和香蕉，主要是运用FLASH和狸窝等软件制作完成。其中包括剧本、人物设定、场景设定、动画制作、配音和后期合成，最终制作完成。 猴子和香蕉这个动画中猴妈妈留下的字条就代表生活中自己应该要做的事，香蕉代表着生活中的各种诱惑，猴子小皮放下自己送水果的任务，被香蕉所吸引，而香蕉又引发了一系列争夺事件最终，小皮香蕉没得到，水果也丢了，任务没有完成。 这个动画的意义在于在生活中有很多的吸引、诱惑，而我们有形无形中都在经历着，如果不主动积极正确的去克服生活中各方面的诱惑，三心二意，像狗熊掰玉米一样，最终将竹篮打水一场空，一事无成。 在本次动画中我负责前期的人物设定，人物设定的灵感是主要来源于悠嘻猴，属于非常可爱的类型；中期的动画制作（镜头11-片尾），这段是讲猴子小皮去追香蕉，可是又出现意外，最后香蕉没有得到，自己送水果的任务也没有完成；后期的配音制作，配音主要是在flash里面插入音乐，导出avi格式的影片。2 前期制作2.1猴子和香蕉的文学剧本创作这是一阳光明媚的早晨，鸟儿在唱着歌，小皮在照镜时看到桌子上放了一张留言条，他走过去拿起留言条，原来妈妈让他把桌子上的水果送到阿布熊叔叔家。蓝蓝的天空中，小鸟在自由自在的飞翔，突然传来枪声，士兵阿麦在打鸟，顿时，鸟儿们四处乱窜。小皮拿着篮子出门了，啊，阳光真好啊，小皮走了一会儿，看到了一棵大树，心想时间还早，便躺在大树下睡着了。阿麦还在拼命地捉鸟，突然子弹没有了，阿麦不甘心，放下枪想了一会儿，啊！他灵机一动，用香蕉当子弹来打鸟，就这样香蕉从枪膛里飞了出去。香蕉从空中掉落了下来，嘭！掉到了正在睡觉的小皮的头上，小皮被砸醒了，他刚想发火，一看，怎么回事香蕉，他一下子高兴了起来，他拿着香蕉刚想吃，他突然想：一根香蕉吃了就没了，如果把它给种了，就会长出好多好多香蕉吧，接着，小皮拿着香蕉找了一个隐蔽的地方，挖了一个坑，把香蕉中了下去，用土把它厚厚的盖在了上面，接着他便去找水来浇，当他小心翼翼的用叶子捧着一叶子水回来时，他突发现香蕉竟然不见了，他抬头看到香蕉自己长着腿跑了，小皮扔下叶子，接着便去追香蕉了。这时太阳已经下上了，天空被晚霞照应的红红的，他追着香蕉跑到了小河边，香蕉自己乘着叶子船过河了，他走近一看，香蕉旁边站着一群蚂蚁正得意的向他眨巴这大眼睛，小皮眼珠子一转，他拿来了网子，一下子把香蕉捞了上来。小皮乐呵呵的拿着香蕉走在路上，完全把妈妈交代的任务忘的一干二净，小皮走到一块大石头旁，心想：还是把香蕉吃了吧，他坐在石头上，惊醒了在草丛中正在睡觉的绿头蛇，小皮刚想吃香蕉，绿头蛇狠狠地咬了小皮一口，小皮痛的尖叫起来，香蕉飞了出去。香蕉“啪”的一声掉到了河里，小皮听到水声，连忙跑到河里去找香蕉，他河里焦急的四处找啊找，可怎么也找不到了，他失落的上了岸，突然想到了妈妈交代他的任务：把一篮子水果送到阿布熊家，小皮连忙走到之前他休息的大树下，可是那里只剩下空空的篮子，水果不见了。2.2 人物设计2.2.1 主要角色：猴子小皮。图为小皮看到蚂蚁时惊讶的表情和动作，和小皮在短片里经常用到的表情和动作（如图2-1）。图2-1（小皮的常用表情和动作）2.2.2 小皮的表情：喜，怒，惊恐，害怕。小皮在被香蕉砸到时和看到香蕉的表情动作、在草地上挖坑的动作（如图2-2）。图2-2（被香蕉砸、看到香蕉和挖坑的表情动作）2.2.3 小皮在香蕉丢失时的失落表情、相框里在山顶上的得意的表情动作和躺在树下的悠闲动作（如图2-3）。图2-3（失落、得意和悠闲的表情动作）2.2.4 小皮用树叶捧水去浇刚种的香蕉的动作、送水果去阿布熊叔叔家的路上的动作和用网子捞掉到水里的香蕉的动作（如图2-4）。图2-4（捧水浇水、挎着篮子走路和用网子捞香蕉的动作）2.2.5 小青蛇的角色设定，猴子小皮被蛇咬的痛苦表情和惊恐的的表情（如图2-5）。图2-5（小青蛇的角色、小皮的惊恐表情和痛苦表情）2.2.6 打枪的士兵阿麦的角色设定，猴子小皮拿到香蕉时的欣喜表情和正在跑步的动作（如图2-6）。图2-6（士兵阿麦、小皮拿香蕉的欣喜的动作表情和跑步的动作）2.3分镜台本2.3.1 分镜十一：（猴子小皮分镜十的时候把香蕉种了下去）小皮开心的捧着水走回来，刚想浇水的时候发现坑里的香蕉不见了，手里的水一下掉到了地上，他感到很奇怪，香蕉怎么不见了？一抬头突然发现香蕉就在他前面，正“自己”跑远了，小皮连忙的追了上去（如图2-7）。图2-7（小皮发现香蕉不见，连忙追香蕉）2.3.2 分镜十二：小皮眼看着香蕉越跑越远，他非常焦急，于是加快速度气喘吁吁的拼命的追赶香蕉，跟着香蕉消失在了丛林中（如图2-8）。图2-82.3.3 分镜十三：天色越来越晚，晚霞把天空染红了，小皮跟着跑到了河边，眼看着香蕉乘着叶子船下了小河，他慌忙走近一看，惊讶的发现香蕉旁边站着一群蚂蚁正得意的望着他，原来不是香蕉长了腿啊，是蚂蚁偷走了它（如图2-9）。图2-9（小皮跑到河边发现香蕉原来是被蚂蚁偷走了）2.3.4 分镜十四：小皮焦急的抓耳挠腮，猛的想到一个办法，拿来了一个网子，把香蕉从河里捞了出来，他非常欣喜的拿到了香蕉（如图2-10）。图2-10(小皮从河里捞起了香蕉)2.3.5 分镜十五：小皮完全忘了妈妈交代的任务，拿着香蕉边走边想，满脑子都是怎么处理这个香蕉，到底是把它种了还是把它吃了呢？慢慢离开了小河边（如图2-11）。 如图2-11（小皮拿着香蕉离开河边）2.3.6 分镜十六：不知不觉中小皮走到了一块大石头旁边，他心想：还是把香蕉吃了吧，他坐在石头上，惊醒了在草丛中正在睡觉的绿头蛇，小皮刚想吃香蕉，绿头蛇狠狠地咬了小皮一口，小皮痛的尖叫起来，香蕉飞了出去（如图2-12）。图2-12（小皮被蛇咬了，香蕉飞了出去）2.3.7 分镜十七：香蕉从小皮手里飞了出来，在空中划了一条优美的弧线，扑通一声掉入了河中（如图2-13）。图2-13（香蕉掉入河中）2.3.8 分镜十八：小皮听到水声，连忙跑到河里去找香蕉，他河里焦急的四处找啊找，可怎么也找不到了（如图2-14）。图2-14（小皮在河中找香蕉）2.3.9 分镜十九：小皮在河里面找了很久也没有找到香蕉，他失落的走到岸边，心里满是不开心，他猛然间想起妈妈早上留下的留言条上面送水果给阿布熊叔叔的任务（如图2-15）。图2-15（小皮没有找到香蕉，想到妈妈交代的任务）2.3.10 分镜二十：小皮回去找香蕉，在黄昏里很不安的走着（如图2-16）。图2-16（小皮在回去找香蕉的路上）2.3.11 分镜二十一：小皮怀着忐忑的心情连忙走到之前他休息的大树下，可是他惊讶的发现那里只剩下空空的篮子，水果不翼而飞了（如图2-17）。图2-17（小皮惊讶的发现水果不见了）3 动画制作3.1 分镜11:香蕉自己跑了3.1.1:小皮在开心的种香蕉（1）猴子走路：设定好安全框，动画图层。把设计好的背景和人物pose拖到动画图层中，打成一个大元件，双击打入元件，把香蕉，猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子元件，把猴子的各个部位分散到图层，把头部打成元件，根据走路的运动规律，做一套走路的动作，做完走路动作，打进头部元件，做一套眨眼动作，掐到75帧，使其每隔75眨一次眼。打到元件外，在该元件的第105帧上插入关键帧，改变其位置，并在1-105帧之间创建补间动画，使其呈现猴子从舞台左外方走进舞台的效果，在第106帧上插入空白关键帧，使其走路动作结束（如图3-1）。图3-1（2）新建一个图层，在第106帧上直接复制粘贴上篇1）中猴子元件，并改变里面所有元件为副本（改变所有元件名），进入里面编辑动作，在第7,16帧上插入关键帧，调整手臂，身体的动作，并在7-16帧之间创建补间动画，使其呈现弯腰低头的动作，在第52,57,61,71帧上插入关键帧，调整其身体和各个部位的动作，在叶子元件的第62帧上插入空白关键帧，并新建一个图层在第61帧上拖入破碎的叶子的元件，在第71帧上插入关键帧，调整其动作，在所有图层的52-57-61-71帧之间创建补间动画，新建一个图层在第20帧上拖入闪动的特效，在第48帧上插入空白关键帧，结束其动作，使其呈现猴子惊讶叶子掉落水撒到地上的效果(如图3-2)。图3-23.1.2:小皮追香蕉（1）在第148，153帧上插入关键帧，改变其Alpha值，并在148-153帧之间创建补间动画，新建一个元件，在第150帧上拖入猴子跑步动作的元件，在第154帧上插入关键帧，改变其Alpha值，并在150-154帧之间创建补间动画，使其呈现淡出的从站立淡入到跑步姿势的效果。在第155帧上插入空白关键帧，新建一个图层在第155帧上拖入跑步姿势。（2）猴子跑步:双击进入跑步元件，编辑其动作，把猴子的各个部位分撒到图层，根据猴子跑步的运动规律，做一套跑步动作。双击打到该元件外，在第325帧上插入关键帧，改变其位置，并在155-325帧之间创建补间动画，双击进入香蕉元件，做一套香蕉上下弹跳的动作。打到该元件外，在第148，,520帧上插入关键帧，改变其位置，并在148-520帧之间创建补间动画，使其呈现追香蕉的动画效果(如图3-3)。图3-33.2 分镜12:小皮追香蕉3.2.1：猴子跑步设定好安全框，动画图层。把设计好的背景和人物pose拖到动画图层中，打成一个大元件，双击打入元件，把香蕉，猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子的元件，把猴子的各个部位分散到图层，根据跑步的运动规律做一套跑步动作（如图3-4）。图3-43.2.2：小皮追香蕉跑出丛林做完跑步动作后，打到元件外，在该元件的第250帧上插入关键帧，改变其位置，把猴子拖到舞台右方外，并在1-250帧之间创建补间动画，双击进入香蕉元件，做一套香蕉上下弹跳的动作。打到元件外，在该元件的第250帧上插入关键帧，改变其位置，把香蕉拖到舞台右方外，并在1-250帧之间创建补间动画，使其呈现猴子追香蕉出舞台的效果（如图3-5）。图3-53.3 分镜13：原来是蚂蚁偷走了香蕉3.3.1：小皮跑到小河边（1）设定好安全框，动画图层。把设计好的背景和人物pose拖到动画图层中，打成一个大元件，双击打入元件，把香蕉，猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子的元件，把猴子的各个部位分散到图层，根据跑步的运动规律做一套跑步动作，做完跑步动作，打到元件外，在该元件的第89帧上插入关键帧，改变其位置，并在1-89帧之间创建补间动画，使其呈现猴子从舞台左方外跑进舞台的效果，在第90帧插入空白关键帧，即结束其跑步动作。（2）新建一个图层在第90帧直接复制粘贴上篇（1)的元件，改变里面所有元件为副本（改变所有元件名），并将其动作调整为站立的动作的中间画，新建一图层在第91帧上拖入猴子站立的元件，双击进入该元件，在第27,32帧上插入关键帧，调整其动作，并在27-32帧之间创建补间动画，为向后仰做预备动作。打到元件外，在该元件的第119,122,126帧上插入关键帧，调整其动作，改变其Alpha值，并在119-122-126帧之间创建补间动画，新建一个图层，在第119帧上拖入猴子向后仰的元件，在第132,133帧上插入关键帧，改变其Alpha值，并在119-132之间创建补间动画，使其呈现从猴子站立到吃惊向后仰的淡出淡入叠加效果。进入向后仰猴子元件，在第11,16帧上插入关键帧，调整其动作，并在11-16帧之间创建补间动画，做极限和缓冲，使其向后仰的动作更加自然，一般一个动作一般都具备：预备-极限-缓冲，三个步骤，使其动作更加自然顺畅（如图3-6）。图3-63.3.2：香蕉原来被蚂蚁搬走了双击进入香蕉元件，在第34,69帧上插入关键帧，调整其动作，并在34-69帧之间创建补间动画，使其呈现香蕉在河中左右摇摆的效果（如图3-7）。图3-73.4 分镜14：小皮捞香蕉3.4.1：小皮用网子捞香蕉（1）设定好安全框，动画图层。遮罩及预备-极限-缓冲。把设计好的背景和人物pose拖到动画图层中，打成一个大元件，双击打入元件，把香蕉，猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子的元件，在第22,30,38,45,50,59，帧上插入关键帧，调整其网子，身体和胳膊的动作，交换香蕉元件，并在22-30-38-45-50-59帧之间创建补间动画，其中第38-45-50-59之间的动画属于动作的预备-极限-缓冲，这样使其捞香蕉的动作更加的自然和谐。 （2）在网子的图层上创建遮罩层，调整穿帮，遮罩层（遮到的地方显示出来），所以在遮罩层上画一个网子从水中捞香蕉时能看到网子范围的图形，防止了穿帮的问题。 （3）在第84,91帧上插入关键帧，调整其动作，使其呈现身体下压的动作，为下面猴子站立做预备动作。在该元件外的第95帧上插入空白关键帧，使其捞香蕉的动作结束（如图3-8）。图3-83.4.2 ：小皮将捞到的香蕉拿在了手里在补间1中新建一个图层，在96帧上拖入猴子站立的元件，在第95帧上调整出猴子从半蹲到站立动作呢的中间画，使其站立动作更加顺畅自然。双击进入96帧上猴子站立的元件，在第9,12,16帧上插入关键帧，调整其身体和胳膊的动作，并在1-9-12-16帧之间创建补间动画，连接上篇的预备动作，完成一套自然的站立动作(如图3-9)。 图3-93.5 分镜15:小皮在拿着香蕉在思考3.5.1:小皮拿着香蕉考虑怎么处理 设定好安全框，动画图层。把设计好的背景，人物pose拖到动画图层中，打成大元件，进入大元件中做动画，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子元件，把猴子的各个部位分散到图层，把头部打成元件，根据走路的运动规律，做一套走路的动作，做完走路动作，打进头部元件，做一套眨眼动作，掐到75帧，使其每隔75帧眨一次眼（如图3-10）。图3-103.5.2：小皮拿着香蕉边走边想在猴子图层上的第365帧上插入关键帧，在第一帧上把猴子拖到舞台右方外，在365帧上把猴子拖到舞台左方外，并在第1-365帧之间创建补间动画，使其呈现猴子进出舞台的效果（如图3-11）。图3-113.6 分镜16：小皮被蛇咬香蕉又一次丢了3.6.1：小皮拿着香蕉走到石头旁 （1）设定好安全框，动画图层。把设计好的背景，人物pose拖到动画图层中，打成大元件，进入大元件中做动画，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子的元件，参考上一篇分镜15）猴子走路的动作。在第76帧上插入空白关键帧使其动作结束。（2）新建一个图层，在第78帧上拖入猴子站立的动作，在第77帧上调整出猴子走路停下和站立的中间画（如图3-12）。图3-123.6.2：小皮被蛇咬了一口从蹲着的动作到被咬的动作的过度，在蹲着的猴子元件图层上的第267,271帧上插入关键帧，改变其Alpha值，新建一个图层，在274帧上拖入猴子被咬的元件，在271，272,273,帧上调整出猴子蹲着和被咬的中间画（如图3-13）。图3-133.7 分镜17：香蕉掉入河中3.7.1：香蕉掉入水中 （1）设定好安全框，动画图层。把设计好的背景，人物pose拖到动画图层中，打成大元件，进入大元件中做动画，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，在香蕉图层上的第31帧插入关键帧，调整其动作，并在1-31帧之间创建补间动画，使其呈现香蕉从上而下掉落水中的动画。(2) 在香蕉的图层上创建一个遮罩层，在遮罩层上画出香蕉掉入水中前能看到的范围的图形（遮到的地方能看到），这样就能有效的防止动画穿帮问题。(3) 新建一个图层，在第22帧上拖入水花的特效，这样使香蕉落入水中时迸溅出水花，使动作更加生动，丰富（如图3-14）。图3-143.8 分镜18：小皮下水找香蕉3.8.1:小皮到水里找香蕉 （1）设定好安全框，动画图层。把设计好的背景，人物pose拖到动画图层中，打成大元件，进入大元件中做动画，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子元件，在第8,16,24帧上插入关键帧，调整其动作，并在1-8-16-24帧之间创建补间动画，使其呈现在水里找香蕉的动作，接着，复制粘贴其动作。 （2）在猴子元件外，插帧，创建补间动画，编辑在不同位置捞香蕉的动画（如图3-15）。图3-153.9 分镜19：没找到香蕉走回河岸想到留言条3.9.1：小皮很失落的往回走 设定好安全框，动画图层。把设计好的背景和人物pose拖到动画图层中，打成一个大元件，双击打入元件，把香蕉，猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子元件，把猴子的各个部位分散到图层，把头部打成元件，根据走路的运动规律，做一套走路的动作，做完走路动作，打进头部元件，做一套眨眼动作，掐到75帧，使其每隔75帧眨一次眼（如图3-16）。图3-163.9.2：小皮想起妈妈交代的任务在场景外新建一个图层，在图层的第246帧上拖入留言条，在第254,265,277,287帧上插入关键帧，改变其大小，方向和Alpha值，并在246-254-277-287帧之间创建补间动画，使其呈现逐渐旋转出现的效果，新建一个图层，在287帧上拖入闪动的特效（如图3-17）。图3-173.10 分镜20：小皮去找水果篮的路上3.10.1：小皮很不安的回去找水果 设定好安全框，动画图层。把设计好的背景，人物pose拖到动画图层中，打成大元件，进入大元件中做动画，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，双击进入猴子元件，把猴子的各个部位分散到图层，把头部打成元件，根据走路的运动规律，做一套走路的动作，做完走路动作，打进头部元件，做一套眨眼动作，掐到75帧，使其每隔75帧眨一次眼。在小皮的脑袋上添加一个纠结的特效，使动画更加丰富（如图3-18）。图3-183.10.2：小皮回到房水果的树下在猴子图层上的第429帧上插入关键帧，在第一帧上把猴子拖到舞台右方外，在429帧上把猴子拖到舞台左方外，并在第1-429帧之间创建补间动画，使猴子走出舞台（如图3-19）。图3-193.11 分镜21：水果不见了3.11.1:小皮发现篮子里的水果不见了（1）设定好安全框，动画图层。把设计好的背景，人物pose拖到动画图层中，打成大元件，进入大元件中做动画，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，猴子走路动作参考分镜20）。（2）新建一个图层，在第165帧上拖入猴子站立的动作（如图3-20）。图3-203.11.2：空的篮子滚出了屏幕（1）在场景外的动画图层第212,370帧上插入关键帧，改变其大小，并在212-370帧之间创建补间动画，使其呈现渐渐变大的效果。 （2）在场景中新建一个图，画一个黑色背景，将其移至最底层。在动画图层上创建一个遮罩层，在遮罩层第473帧上画一个圆形元件，在603帧上将其缩小，在473-603帧之间创建补间动画，效果如图显示（如图3-21）。图3-213.12 片尾3.12.1：指导老师的字幕介绍 新建一个flash，设定好安全框，动画图层。把设计好的字体,背景，和人物pose分散到图层中，打成大元件，双击进入元件，进入元件里，把猴子，背景等要做动画的组分散到图层，并分别打成元件，在猴子跑步元件（猴子跑步参考分镜11）和香蕉弹跳元件（香蕉弹跳参考分镜11）的图层第169帧上插入关键帧，改变其位置，使得猴子追着香蕉从舞台右侧跑到舞台左侧（如图3-22）。图3-223.12.2：制作人的介绍（1）在指导老师一行的字元件图层上第526帧上插入关键帧，改变其位置，并在1-526帧之间创建补间动画，使其由上而下运动，直到消失，在该图层上创建一个遮罩层，在遮罩层上画一个比舞台大小小一点的矩形，使指导老师这行字在遮罩的范围内运行。（2）最后新建一个图层，在图层的507帧拖入完字元件，在518,522帧上插入关键帧，改变其大小和Alpha值，使其呈现完字逐渐出现和逐渐变大又缩小的效果，使其有弹性，使动画更加生动（如图3-24）。 图3-24结 论回想毕业设计这个倾尽一身的作品，在完成的过程中，有成就，有分歧，有欢乐，有争执，有收获，有烦躁，有自豪，有茫茫然不知所以。但随着作品的完成，浮躁的心也慢慢的落地。作品从选题到剧本写定用了不少时间，因为很重视毕业设计，所以选题的时候非常慎重，总感觉有很多不足，或者感觉题目