基于Flash的动画广告“绿色不息”的设计与制作

胡珊珊++徐小双

摘要：在网络广告的发展历程中，简单的静态广告形式已经不能满足客户的要求，Flash动画实现了动态页面，生成了一种新的表现形式，在未来Flash广告将大有所为。该文对选题背景、广告设计原则和构思、素材准备和场景制作过程进行了阐述，并对主要镜头进行了说明。

关键词：Flash动画；广告；元件；场景

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2017）30-0205-04

Design and Manufacture of Animation Advertisement "Green Without Interest" Based on Flash

HU Shan-shan， XU Xiao-shuang

（Huanggang Normal University， Huanggang 438000， China）

Abstract： In the course of development of Internet advertising in a simple form of static advertising has been unable to meet the requirements of customers， Flash animation to achieve a dynamic page， create a new form of advertising in the future， Flash will be as big.This paper describes the background of the topic， the principles and ideas of advertising design， the preparation of materials and the process of making scenes， and describes the main lenses.

Keywords： Flash animation； advertising； components； scenes

1 概述

當前世界越来越重视生态环境的保护，每个人都应为此保护贡献出自己的一份力量，为此选择了“绿色不息”动画广告的制作，把保护环境的重要性生动形象的表现在大家眼前，希望可以用此动画来引起人们的共鸣，唤起人们保护生态，保护森林的意识，呼吁大家保护森林，减少水土流失的情况，共同创建我们美好的家园。

2 动画广告的设计

2.1 动画广告的设计原则

因为本作品属于公益广告，所以它的创作既要遵循一般广告创作的原则，又要体现公益广告的个性原则。

1） 思想政治性：

公益广告推销的是观念。观念属于上层建筑，思想政治性原则是第一要旨。

2） 倡导性原则：

公益广告是向公众推销观念或行为准则，应该以倡导的方式进行，传授双方应该是平等的交流。

3） 情感性原则：

人的态度，是扎根于情感之中的。如果能让观念依附在较易被感知的情感成分上，就会很容易地引起人的共鸣，尤其是重感情的东方民族。

4） 公益广告的创意：

如何让观众在感到有趣、好奇、轻松、耐看，从而巧妙地使观众发自内心的接受，是制作者的首要课题。

2.2 元件设计

元件是Flash中的重要概念之一。元件是在Flash中创建的图形、按钮或影片剪辑，它们都保存在“库”面板中。元件只需要创建一次，即可在整个文档中重复使用；当修改元件的内容后，所修改的内容就会运用到所有此元件的文件中，这样就使得用户对影片的编辑更加容易；在文档中使用元件会明显地减少文件的大小，便于在网上观看和下载。选择“插入”—“新建元件”命令，在“创建新元件”对话框中选择元件类型，输入元件名称，单击“确定”按钮，即可进入新元件编辑模式。

2.3 场景的设计

Flash动画中场景设计是动画作品中重要的组成部分，场景是特指使剧情展开的、具体的、物质的单元场景，因此它要适合角色的活动。场景不但是衬托主体，展现内容不可缺少的要素，更是营造气氛、增强节目艺术效果和感染力、吸引观众的有效手段。

场景设计要符合剧本中的要求，分清楚场景的类型，要有与角色表演贴切的周围环境。场景的设计要根据分镜头要求，绘制出各种需要的角度，并且要体现短片的主题。场景的美术风格要保持一致。场景设计不但影响着角色与剧情，还影响着动画的欣赏，在欣赏过程中，观众最直接感受到的还是场景设计所传达出来的情绪。场景设计通过色彩、构图、光影等设计手法来强化视觉表现。

2.4 音频设计

一部好的动画广告不仅需要画面，还需要为画面添加声音。根据动画的内容为动画配音，画面与声音要求要相匹配。画面中涉及的声音可以直接在网上下载，如果素材不能直接引用的话，可以用Audition音频编辑软件来加工处理，将其处理成所需要的音频素材。动画制作的关键一点是要求影音同步，动画制作完成后，将处理好的音效、录音和背景音乐导入到Flash文件中，使动画更生动形象，内容生动饱满。还要做到录音与文字同步，这是制作动画的一种严谨性规范性体现。

2.5Flash动画制作的一般流程

Flash动画的制作一般包括三个阶段，即前期素材的收集和准备阶段、中期动画制作阶段、后期合成阶段。如图1所示，前期流程是：先创建剧本，再根据剧本编写分镜头脚本，同时开始角色设计、场景设计等，接着收集相关素材。

图1 前期准备阶段

中期制作阶段包括动作设计和动画的制作，Flash动画的动画方式有很多，如逐帧动画、补间动画、路径动画、遮罩动画等，中期还包括校对检查和特效的制作。

后期合成阶段：音乐、语音和音效的制作；动画的测试和优化；影片的导出或发布。

3 动画广告的制作

3.1 前期准备

在动画制作之前，我们需要将前期的准备工作做到位，这样才能高效地创作动画，节省不必要的时间。

3.1.1 剧本创作

首先确定动画广告的主题，再根据主题编写剧本，目前环境问题是全世界人们面临的几个主要问题之一，环境保护逐渐被提上日程，因此围绕动画广告的主题“植树造林，让绿色生生不息”编写了分镜头脚本。表1为分镜头脚本。

3.1.2 素材准备

用Flash制作一个广告动画，需要各种各样的图片、文字、声音等素材，这些素材可以从网上下载，也可以自己制作。动画制作过程中，音频元素是很重要的一部分，它们在塑造动画角色，创造时空环境和渲染氛围方面具有独特的不可替代的功能，可以作为画龙点睛的一部分。要做好一个动画，仅仅用Flash可能还不够，还需要其他的软件的辅助。

1） 用Photoshop 软件来对图片进行加工处理，制作出更精美的图片。

2） Audition软件来录制音频并对音频进行处理，制作出所需要的音频。

3.2 主动画的制作

3.2.1 场景的制作

在整部广告中要考虑镜头的组节问题，景别的变化要循序渐进，使画面过度自然而不突兀。本动画广告共有三个镜头，每个镜头之间的转换用渐变来完成。

第一个镜头：把制作好的背景图片、树木、人物和白云等放到各个图层的第一个关键帧中，间隔几帧后插入关键帧，将舞台中的图形全部选中，向上平移，再在两帧之间创建补间动画，这样就创建出镜头移动的效果。再在舞台上设置小鸟的飞行路径，文字等效果。

第二个镜头：与镜头一的制作差不多，插入背景图片，再在背景中添加文字、风沙等元件，其中文字的出现与消失用到了补间动画和遮罩动画，落叶飞过用到引导层动画。

第三个镜头：其中小树苗长成大树的过程使用了制补间动画，做出逐渐长大的效果，文字的出现利用了补间动画的知识。

3.2.2 元件制作

创作一个动画需要很多元件，在本部动画中只涉及图形元件与影片剪辑，在这里选取有代表性的元件进行说明。

落叶图形元件：新建一个图形元件，在元件中插入叶子位图，缩小叶子，再“复制”—“粘贴”叶子，在元件中散乱的分布。

鸟飞逐帧动画：为了保持鸟飞动作的流畅，所以选择逐帧动画来制作。把鸟飞的动作拆分成几个动作，每一个动作一张图片，对图片中鸟的翅膀形状进行调整，然后逐渐插入到关键帧。

3.2.3 树倒下的制作

在镜头一和镜头三中都有砍树后，树倒下的画面，树倒下后，还留下了树桩，如图4所示。

要实现树倒下后，还留下树桩的效果，就需要将树切割成两部分，分别置于两个图层，首先将两部分都置于各图层的第一帧，再在树主体部分的图层的第97帧与第117帧都处插入关键帧，在第117帧处，将树旋转放倒。接着在第97帧与第117帧之间创建运动补间动画。这样在测试中可以看到，大树主体逐渐倒下，树桩不动的效果。

3.2.4 引导动画的制作

在镜头二中的落叶是按照一定路径移动出场的，我们可以清晰地看到一条曲线，落叶就是按照这条曲线移动出场的，这里用到的是知识是引导动画，引导层动画是在Flash中，将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式，被引导层上对象的运动类型必须是动作补间动画。

在图5中可以很清晰地看见一条曲线，这就是引导线。引导线必须在引导层中画出，要使落叶能沿着引导线运动，首先在被引导层第245帧处将落叶拖到曲线的起始端，将落叶中的小圆圈放在引导线的起始点上，贴上引导线。然后再被引导层的第265帧处插入关键帧，在这一帧里，将落叶拖到引导线的末端，同样的，将落叶中小圆圈放在引导线的终点上。最后在这两帧之间建立移动补间动画。

3.2.5 遮罩动画

在镜头二最后字幕的出现，运用的是遮罩动画，遮罩动画是Flash中一个很重要的动画类型，在遮罩层上创建一个任意形状的“视窗”，被遮罩层上的对象通过该“视窗”显现出来，而“视窗”以外的对象将不会显现。如图6所示。

舞台上面的文字一直在，要实现文字从上到下逐渐显现的效果，首先在文字图层的第330帧处，将文字元件拖到舞台上合适的位置，再添加图层，将其属性设为遮罩，文字图层自动变为被遮罩层，在遮罩层的第330帧处将矩形元件拖到文字的上方，再在遮罩层的第350帧处插入关键帧，在这一帧里，将矩形方块移至文字的下方。最后在遮罩层的两帧之间创建运动补间动画。

3.2.6 文字从无到有效果

在镜头二中，有一行文字“森林消失后……”的出场退场方式是从无到有，它首先是从左到右，平移出来的，并且从透明逐渐变得清晰，如图7所示。

这里用到的是补件动画和文字透明度Alpha值的改变，文字从无到有的关键是文字的Alpha值设置，在文字图层的第260帧出将文字拖放到舞台上，并在属性面板中將文字的Alpha值设为0，再在图层的第280帧处插入关键帧，在属性面板中将文字的Alpha值设为100，并缩小文字，最后在这两帧之间创建补间动画。

3.3 音频制作

3.3.1 声音的录制处理

录音：用Audition软件录制声音，在单轨编辑模式下，点击传送器中的红色录音按钮，开始录音，按空格键结束录音。按播放键试听录音，效果不好可以重新录制。endprint

降噪：录音过后，要进行降噪处理，首先选取一段只有噪音的波形，采集降噪预置噪声，再选择整个波形，在效果菜单中选择降噪器，进行降噪，降噪的时候还可以试听，最后单击“确定”按钮。

效果处理：降噪过后，对声音进行变调处理，选择“效果”—“变速与变调”—“变调”命令，在变调面板中，处理声音，处理后试听，直到满意为止，最后将声音保存为mp3格式。处理过后的声音波形如图8。

3.3.2 声音导入与应用

Flash中提供了几种声音使用方式，可以使声音独立于影片播放，也可以是动画和声音同步播放。

声音导入：选择“文件”—“导入”—“导入到库”命令，选中要导入的音频文件，单击“确定”按钮，这样就将处理好的相关音频导入到Flash的库面板中。

声音应用：在小鸟的图层上新建图层“鸟叫”，然后选择“鸟叫”图层的第1帧，将库面板中的鸟叫声音文件拖入到舞台中，此时“鸟叫”图层的时间轴会出现蓝色的波形，重复复制波形，直至达到我们需要的长度。

3.4 影片测试

动画广告做好后需要大量的测试，选择“控制”—“影片测试”命令，会自动生成一个swf文件。测试的目的是发现错误和处理不当之处，再对错误之处进行更正，不当之处进行调整，精益求精。

4 结论

该文主要介绍广告动画的设计和实际制作过程，广告动画主题鲜明，给人以幽默、天真活泼的印象。但也存在不足之处，需要进一步改进。

1） 人物形象可以进一步改进。镜头三中的植树人做得不够好，种树人需要亲手弯腰来种植树苗，这一点广告中没有做好，人物不形象缺少灵活性。

2） 场景设计不当。用flash制作动画，可以用多个场景来制作动画，特别是对于内容比较多、比较复杂的动画来说，更需要运用多场景来制作，这样可以方便制作、浏览和修改。

3） 背景图片选取可以进一步改进。本广告中镜头二的背景图片选择得不够恰当，应该选择比较卡通一类的图片作为镜头二的背景图片，与整部动画的风格保持一致。

参考文献：

[1] 张颖. 基于Flash的汽车广告设计与制作[J].电脑知识与技术，2010（29）：8343-8344.

[2] 孙英，孙国罡.谈浅flash动画广告设计[J].电脑知识与技术，2012（15）：3711-3712+3715.

[3] 刘思琦. 基于flash的地铁广告设计[J].城市地理，2014（20）：87-88.

[4] 吴定丙. 基于FLASH技术的中国传统棋类游戏的设计与实现[D].大连理工大学，2013.

[5] 周東. 基于Flash的环保游戏设计[D].华南理工大学，2011.

[6] 罗楠. Flash动画宣传片《CG画廊》的设计与实现[D].山东大学，2010.endprint