XX汽车动画广告.doc

此文档收集于网络，如有侵权，请联系网站删除XXX大学毕业设计(论文)XX动画广告作 者： XXX 院 系： XXX 系 专 业： XXX 班 级： 2010级2班 学 号： 100XXXXX4 指导教师： XXX 成 绩： 日 期： 2014年4月28日 此文档仅供学习与交流摘要随着动画电影的不断发展和市场规模的扩张，我国动画行业进入了一个应用更为宽广的市场环境。目前我国正处于新媒体时代，有趣、创意及具有原创性的Flash动画正逐渐成为一种时尚潮流。在广告行业，以Flash软件来制作一则广告短片已逐渐成为一种大众喜爱的广告传播方式。与传统广告相比，动漫广告更能彰显广告自身的生动性、夸张性、吸引性、独特性和时尚性。用Flash动画来展示广告，已成为广告行业的一个重要传播方式之一。本论文从Flash动画角度出发，将系统阐述Flash动画、Flash动画技术特点、动画广告中的造型设计、动画广告剧情以及Flash动画广告制作流程等内容。这个设计作品主要是以Flash软件为平台，以动物和XX汽车之间的戏剧性故事来突出产品特点，在讲述故事的过程中传达产品理念，从而达到广告的商业目的。该作品的亮点在于以有趣的故事来讲述XX汽车的故事，间接体现了产品的越野乐趣、自然友好、性能佳等特点，比直接粗暴的广告方式更让人接受。XX汽车动画广告的制作主要通过补间动画、骨骼动画、遮罩、引导和代码控制等应用来实现。学习与制作动画的过程让我的知识面得到了进一步扩充，同时对Flash专业知识有了更加深入的了解及学习。关键词：flash动画，动画广告，角色设计，XX汽车AbstractWith the continuous development of animation films and the expansion of market scale, Chinas animation industry has entered a more broad market environment. And now，our country is in the new media era, the interesting, creative and original flash animation is becoming a fashion trend. Now the animation application has extended to the advertising industry, using Flash to produce an advertising video has become a population. Compared with the traditional advertising, animation advertisement can show its vivid, exaggerated, attractive, unique and fashionable. Using flash animation to display advertising, has become one of the most important mode of transmission for advertising industry.With the beginning of Flash animation, this paper will elaborates Flash animation、 Flash animation technology 、design of animation in advertising、Animation story and Flash animation advertising production process etc. This animated ads taking Flash as the main platform, with an interesting story between the animal and vehicle, the story also Portrayed the Li Fan. With an interesting stories to promote Li Fan, can Reflect Li Fan s off-road fun、 natural friendship and good performance characteristics at the same time. The main methods of making animated ads contain Tweens, skeletal animation and masks and so on. The process of making the learning make me a more comprehensive understanding of to professional knowledge and it help me a lot to improve my quality.Key words：flash animation，animation advertisement，character design，Li Fan目录摘要IIAbstractIII目录41、绪论61.1 Flash动画简介61.1.1 Flash动画的概念61.1.2 Flash动画的应用领域61.1.3 Flash动画技术特点61.2XX汽车动画广告简介81.3 XX汽车动画广告中的造型设计91.3.1 角色设计61.3.2 场景设计61.4 XX汽车动画广告剧情102、XX汽车动画广告制作过程162.1 剧本创作162.2 剧本分析172.3 角色和背景造型设计182.3.1 Flash动画广告绘制182.4 动作拆分292.5 动画制作302.5.1 逐帧动画302.5.2 补间动画312.5.3 影片剪辑322.5.4 遮罩动画332.5.5 骨骼动画332.6 Flash动画广告后期完善352.6.1 片头制作352.6.2 片尾制作362.7 动画广告中的代码382.8 制作难点403、总结与体会40参考文献41致谢421、 绪论如今，随着网络的发展，多媒体信息以更快的速度在网络传播，如图形，视频，音频等。其中， Flash作为流行的动画制作工具，也越来越受到人们推崇。Flash不仅仅意味着一款功能强大的工具，同时它也是是创意性、独创性、趣味性动画短片的代名词。在信息时代背景下，人们迫切需要日日围绕在人们日常生活周围的广告也做出改变。与简单的推销式广告不同，人们更希望广告能变成一种艺术，在告知人们信息的同时也能带来精神和视觉上的享受。此时，Flash动画广告的出现渐渐引起了人们的关注。因为Flash动画广告不仅融合了Flash动画短片的独创、有趣、夸张的特点，同时也需要体现了广告的商业性质。也正因为这些优点，Flash动画在广告中应用也越来越深入和成熟，人们对这种新型的广告形式的喜爱程度也逐渐增加。在Flash动画广告正逐渐成为大众喜爱的一项热门广告方式背景下，我利用所掌握的Flash专业知识制作出一则关于XX汽车的动画广告。一是为了检查自己所学的知识，二是希望促进自身学习能力和解决问题的能力，此外，个人认为能做出一个有价值的作品是一件极具意义的事。一则优秀的Flash动画广告，在人物设计，动画制作和故事安排等方面的都需要精心制作。XX汽车动画制作过程中遇到的困难主要有角色造型与角色设计、场景设计等，制作的过程中也需要综合运用多种软件，比如Adobe Flash Professional CS6、Adobe Photoshop CS6、Adobe Premiere Pro CS4等。1.1 Flash动画简介1.1.1 Flash动画的概念Flash是美国MACROMEDIA公司于1999年6月推出的一款优秀动画设计软件。它其实是一种交互式动画设计工具，可以将音乐，声效，动画以及富有新意的场景融合在一起，制作出高品质的动画短片。Flash功能强大、制作简单，不仅打破了传统的广告模式，还给大家展现了一个有趣的故事画面。整个Flash动画制作中，有三个功能是最重要、最基础的。它们分别是：角色设计、补间动画和遮罩。这三个功能密切相关，并在自Flash诞生以来就存在。 Flash动画说到底就是“遮罩+帧动画+补间动画+元件（主要是视频剪辑）”，这些元素的不同组合可以为观众呈现出一个万花筒般的世界。1.1.2 Flash动画的应用领域Flash动画越来越受到人们的关注越多，其应用也会越广。这款多媒体动画制作软件，可以让我们轻松地将音乐，声音和动态影像融合一起，创造一个新的Flash动画短片。短短几年时间下来，Flash动画很快从网络迅速推广到影视传媒领域，其发展之快，出乎很多人意料。 Flash动画最早通过网络流传开来，并且随着网络技术的飞速发展深入到人们的日常生活。目前，Flash的应用领域主要表现在以下几个方面：1) 广告：这是一种非常流行的形式，并且发展势头迅猛。据调查数据显示，国内外许多企业都愿意采用Flash来制作广告。 2) 娱乐短片：这也是大多数人沉迷于Flash应用的一个原因之一。利用Flash动画制作娱乐短片，不仅发展空间很大，更重要的是，它是一个闪光爱好者自我展示的一个平台。最近热播的不吐不快等娱乐性质节目就是将Flash应用的一个例子。3) 片头：俗话说人靠衣装。事实上，网站、电影等是一样的。精美的片头动画，可以大大提高网站的吸引力。同理，片头作为电视节目或电影的一部分，可以在很短的时间内向观众传递信息。 4) MTV：这也是一个被广泛的运用的形式。在某些Flash制作的网站，几乎每周都有一个新的MTV作品制作。在国内，使用Flash创作的MTV也开始了商业应用。5) 小游戏：使用Flash开发的小游戏在国外一些大公司更受欢迎，Flash网络游戏大大增加了互动效果，吸引了大量观众的参与。6) 作品展示：由于Flash具有强大的交互功能，因此一些大公司，如戴尔，三星，他们都喜欢用Flash来展示作品。Flash展示方式能通过方向键来选择产品，然后控制观看产品的功能、外观，能呈现出比传统的展示方式更好的互动性。 7) 应用程序开发的界面：传统的应用程序界面仍处于静态画面状态。因为任何支持ActiveX编程系统可以使用Flash动画，因此越来越多的应用程序界面开始使用Flash动画，如金山词霸的安装界面。1.1.3 Flash动画技术特点Flash动画技术主要涵盖三方面：逐帧动画、补间动画、遮罩动画及骨骼动画。逐帧动画是动画的一种常见形式，其原理是分解动画动作中的“连续关键帧”，也就是在时间轴的每张帧上呈现不同内容，从而实现动画的连续播放。因为每一帧的动画序列的内容是不一样的，这样不仅要增加制作的负担而且最终输出文件的数量也会很大。但它的优势是显而易见的：逐帧动画具有很大的灵活性，几乎可以满足设计者任何想要表现的内容，而且它类似于电影播放模式，因此适合于进行细致的动画制作。例如：一个人或动物急转弯，飘逸的头发和衣服，走路，说话和细腻的3D效果等等。 补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长箭头；构成动作补间动画的元素是元件或形状，包括影片剪辑、图形元件、按钮、文字、位图和组合等等。遮罩是Flash动画制作中必不可少的。使用遮罩与补间动画，用户可以创建更加丰富多彩的动画：图片切换，文子特效，场景切换等非常实用的动画。并且，从这些动画实例中，用户可以举一反三更实用创造更多的动画。遮罩的制作原理很简单，但它的实现方式多种多样，特别是与补间动画和影片剪辑结合的情况下，用户可以创建出千变万化的形式。此外动画设计者可以做一个总结来概括这些形式，从而从容地创建出各种形式的动画。目前有两种动画模式：顶点动画和骨骼动画。顶点动画，在动画的每一帧上实际是一个特定的手势的典范“快照”。由帧之间的插值方法，可以得到平滑顺畅的动画。而在骨骼动画中，模型具有相互连接的“骨架”组成骨架结构，可以通过改变骨模型的位置和方向来创建动画。骨骼动画的处理器性能要求比顶点动画更高，但它也有更多的优势骨骼动画可以更方便、快捷地创建。不同的骨骼动画可以结合在一起。 例如，该模型可以转动部件，同时还运动或行走。有些引擎可以操纵一个骨骼，这样就可以更准确地与环境互动 模型可以弯曲在一个方向或拍摄，或拿起从地面上拿起某件东西。1.2 XX汽车动画广告简介Flash动画广告即是Flash动画在广告上的应用，是目前在网络上最流行的一种广告形式，也是目前最时尚、最受欢迎的产品营销方式。与传统的广告相比，动画广告形式新颖，原创性高，趣味性强。动画广告有着很多突出的特点：情节夸张、双向互动、制作成本低、体积小、范围广泛。此外，Flash动画广告还因制作简便，成本低，传播平台广，接受度强等优点而备受众多企业青睐。此则动画广告短片是一个关于XX汽车的故事。该动画广告通过讲述非洲大草原上企鹅与XX汽车之间的冲突和故事，展示出XX汽车越野、享受生活、亲近自然、品质精良、友好等优点。XX汽车动画广告短片传达的情感是轻松快乐的。XX汽车动画制作过程中遇到的困难主要有角色造型与角色设计、场景设计等，综合运用了Adobe Flash Professional CS6、Adobe Photoshop CS6、Adobe Premiere Pro CS4等工具。1.3 XX汽车动画广告中的造型设计1.3.1 角色设计角色设计即是根据故事内容，将角色分离出来并加以设计。如XX汽车动画广告中的角色主要有：XX汽车、Skipper、Private、Rico和Kvolski等，它们都需要分别做设计。角色设计是决定整个动画广告视觉效果关键。角色设计是动画广告制作的基础，是制作展开的第一步。同时，角色设计在制作过程中起着重要作用，因为糟糕的角色设计是不能引起观众观看欲望的，无论那个故事是多么有趣。不仅如此，如果角色设计有缺陷，那么后果将是致命的，因为那将导致整个动画广告无法补救。因此，出色的角色设计是一则优秀动画短片的关键点。我根据XX汽车动画广告剧本分析，剥离出XX汽车、Skipper、Private、Rico、Kvolski 和驾驶员作为动画角色。在风格上，简单明快是它们的共同点。其中，XX汽车设计有越野风格； Skipper作为企鹅老大，Private可爱、胆小，Rico沉稳、Kvolski智慧。在动画短片制作中，我根据角色的性格特征和短片风格加以设计。1.3.2 场景设计著名电影导演米开朗基罗安东尼奥曾说：“没有我的环境，就没有我的人物。”意思是，场景是影视创意中最重要的空间造型元素。Flash动画广告也是这样。动画场景设计是除角色以外一切对象的造型设计,是塑造角色和影片风格的关键创作环境。场景设计，要根据动画广告的整体风格，分析场景的组成部分，最后才是着笔设计。在XX汽车动画广告场景设计中，我根据故事的发展情节设计了7个主场景，它们的风格保持一致，并与角色风格相配。1.4 动画广告剧情1) 黄昏，在美丽的非洲大草原上，一片安静平和景象。图1.4.1 场景 2) 镜头放到一条马路上，马路对面的草丛里，一群企鹅正要穿过马路到从草丛里露出眼睛侦查路面的情况，确认无危险后，Skipper迅速发出指令：“Safe，go！go！go！（安全，走！走！走！）”。图1.4.2 草丛3) 企鹅们相继从草丛里钻出来，做好了过马路的准备。图1.4.3 企鹅4) 与此同时，极远处一个男子驾着XX汽车在路上快速行驶，车上的摇滚音乐调得很大，男子沉迷在音乐的旋律里，很享受地把车开得极快。图1.4.4 XX汽车5) 马路的另一头，企鹅们正慢悠悠得过马路，气氛很轻松。图1.4.5 企鹅过马路6) 突然，走在中间的企鹅Private好像听到了什么声音，它下意识地扭头看向声音的方向，但因为夕阳的余晖，眼睛适应了好一会儿才看依稀看见远处的东西。图1.4.6 Private扭头7) Private停下来揉了下眼睛，然后再扭头去看。嗯，这次好多了。“Ah！Car！（啊！车！）”当Private看清楚远处的东西其实是一辆快速行驶的汽车时，Private惊恐地大喊。图1.4.7 Private惊讶8) 走在后面的Rico和Kvolski听到声音也扭头去看，看到快速逼近的汽车也露出惊恐的表情。刹那间，企鹅们慌乱成一团，只有Skipper依然是不慌不忙的。图1.4.8 企鹅尖叫9) Skipper扭头去看了已经很近的汽车一眼，然后说：“Calm down， boys，thats Li Fan!”眼见着一场车祸即将上演，众企鹅听了Skipper的话后同时大舒一口气。Skipper话音刚落，人们只听得一阵刺耳的紧急刹车声。图1.4.9 Skipper看向车10) 屏幕再次变亮，此时企鹅们正优哉游哉地继续过马路，儿男子是一副劫后余生的表情。图1.4.10 企鹅过马路11) 正愣着看不慌不忙的企鹅，落在最后的Skipper突然扭头朝他打了个招呼：“Hey， dude！(嘿！伙计！)”男子的表情变了一变，最后咧出一个笑脸。图1.4.11 Skipper打招呼12) 至此动画广告短片结束，弹出广告语：“Li Fan，随心而动”。广告语的含义包括：体现XX汽车随走随停的良好性能；体现XX汽车驰骋自如，亲近自然的形象。图1.4.12 广告语2、XX汽车动画广告制作过程2.1 剧本创作不像影视剧本，也不同于一个简单的文学创作，动画剧本创作是另外一种不同的类型。动画以其独特的形式存在，主要是因为，在动画可以随意创意，空间广阔。动画可以大大地使用夸张手法来表达一个故事，可以任意地使用电影或电视节目里所没有的场景和镜头。动画广告剧本的特点，不同于文学中具体行动形式的表达惯性，Flash动画广告更提倡突出个性，用夸张、生动来推动故事的发展。我这次的动画剧本讲述的是一段有趣故事，通过戏剧性的故事情节烘托出产品的特点，让观众在欣赏一个故事的同时，很自然地接受产品的理念，从而达到动画广告的目的。动画广告的对象是XX汽车（Li Fan），为了突出XX汽车的性能、品质及赋予驾驶者预约的驾驶感受，我设计了一个关于“碰撞”的故事。另外一方面，我还希望故事的基地是轻松愉快的，随意有戏剧性情节。我想到了著名的动画片马达加斯加。动画片中的4只小企鹅给观众的印象很深刻，且带有浓重的喜剧效果。因此我以马达加斯的企鹅为参考，将故事安排在了非洲大草原上。故事中，企鹅们与XX汽车的故事不仅有趣、悬疑、刺激，还从侧面体现了XX汽车的产品特点，从而达到商业广告和Flash动画的双层要求。2.2 剧本分析在确定下来故事内容之后，我就开始分析故事，并把故事整理成一个分镜头脚本，这样有利于我展开接下来的工作。图2.2.1 XX汽车动画广告脚本剧本编排是按照故事发展情节来划分的，关键是理清故事的逻辑顺序：第一：开端。建置故事的前提与情景，故事的背景。即非洲大草原。第二：情节。故事的主体部分。即企鹅们过马路和XX汽车行驶的情节。第三：高潮。故事的高潮部分。即企鹅与XX汽车即将相撞的情节。第四：收尾。故事的结束部分。即故事的结局。然后把每一个部分再划分N个镜头，把每一部分中含有都有那些镜头确定，每一个镜头主要是表现哪些故事情节要确定。其实每一个镜头都是具有清晰的叙事目的，在同一时间发生的相互关联的镜头，并且想好每个镜头之间该的转场。比如，刚开始，画面描述的是非洲大草原的祥和，那如何把故事的主角企鹅自然地带入镜头中呢？用蝴蝶的飞舞和惊走就可以把这个镜头见的专场做到。动画剧本设计其实就是把每一个部分，每一场景划分成N个镜头。用多个不同景别，角度，运动，形状，速度，画面造型和声音，把每一个场景中要说的事情展示清楚。2.3 角色和背景造型设计这部动画广告作品是参考了著名动漫电影马达加斯加，角色设计和动画风格方面都对该电影方向有所相似。本作品主要的角色和背景造型设计思路如下：角色：1) 小太阳。参考网络图片，风格可爱、简单；2) 小蝴蝶。参考网络、教程、图书素材，设计稍微复杂，风格简约；3) 小汽车。参考网络素材图片，风格可爱、简单；4) 企鹅。 参考著名电影马达加斯加，风格可爱、简单；5) XX汽车。 参考网络图片素材、XX汽车，风格简约大气；6) 车主。 参考网络图片素材，风格简约豪迈；场景：1) 非洲大草原。参考马达加斯加、网络图片素材，风格简单明快；2.3.1 Flash动画广告绘制动物及人物角色的绘制是绘制过程中最为重要也是最为复杂的部分。在绘制之前必须先对动物和人物的外部特征进行分析并收集、查看大量的角色图片。特别重要的是，为了实现动画广告的流畅性，必须根据角色在不同场景中的不同角度分别绘制元件。动物角色绘制：马达加斯加的企鹅总共有4只，它们分别是Skipper（首领）、Rico、Kwolski和Private。角色按高到矮排列：Kwolski、Rico 、Skipper、Private；角色按胖到瘦排列：Private、Rico 、Skipper、Kwolski；头部特征：Skipper头部扁平，有领导风范；Rico中规中矩，和Skipper有些相似；Kwolski脑袋很小，但是很聪明；Private头部很圆，看起来很可爱。角色逐一分析下来，发现这4个角色有不少相似的地方，整体造型也比较规则，所以，我主要用椭圆做出基本造型，再利用选择工具和钢笔工具进行细致的修改。企鹅角色的绘制过程：首先使用椭圆工具绘制出基本性质，然后用钢笔工具和部分选择工具调整。其中，为了便于日后修改，最后角色的不同部分要做好备份并置于不同图层之中。图2.3.1.1 企鹅绘制一 图2.3.1.2 企鹅绘制二图2.3.1.3 企鹅绘制三图2.3.1.4 企鹅绘制四 图2.3.1.5企鹅绘制五 图2.3.1.6企鹅绘制六企鹅的大概设计完成之后，根据不同角色的形态特点，在基本图的基础上利用钢笔工具和选择工具修改绘制出4个企鹅形象，如下图：图2.3.1.7 企鹅角色正面图正面图做好后，考虑到场景需要。继续设计企鹅的侧面图、侧身扭头图等图形。图2.3.1.8 企鹅角色侧面图动物角色做完后最最后调整，然后用燃料桶工具、墨水瓶工具、刷子工具等为图形配色。其中，使用燃料桶工具时需要图形具体情况选择空隙大小，否则上色时会受到阻碍。图2.3.1.9 企鹅角色正面图上色图2.3.1.10 企鹅角色侧面图上色图2.3.1.11 企鹅扭头正面图上色图2.3.1.12 企鹅扭头背面图上色人物角色绘制过程：首先使用椭圆工具绘制头部的大致轮廓，再利用钢笔工具、部分选择工具等调节，最后再依次添加五官。图2.3.1.13 人物轮廓 图2.3.1.14 人物嘴部图2.3.1.15 人物眼部 图2.3.1.16 人物调整根据不同场景的需求，绘出不同角度下的头部图形，并相应地绘制衣服和姿势等。图形全部绘制好后，最后的步骤是做调整并上色。XX汽车绘制过程：首先根据图片素材，用钢笔工具勾勒出汽车轮廓，配合部分选择工具和钢笔工具做调整，然后再用椭圆工具等绘制出汽车的其它部件。图2.3.1.17 汽车绘制一图2.3.1.18 汽车绘制二 图2.3.1.19 汽车绘制三路汽车其它场景下的绘制图：图2.3.1.20 汽车绘制四 图2.3.1.21 汽车绘制五图2.3.1.22 汽车绘制六图2.3.1.23 汽车绘制七图2.3.1.24 汽车绘制八全部场景下的XX汽车图片绘制好后，接着是上色。图2.3.1.25 汽车正侧面 图2.3.1.26 汽车斜侧面图2.3.1.27 汽车正面场景设计介绍：图2.3.1.28 场景1图2.3.1.29场景二图2.3.1.30场景三图2.3.1.31 场景四图2.3.1.32 场景五图2.3.1.33 场景六图2.3.1.34场景七XX汽车动画广告定下的计较是明快简单，故素材、人物角色设计、动物角色设计风格都严格按照动画广告的风格为基准。特别要指出的是，做场景的设计时，不同的场景风格要保持统一。为了实现风格同为简单明快的目的，可是让不同场景见保留一定数量的相同元素，彼此间相差不要太大，否则会让观众产生疑惑，也会分散观众对动画短片的注意力。比如本作品中的7个场景中，相同的元素有：云彩、草地。汽车XX汽车是故事的主角之一，因为它是整个动漫广告要烘托的对象。对于XX汽车，我在网上找了许多参考素材，然后结合动漫的整体风格做了修改。2.4 动作拆分当动画角色设计和场景设计都做好之后，接下来便可以进行角色间动作的制作了。制作过程中要注意备份和对图层的应用，以便后续的修改。此外，因为动作的分解可能会应用到多个图层，为了区分归类，最好是给图层再分别添加文件夹。动作拆分很重要，做得好就可以大大提高动画制作的效率。因为无论是动画制作中影片剪辑元件、骨骼、帧序列还是动画补间，有了合理的动作拆分都会大大减低工作的冗余度。此外，为了便于制成后对动画的调整修改，需要对企鹅、人物、汽车等进行拆分，这样可以免去每做一个动画动作就重新进行绘制的麻烦，同时也便于动作的组合。动作拆分首先要对所作的动画内容有一个清晰的动作分析，分清楚哪些些动作是在动画制作的过程中要重复用到的，那么就将这些部分进行单独的绘制，制成单独的元件，以便今后在做动画的过程中想做哪个部分的动作就取哪个部分的元件就可以了。此外，还可以根据需求对元件进行修改和调整，而不用花费更多的时间和精力做重新绘制。比如企鹅走路的动作。经过对企鹅走路动态的分析，发现重复使用到的身体，脚的交互前景加上身体微调做出重心的改变，就可以做出走路的动态了。所以做动作拆分时要把脚独立成一个元件，身体做成另外一个元件。图2.4.1 企鹅右腿出走路图2.4.2 企鹅左腿出走路2.5 动画制作2.5.1 逐帧动画逐帧动画是一帧一帧地做的，每一帧都是一个关键帧。逐帧动画的特点是太麻烦，但也不是没有必要。当动画情节需要到细腻的动作效果时，逐帧动画显得尤为重要。例如，在做小太阳打呵欠的动作时，需求比较细节的动作，以求达到生动、流畅的效果。那就要通过调整每张关键帧里小太阳的形状，动作补间并不能实现逐帧动画所达到的效果。图2.5.1.1 逐帧动画一 图2.5.1.2 逐帧动画二 图2.5.1.3逐帧动画三图2.5.1.4 逐帧动画四 图2.5.1.5 逐帧动画五 图2.5.1.6逐帧动画六2.5.2 补间动画补间动画又分为3种：补间形状动画、传统补间动画和补间动画。补间形状动画创建的是从一个形状变形为另一个形状的动画。创建传统补间动画的元素是元件。补间动画只能应用于元件实例和文本字段，其中元件实例可嵌套元件。3中补间动画的共同点都是，设置两个关键帧，然后在关键帧之间选择任意一个帧点击鼠标右键选择适合的补间动画，中间的过度状态由软件自动完成，一般适合比较有规律的动画。在这个作品中的很多地方都是用的补间动画，其中传统补间动画运用的较多。比如一个简单的推镜头制作。由于做推镜头时，画面里的内容是不变的，只是展示的内容发生了变化。因此，在起点状态设置一个关键帧，在终点状态复制该关键帧，并做位置和大小的调整，然后在两个关键帧之间建立传统补间动画。一个推镜头效果就出来了。图2.5.2.1 起点帧 图2.5.2.2 终点帧2.5.3 影片剪辑影片剪辑可以理解为一个可以重复使用的动画小片段,可以完全独立于主场景时间轴并且可以重复播放。在制作动画的过程中影片剪辑是必不可少的，虽然我们可将所有的动画都放在主场景进行操作，但那样会使图层逐渐增多并提高了动画制作的复杂度。在制作的过程中可以重复使用的、复杂的动作用做成影片剪辑元件，需要使用时便拖到主场景中。此外，影片剪辑元件修改后，场景中的影片剪辑元件也会发生改变，即两者是同步的。比如在作品中有一个汽车正面行驶的情节，为了做出逼真效果，需要XX汽车的车轮是转动的，音乐符号也是动态的。所以，我做了个汽车正面行驶时的影片剪辑文件。图2.5.3.1 影片剪辑一 图2.5.3.2影片剪辑二2.5.4 遮罩动画遮罩动画就是运用遮罩制作而成的动画。遮罩层可以理解为显示窗口，只显示窗口中下一图层的内容，遮罩层中的内容在动，而被遮罩层中的内容则保持静止。利用遮罩图层可以制作出许多预想不到的动画效果。遮罩是Flash动画创作中不可或缺的，它同时也是Flash动画设计三大基本功能中重点。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式。例如作品中的片头部分，“XX汽车动画广告”这一标题需要随着跟随小车的舞台灯而同步显现。此时，当做好舞台灯之后，再复制舞台灯并将之设置为遮罩层，被遮罩的是标题字。结合传统补间动画之后，片头效果就做好了。图2.5.4.1 传统补间动画一图2.5.4.2传统补间动画二图2.5.4.3 传统补间动画三2.5.5 骨骼动画使用骨骼工具，为人物角色或动物角色各部分的元件添加骨骼，可以很方便地制作动画，省去了创建不同的图层精力。可以为元件添加骨骼，也可以为性质添加骨骼，两者巧妙结合便可以制作出精确的动作，从而制作出的动画短片将更流畅生动。比如做企鹅行走时，要模仿企鹅走路的姿态，解决走路时的重心问题，骨骼工具的应用很有必要。图2.5.5.1企鹅走路骨骼制作2.6 Flash动画广告后期完善动画广告完成之后要对短片进行优化。包括添加片头、片尾、影片播放控制按钮和输出优化设置。下面就是对整个设计进行完善的呈现。在后期制作中我主要应用的工具有：Adobe Flash Professional CS6、图片处理软件 Adobe Photoshop CS6、视频处理软件 Adobe Premiere Pro CS4和文件格式转换工具 格式工厂等。2.6.1 片头制作片头风格简洁活泼，主要动作有：倒计时、小车动态以及标题展示动态。应用的制作方法主要包括传统补间动画和遮罩动画。图2.6.1.1 片头一 图2.6.1.2片头二图2.6.1.3片头三 图2.6.1.4片头四图2.6.1.5片头五 图2.6.1.6片头六2.6.2 片尾制作片头风格活泼轻快，主要动作有：企鹅动态、小车动态以及谢幕。应用的制作方法主要包括传统补间动画、遮罩动画、动画预设和代码控制。图2.6.2.1 片尾一图2.6.2.2 片尾二图2.6.2.3 片尾三2.7 动画广告中的代码1) 淡入影片剪辑/* 淡入影片剪辑通过在 ENTER_FRAME 事件中增加元件实例的 Alpha 属性值对其进行淡入，直到它完全显示。xiemu.addEventListener(Event.ENTER_FRAME, fl_FadeSymbolIn_4);xiemu.alpha = 0;function fl_FadeSymbolIn_4(event:Event)xiemu.alpha += 0.1;if(xiemu.alpha = 1)xiemu.removeEventListener(Event.ENTER_FRAME, fl_FadeSymbolIn_4);2) 淡出影片剪辑/* 淡出影片剪辑通过在 ENTER_FRAME 事件中减少元件实例的 Alpha 属性值对其进行淡出，直到它消失。说明:1. 要更改元件实例的淡出速度，更改以下 0.01 值（数值必须大于 0 且小于或等于 1）。值越高，淡出速度越快。2. 由于动画使用 ENTER_FRAME 事件，仅当播放头移动到新帧时动画才播放。动画播放速度也受文档帧频率的影响。*/zhizuo.addEventListener