毕业设计（论文）-教育动画片《吃棒棒糖时勿乱跑》设计与制作.doc

盐城师范学院毕业设计盐 城 师 范 学 院毕业设计教育动画片吃棒棒糖时勿乱跑设计与制作学生姓名 _学 院 信息工程学院_专 业 数字媒体技术_班 级 12（2） _学 号 _指导教师 _ 2016年 5 月 16 日教育动画片吃棒棒糖时勿乱跑设计与制作摘 要最近的新闻报道中屡屡看见儿童发生意外事件，这主要是因为儿童的认知有限，加上父母也存在教育上的疏忽。科技的发展、社会的进步让教育的形式越来越多样化，而儿童喜欢动画片也可谓众所周知，所以将教育理念融入到动画片中去不失为解决这一问题的一个好办法。本设计遵循了二维动画创作的工程化流程，通过剧本创作、人物形象设计、场景设计、原图绘制、电脑上色、配音剪辑、调试制作等一系列步骤，利用Flash技术，最终完成教育类二维动画作品吃棒棒糖时勿乱跑。本作品遵循了儿童心理学的原理，通过动画小故事的形式来讲述一个简单的道理：吃棒棒糖的时候不能追逐乱跑。让孩子们在欣赏动画片的同时学习如何在日常生活中养成好的习惯，并且学会保护自己。完成后通过让小孩子观看测试，获得良好反应，说明这种寓教于乐的教育方式是具有一定的实用价值和普推意义的。【关键词】Flash；教育动画片；儿童教育；全套设计加扣 3012250582The design and manufacture of the educational animationDo not run around while eating a lollipopAbstractRecent news reports often seen in children accidents mainly due to limited awareness of children, with parents negligent in education. Development of science and social progress make more diverse forms of education. The children like cartoons can be described as well known, so the educational philosophy into the cartoon to solve this problem may well be a good way. The design follows a two-dimensional animation of engineering processes, through play writing, characters design, scene design, original drawing, computer color, voice clips, commissioning production series of steps, the final completion of educational two-dimensional animation work, Do not run around while eating a lollipop, by using Flash technology. This topic will follow the principles of child psychology, to tell a simple truth in the form of animated stories: we can not run around while eating a lollipop. Let the children enjoy the animation while learning how to develop good habits in their daily lives, and learn to protect themselves. This entertaining educational approach is practical and it has promoted value. Keywords Flash,Educational Animation, Children Education, 目 录1 设计概述11.1 课题研究的目的和意义11.2 课题研究的主要内容12 软件概述22.1 Adobe Flash 软件简介22.2 Adobe Flash 软件发展前景23 课题分析33.1 需求分析33.2 可行性分析33.3 设计流程44 二维动画的设计与实现54.1 筹备策划阶段54.1.1 剧本设计54.1.2 角色造型64.1.3分镜头脚本设计64.1.4 场景设计84.2 动画制作阶段94.2.1 音乐设定94.2.2 对白录音104.2.3 原画绘制104.2.4 色彩设定和电脑上色124.2.5 电脑制作动画13 1 相关代码13 2 逐帧动画14 3 补间动画15 4 遮罩动画164.3 后期合成阶段174.3.1 音视频合成和后期处理174.3.2 影片合成与发布18结 论19参考文献20致 谢211 设计概述1.1 课题研究的目的和意义信息时代的到来给人们带来的便利可谓是不言而喻，不论是娱乐活动、或者是社交方式、还是学习方式，我们的生活正在发生着日新月异的变化，而这些变化给我们带来的好处将是深远而长久的。在课题准备时期，了解到现代社会对儿童的教育方面的投入，是非常可观的。因为孩童的健康成长关乎我们的国家以及社会的发展。经过科学研究表明，孩童时期是人一生中至关重要的时期，这个阶段培养的学习能力和接受新事物的能力关乎一个人整个人生的发展，所以对于孩童，不论是投入财力还是精力，都是非常值得的。本人研究的课题是网络化时代的一个产物：二维动画设计在教育领域的运用。教育对于社会的影响可谓是深远而长久的，以前的教育方式是单一而枯燥的，不利于孩童爱上学习，而现在可以将动画片运用到教育中，教育方式的多样化取代了以前生硬的方式，有利于孩童发展他们的创新能力，让他们的潜能得到无限发展。二维动画制作的原理其实就是将一系列静止的图片或画面以一定的速率连续进行播放，它的基本原理和电影、电视一样，都是视觉原理。因为人眼有视觉残留的效应，利用这一原理，播放动画时都是在一幅图画的影像还没消失前就播放下一幅图画，这会让观看者感受到一种流畅的视觉变化效果。将动画片融入到教育中，可谓是迎合了孩童的心理，符合了他们的认知能力，可以激发孩子的创造力和想象力。Flash教育动画可以将生活中的小常识通过故事来讲述，弥补了他们对于外界事物认知能力的欠缺，更加生动形象地让儿童理解。这种教育新方式无疑是给现代教育体系带来了新希望。孩子们有爱玩好动的天性，喜欢看动画片，所以我们将Flash和教育结合，在不抹杀孩子天性的同时又能让他们爱上学习，展现无限可能，这产生的奇妙反应将是我们都喜闻乐见的。1.2 课题研究的主要内容动画发展的历史很长，最初期的动画都是通过手绘图片，然后将图片按照动画故事的发展顺序依次进行排列，通过摄像机逐张进行拍摄之后播放。随着信息化技术的发展，网络渗入到我们的日常生活中，动画的绘画方式发生了改变：计算机绘图渐渐取代了手工绘画，而且这种新的绘画方式也给后期的工作带来了便利，不论是人物、场景的上色，还是拍摄放映的工作1。这些变化不仅仅能给我们带来视觉上的享受，还让绘画者从繁冗复杂的工作中解放出来，所以Flash是顺应时代的产物，Flash动画与教育领域相结合必定是大势所趋2。本课题研究的教育动画片吃棒棒糖时勿乱跑讲述的是一个生活中的常识：小孩子吃棒棒糖的时候不能追逐打闹，应该要安安静静地吃完后才能玩耍。然而在现实生活中，如果家长看见孩子一边吃着棒棒糖一边追逐玩耍，一定会呵斥他们，这种强硬的中国式教育一般都是不能达到理想效果，有时候甚至还会适得其反。而本课题中将教育知识与动画片结合起来，孩童喜欢看动画片可谓是众所周知，这种新型教育方式既可以解放孩子们的天性，又能够让孩子们在玩耍的同时学习到知识，让他们养成生活好习惯，在不知不觉中我们都享受了Flash动画与教育相结合的新型教育方式带来的好处。2 软件概述2.1 Adobe Flash 软件简介Flash是由Adobe公司开发的网页动画制作软件。Flash的文档格式采用了流媒体格式，可以边下载边播放，适应了当代互联网的发展需求，非常有效地解决了互联网带宽不足的客观情况。它凭借着功能强大、简单易学等特点，深受使用者的喜爱，已经成为网页制作、动画设计等领域最流行的软件之一。其实，大多数用户所认识的Flash是由Flash创作软件（Flash创作环境）和Flash Player（Flash播放器）两部分组成的3。目前最新的创作软件版本为Flash Professional CC。Flash动画创作有三个基本功能：绘图和编辑图形；补间动画；遮罩。这三个功能之所以被称为基本，是因为它们自从Flash诞生之初就已经存在了，每一次版本的更新Flash都会对这3个基本功能中的某个方面进行增强，但自始至终都没有偏离过这3个基本功能4。2.2 Adobe Flash 软件发展前景随着多媒体技术形式的逐渐普及，继二维动画之后，三维动画软件也得到了广泛的使用。届时，动画处理技术是衡量动画作品成败的关键因素。三维动画画面尽管在视觉呈现方面比二维动画存在更大的优势，然而，二维动画也凭借其功能强大、易学易用深受广大网页制作爱好者和动画设计人员的喜爱。动画只是一种艺术表现形式，所以对于艺术的评判标准，不应该仅仅局限于展现的技术手段。就如同古典画与现代画在技术处理上虽然存在差异，但是它们在艺术领域可以说是各领风骚。二维动画软件Flash在广告制作方面有很大的应用潜力，加上Flash制作动画花费少，能增加经济效益。因此在广告创意设计中首选的是动画制作软件还是Flash。Flash二维动画制作软件在现代化社会中具有广阔的发展空间。3 课题分析3.1 需求分析社会飞速发展的同时不仅带来了好处也带来了弊端。大多农村的年轻人都会去往大城市工作，他们拥有了更多的工作机会，更高的工资能让家人的生活水平得以提高，但同时他们也缺失了对自己子女的教育，这就是现代社会中儿童意外事件频发的主要原因之一。但是就算父母是在小孩身边照顾教育，他们也不可能做到面面俱到，也可能会有疏忽的时候，所以最主要的的原因还是是儿童不能很好地对自己进行自我教育。在如今的互联网社会，Flash技术被广泛应用于交互式软件开发、教育、展示等方面，如：制作多媒体教学软件和影视制作。通过调查了解到，市面上对于低年龄段的儿童的教育书册，多是运用了少量文字加上大量图片，这是因为这个年龄段的孩子对文字的理解存在局限性，而图画对于他们来讲会显得更加形象生动，易于理解，二维动画也有着同样的原理。本课题主要研究的就是二维动画在教育领域的运用。对于上面所描述的社会现状，以二维动画和教育相结合的这种儿童能够理解的方式对他们进行教育，是社会亟需的。3.2 可行性分析随着社会与网络技术的飞速发展，社交方式、社交层面也变得越来越丰富多彩。在生活中我们经常接触到的网页、广告、游戏，绝大多数都是通过Flash技术来制作的，Flash技术还被用于制作多媒体教学软件和教学视频。外加上近年来儿童发生意外的事件频发，儿童爱看动画片众所周知，所以，以动画的形式展现教育理念的方法就显得尤为需要。这种做法是值得被推崇的，因为这不仅达到了教育儿童的目的，还能让他们爱上学习。大学期间学习的课程为毕业设计的完成打下了良好基础。大二开设的基础美学课程素描是一切造型艺术的基础。在学好形体概括、比例结构分析、造型构图、透视与结构、结构与色调的表现等基础知识的情况下，要设计出符合动画主题思想的人物形象设计也变得相对而言地简单了。Flash作为一个优秀的矢量绘图绘制软件以及动画制作软件，它凭借着强大的动画编辑功能、广阔的设计空间，使得我掌握了在本设计中需要的动画制作技术，得以拥有流畅的动画效果，设计出高品质的动画5。为了使动画更具有可观性，我在课外还学习了Premiere课程，为动画角色配音，获得声色俱全的动画效果，为设计的完成提供了保证。3.3 设计流程Flash二维动画设计，包括前期的筹备策划阶段，动画制作阶段，后期合成阶段6。筹备策划阶段包括剧本的设计、分镜头脚本设计、角色造型、场景设计；策划完成后，进入动画制作阶段，分镜头构图制作，其中包括原画的绘制、电脑上色，音乐、音效的设定，对白录音以及口型的同步，色彩、背景的设计，然后将这些部分整合制作；在完成这些工作后进入后期合成阶段，将之前采集的声音进行编辑，通过后期制作，对音视频合成加工，发布影片，得到成品7。具体制作流程如图3-1所示。图3-1 flash二维动画制作流程图4 二维动画的设计与实现4.1 筹备策划阶段4.1.1 剧本设计吃棒棒糖时勿乱跑这一教育动画小短片的创意来源于本人在实习阶段对二维动画市场上教育动画的关注。教育动画的主要目的是教育，由于儿童的认知能力有限，通过日常生活中的现象用动画片的形式来向儿童讲述道理，这种寓教于乐的方式是再好不过了。有一天，小糖在家里看儿童图书，上面的一根棒棒糖吸引了她的注意，让她嘴馋地口水直流，在旁边沙发上看报纸的爸爸恰巧把这一幕看在了眼中，爸爸就笑小糖：“你这个小馋猫，看看你口水流了一地，好羞啊，哈哈哈。”小糖撒娇道：“爸爸，我要吃跟这书上一样好吃的棒棒糖！”于是爸爸变身“魔法师”从口袋里变出了一根棒棒糖，小糖开心极了，一边含着棒棒糖一边转圈圈。接着，爸爸继续看报纸，小糖嘴里含着棒棒糖和家里的小猫追逐玩耍。突然报纸上的一则骇人的新闻映入眼帘：小孩吃冰糖葫芦时摔跤，用来串联冰糖葫芦的小木签刺伤孩子喉咙.爸爸一脸惊恐，心想：真是令人害怕的消息，可不能发生在我的孩子身上！突然想起女儿小糖在吃棒棒糖，他立即喊住了小糖，一开始小糖是满脸不情愿地停下，后来爸爸和她讲述了道理，小糖明白了吃棒棒糖时不能乱跑，应该要吃完棒棒糖才能玩耍这一基本生活道理。前面的故事情节是以小糖和爸爸在日常生活中的对话场景来展现，动画后面出现一位老爷爷将小故事讲述的道理再以第三者总结讲述的形式重复一遍，让观看的儿童加深印象。4.1.2 角色造型在二维动画制作过程中，人物角色造型设计是创作过程中一个重要的环节，人物造型的确定也就意味着一部动画影片风格的确立。动画的主题思想是由优秀的人物角色形象来直接体现的，所以影片中的人物角色是有灵魂的。在电脑正式绘制动画之前，考虑到动画片的观看者多为儿童，所以角色设计应该要符合儿童的审美观，人物的设计都是采用了简单的线条和大面积的色块绘制而成，颜色也是选择了亮丽的色彩。整个动画故事就是由小糖和爸爸在家中的对话组成的，动画开篇就是小糖和爸爸的人物形象。小糖是一个活泼可爱的小女孩形象，爸爸是一位随性的父亲形象。人物角色造型设计不仅是外部形象的设计，还包括了面部的表情变化和肢体动作的设计，本设计中就运用了很多这种表情和动作的元素，它们能很好的展现出人物的性格，从而表现出动画的主题思想。4.1.3分镜头脚本设计根据二维动画制作流程，严格遵循二维动画设计步骤，制作了文字动画分镜头脚本，具体的内容如表4-1所示。表4-1 文字分镜头脚本镜号画面内容景别技巧解说词音乐音效备注1屏幕正中间动画题目出现，右下角出现播放按钮。全景吃棒棒糖时勿乱跑背景音乐播放按钮音效动画开始界面，人物头像上有播放按钮。2小糖在看儿童图书，上面有一根诱人的棒棒糖。特写推镜头背景音乐3爸爸在一旁沙发上看报纸。全景拉镜头背景音乐4爸爸看见了小糖的谗样，故意逗小糖。特写推镜头小糖，你在看什么呢，瞧瞧你，口水流了一地背景音乐人物配音5小糖对爸爸说话。特写推镜头爸爸，糖，好大好甜的棒棒糖背景音乐人物配音6爸爸笑小糖。特写推镜头你这个小馋猫，看看你口水流了一地，好羞啊，哈哈背景音乐人物配音7小糖看着图书问爸爸要棒棒糖吃。全景拉镜头爸爸，我要吃跟这书上一样好吃的棒棒糖背景音乐人物配音8爸爸的手做出一个剪刀的动作。特写推镜头哈哈，好，爸爸帮你剪下来背景音乐人物配音镜号画面内容景别技巧解说词音乐音效备注9小糖吵嚷着要吃真的棒棒糖特写推镜头我现在就要吃棒棒糖背景音乐人物配音10爸爸“变”出一根棒棒糖给小糖特写推镜头不要哭啦，看，这是什么背景音乐人物配音11小糖崇拜“魔法师”爸爸全景拉镜头小糖让爸爸再变一根棒棒糖背景音乐人物配音12小糖吃着棒棒糖和小猫追逐玩耍全景拉镜头小猫小猫你别跑，一起玩背景音乐人物配音13爸爸在看报纸特写推镜头看见一则儿童意外事件背景音乐人物配音14爸爸勒令小糖停下来，不能和小猫追逐全景拉镜头小糖极其不情愿背景音乐人物配音15爸爸通过讲道理的方式让小糖懂得道理全景拉镜头小糖能够理解并听爸爸的教导背景音乐人物配音16原理爷爷出场，将小故事中的道理再重新简述一遍，让观众加深印象全景拉镜头讲述道理：吃棒棒糖的时候不能追逐打闹背景音乐人物配音4.1.4 场景设计动画场景就是指故事发生的大环境，其中包括了背景和道具物品。场景设计的前提是要掌握二维动画场景的空间结构表现与构图。本设计引用的场景空间是指实体所限定的物理空间，适当地采用了镜头的推拉等变换来变换镜头感，这能使场景由一幅“画”变成塑造出故事的生动感，同时也能衬托角色形象、渲染故事氛围。本故事发生在小糖的家中，所以场景就是单一的空间，单一空间是场景空间设计中最简单的结构，背景只有两面墙，一个沙发，一张桌子，制造了一种封闭的空间感，同时也能营造出一种温馨的家庭氛围。场景镜头的变化处理地好不仅能使动画的主题思想得到更好的表达，还能弥补场景生动感的不足。本设计是由小糖和爸爸在家中的一个对话的小场景引发的，所以故事发生的背景就是小糖的家中，我设计了两个背景图，一张是爸爸坐在沙发上看报纸的背景图，如图 所示，另外一张是小糖奔跑玩耍的背景图，如图 所示。一开始是准备用网上的素材，可是这样就不是很符合人物造型的设计，最终还是决定采用手工绘制，两张背景图都是绘制的矢量图。具体场景背景如图4-1-1和4-1-2所示。图4-1-1 场景背景图1图4-1-2 场景背景图24.2 动画制作阶段4.2.1 音乐设定动画的背景音乐设定是为了与剧情相融合，给观看者更好的感官享受，而不是生搬硬套。在二维动画中，好的背景音乐能够刻画出人物的内心、渲染画面中所呈现的环境氛围，在国内，情节简单，音乐单调的动画影片已经无法满足市场的需要了。好的剧本就应该配上好的制作团队和灵动的音乐，来给观众更好地视听享受。但由于条件的匮乏，本设计中的背景音乐并非原创。经过精挑细选，终于找到了符合动画本身的音乐龙猫。具体属性如图4-2-1所示。图4-2-1 声音属性4.2.2 对白录音动画的出彩不仅仅要依靠人物的形象设计，剧情的发展，还有有出色的符合人物角色的配音。动画绘制完成之后，为了使得动画更加具有可观性，需要为动画中的各个人物形象都寻找了合适的配音，主角是一个小女孩（小糖）和她的爸爸，本来的想法是要用符合年龄段的人来配音，但是由于小孩子的认知能力有限，不能把感情色彩很好地表现出来，小孩子配音的话很难表现出动画剧本所要的感觉，而且小孩子咬字也不是很清晰，所以最终还是经过挑选之后选择了音色比较适合的成年人来帮助完成配音。在配音的过程中，也有很多需要注意的地方，配音的演员需要理解人物角色感情，在这一个过程中我是浪费了比较多的时间的。演员的配音难度有所增加，而且我是先完成动画后配音，所以演员还要根据故事字幕出现的时间轴来完成录音工作，有不到位的地方还要后期调整字幕出现的时间，利用Premiere剪辑制作，所以工作量较之前有所增加，应该一开始就考虑周全一些。具体音频如图4-2-2所示。图4-2-2 音频4.2.3 原画绘制动画开篇就是由小糖和爸爸的对话开始的。小糖是一个幼稚园的小朋友，在看儿童图书的她被书本上的棒棒糖吸引了，所以她应该是一个活泼天真的小女孩形象，俏皮的短发，小短裙，小皮鞋的穿着很符合她的性格特点。如图4-2-3至4-2-5所示。爸爸坐在沙发里看报纸，居家的穿着是T恤，休闲裤，洞洞鞋，如图4-2-6至4-2-7所示。原理爷爷是一位年长的智者形象，他是在故事结尾发表总结的，所以他手上拿着一本书，微微发福的体态，深深浅浅的皱纹让他看起来很慈祥、平易近人，如图4-2-8所示。和小女孩一起玩耍的小猫非常活泼可爱，如图4-2-9所示。发怒的棒棒糖，如图4-2-10所示。图4-2-3 小糖正面图4-2-4 小糖背面图4-2-5 小糖侧面图4-2-6 爸爸正面图4-2-7 爸爸背面图4-2-8原理爷爷正面图4-2-9 小猫图4-2-10 发怒的棒棒糖4.2.4 色彩设定和电脑上色在动画片中，不同的色彩搭配代表着不同的含义。为了符合儿童的审美观和认同感，动画人物角色和背景色彩都是采用了明亮的颜色，用大面积的色块绘制而成。原画绘制完成之后就是色彩的设定以及电脑上色的工作。本动画影片中多用了下列色彩：橙色热情活泼，黄色智慧，充满活力，紫色温馨、印象深刻，白色清凉舒适，绿色清新舒畅，灰色宁静和平，背景色彩就是为烘托主题而设定的，人物角色的内心情感变化也可以通过背景色彩来呈现，丰富的色彩变换同样能够增加动画的感染力，使作品更富有张力。图4-2-11 小糖正面图4-2-12 小糖背面图4-2-13 小糖侧面图4-2-14 爸爸正面图4-2-15 爸爸背面图4-2-16原理爷爷正面图4-2-17 小猫图4-2-18 发怒的棒棒糖4.2.5 电脑制作动画 1 相关代码Flash中包含了ActionScript2.0相关代码，是一种强大的面向对象编程语言，主要用于控制复杂的动画。由于本课题的设计多是采用逐帧动画、补间动画和遮罩动画技术来完成的，所以使用的代码语句来控制的动画就相对少了。但是，为了更好地展示出界面的交互性，我还是在设计中加入了一些代码语句来控制的动画。在动画开始播放的时候，为影片添加了一个播放按钮。制作了一个名为“Play”的图形按钮元件，并为其添加如下代码：on(press) Play(); 将按钮放置在动画需要停止的那个关键帧上，然后在关键帧上添加如下代码：stop();当影片播放结束后会自动回到最开始循环播放。 2 逐帧动画学会使用并创建Flash的逐帧动画，这是使用Flash绘制动画的最基本的技术。在动画中，相对于前后帧有变化的帧叫做关键帧，而对于逐帧动画而言，每一帧都是一个关键帧。创建关键帧很简单，先选择一个帧，然后单击右键选择“插入关键帧”，快捷键的方式是直接按F6，这样就能在所选处创建一个关键帧了。在影片之中，有这样一个镜头：小糖看着儿童图书上的棒棒糖非常嘴馋，爸爸就笑她。为了更加形象地表现出爸爸笑的情态，使得画面更加活灵活现，不仅仅要通过面部表情、嘴巴的形态来表现，肢体上的表达也要与之协调，爸爸笑地有些前仰后合，所以这部分动画我决定采用逐帧动画来绘制。如图4-2-19所示。爸爸笑的时候无论是头部、身体、还是报纸，都随着他的笑有些微微的抖动。虽然单看三幅图没有很明显的区别，但是这就是逐帧动画的特点所在，通过改变每一帧的内容来创建复杂的动画，在动画影片播放的过程中，一点点细微的变化就能显现出设计者对动画的用心，胜在细节。逐帧动画展示时间轴如图4-2-20所示。 图4-2-19 逐帧动画图4-2-20 逐帧动画展示时间轴 3 补间动画动画设计者在学习Flash的时候，最主要的就是学习补间动画的设计，补间动画作为Flash动画创作的三个基本功能之一，可以说是整个Flash动画设计的核心。补间动画分为三个部分：传统补间：在某一个关键帧上设置对象的某些属性，可以是位置、大小、角度等，然后在后面的某个关键帧上可以改变这个对象属性；形状补间：在某一个关键帧上绘制一个图形，然后在后面的某个关键帧上重新绘制一个图形或者是改变原有图形的形状；对象补间：不再将补间基于关键帧，而是基于对象，因此又被称为基于对象的动画，它可以将某些动画属性进行全面地控制。补间动画较之于逐帧动画有很多显著的优点，比如：补间动画可以根据两端的关键帧在中间自动形成图形，以生成流畅的动画效果，而不需要逐帧逐帧地绘制动画，大大减小了工作量。而且补间动画所需的存储空间较之于逐帧动画也是大大地减小了。本设计中人物的动作变化有很大一部分是利用补间动画中的传统补间来完成的。在绘制爸爸的手部动作时，如果采用逐帧绘制的方式，那工作量无疑会很大，所以我采用的是逐帧动画加上传统补间的方法，在以动画流畅为前提的条件下又减少工作量，这不失为绘制动画的一个好方法。爸爸的手部动作如图4-2-21所示，爸爸的手部动作展示时间轴如图4-2-22所示。 图4-2-21 爸爸的手部动作图4-2-22 爸爸的手部动作展示时间轴 4 遮罩动画遮罩动画作为Flash动画创作中不可或缺的组成部分，它是Flash动画设计的三大基本功能中重要的出彩点。遮罩的原理其实特别简单，简而言之就是在选择的遮罩层上设置一个“孔洞”，它可以是任何你想要的形状，透过这个“孔洞”你可以看见在它以下的图层的动画效果，而不透过它的部分将不被你可见。遮罩层中的对象可以是图形、文字、元件的实例等，但不显示位图、渐变色、透明色和线条。要创建遮罩动画首先要做的是创建遮罩层，必须先放置一个填充形状（即上面所说的“孔洞”），如果不在遮罩层上放置颜色填充对象，它将遮住被遮罩层的所有对象。创建遮罩层的步骤很简单，在“时间轴”面板中，鼠标右键单击要转换为遮罩层的图层，选择“遮罩层”命令，这样，选中的图层转换为遮罩层，其下方的图层自动转换为被遮罩层。一个遮罩层可以作为多个图层的遮罩层。当然，如果想要解除遮罩层也是同样简单，只需要单击“时间轴”面板上遮罩层或被遮罩层上的图标将其解锁即可。虽然创建遮罩层的方法很简单，但其表现的形式可谓是多种多样的，特别是使用遮罩将配合补间动画以及影片剪辑元件结合起来，要学好Flash动画，就要学会单个功能和其他功能结合起来创建令人惊异的效果，才能达到活学活用的目的。本设计中其实有很大一部分动画是采用了遮罩来实现的。整个动画播放屏幕就是利用了遮罩来完成的，如图所示。在动画短片播放的后半部分原理爷爷总结讲解的部分，我也利用了很多遮罩，因为讲述的时候还要帮助观看者回忆之前的动画场景，这样有利于加深印象，达到教育的目的。如图4-2-23至4-2-25所示。 图4-2-23 屏幕遮罩 图4-2-24 原理爷爷讲解过程中的遮罩图4-2-25 遮罩图层时间轴4.3 后期合成阶段4.3.1 音视频合成和后期处理在Flash中，我们有很多使用声音的途径。既可以使声音独立于时间轴播放，也可以使声音随着动画同步播放，使动画展现出更加富裕的表现力。Flash中使用声音的基本方式有两种：事件声音和声音流。背景音乐的选取也是需要俏皮欢快的，而且背景音乐也是需要循环播放的，一开始我打算直接多拖几个在背景音乐时间轴时，后来发现这样的话按钮是不能控制声音停止的，很不方便。通过查阅书籍，后来我做了一个影片剪辑，然后把背景音乐拖到影片剪辑上，在属性面板里面把同步的下拉列表框设置为数据流，循环。这样就能使背景音乐一直播放了。如图4-3-1所示。图4-3-1 背景音乐属性面板4.3.2 影片合成与发布将调整好的音频文件导入，从头至尾检查一遍声音和图像是否同步，一切都完成之后将动画导出发布。值得注意的是在制作途中，一定要注意时刻保存，以免丢失文件，或者隔一段时间就另存为一个新的文件，这样可以随时恢复到以前的步骤，不会因为操作失误而苦恼。导出发布步骤：选中文件选项中的导出、导出影片，最终导出的文件为：吃棒棒糖时勿乱跑.swf。导出影片，如图4-3-2所示。最终动画成品，如图4-3-3所示。图4-3-2 导出影片图4-3-3 最终动画成品结 论在我制作Flash动画的过程中，我深知动画的实质其实就是连续的画面持续播放，利用人的视觉暂留效应来达到流畅的目的。所以，在设计人物、场景的时候，我就已经规划好整部影片的故事情节走向。整个场景都是根据剧本故事的剧情发展来设计的，剧情所要表达的思想和意境同时也关系到整个动画的角色、场景的设计。色彩的准确运用关系到整幅作品的