1、南京工程高等职业学校五年制高职毕业设计（论文）姓 名： 王晓敏 学 号： 090109120 系 部： 信息工程系 专 业： 计算机应用技术 设计题目： 使用 Flash 制作公益广告 指导教师： 吴亚洲 职 称： 讲师 2014 年 2 月 10 日目 录摘 要 .1Abstract 21 绪论 .32 Flash动画简介 42.1 Flash定义 .42.2 Flash技术特点与优势 .42.3 Flash动画发展现状与趋势 .43 动画制作流程及所用工具 63.1 动画制作流程 63.2 相关工具介绍 64 Flash动画设计制作过程 84.1 课题剧本 84.2 Flash动画的详细设
2、计过程 .85 动画测试与输出 255.1 测试动画 .255.2 优化 Flash动画的体积 .255.3 动画影片的输出 .255.4 动画的发布 .266 结论 27参考文献 .28致 谢 .291摘 要公益广告是广告主对有助于公众利益的观念所做之任何方式、付款的、非人员性的陈述与推广。它的核心思想是“以宣传社会公德为目的,综合各种技术,提高社会公德” 。它通过某种观念的传达，呼吁公众关注某一社会问题，以合乎公众利益的准则去规范自己的行为，支持或倡导某种社会事业或社会风尚。公益广告的主题具有社会性，其主题内容存在深厚的社会基础，它取材于老百姓日常生活中的酸甜苦辣和喜怒哀乐。并运用创意独特
3、、内涵深刻、艺术制作等广告手段用不可更改的方式，鲜明的立场及健康的方法来正确诱导社会公众。而 FLASH只是一个手段，来创作 FLASH公益广告，Flash 动画比起传统的形式更容易让人接受，它能轻松得抓住人们的视线，使人对所宣传的产品记忆深刻，将动画的娱乐性和商业性融合，因此用它来制作动画已成为未来平面动画发展的必然趋势。本文通过对 Flash动画制作的具体案例分析，阐述了 Flash动画制作所具备的一些特点，并在此基础上分析了 Flash动画的未来发展前景。关键词： Flash 动画设计 ；公益广告 2ABSTRACTPsas are advertisers have done to he
4、lp the concept of public interest, payment of any manner, non staff presentation and promotion. Its core idea is “to promote social morality, for the purpose of a combination of technology, improve the social morality“. It through some convey ideas, called on people to pay close attention to a socia
5、l problem, in order to accord with the interests of the public rules to regulate their own behavior, support or advocate a social business or social fashion.The theme of public service ads is social, its theme content exist profound social basis, it originated from the bitter and the sweet in people
6、 daily life and the joys and sorrows. And use its unique creative and profound connotation and art to make advertising means such as immutable way, distinctive position and healthy way to induce the social public right.And FLASH is only a means, to create FLASH public service ads, FLASH animation co
7、mpared to traditional form, more easy to accept, it can easily catch the line of sight of people, make people remember to promote products, fused recreational and commercial animation, so use it to animation has become the inevitable trend of the future plane animation development.In this article, t
8、hrough analyzing the specific case of Flash animation, this paper expounds the Flash animation production has some characteristics, and on the basis of analyzing the future developing prospect of Flash animation.Key words: Flash animation design ; public service advertising31 绪论随着社会的日益发展，吸毒的现象越来越严重。
9、吸毒给人类带来的危害是毋庸置疑的，爱默生说过“健康是人生的第一财富。 ”而吸毒首先就会摧残人的身体，破坏人体的神经系统，呼吸系统，消化系统，免疫系统等产生危害。例如：滥用海洛因会造成中枢神经麻痹，使脑、心脏、肝望而却步发生病变，身体抵抗力下降，感染各种疾病，甚至导致死亡。吸毒对家庭、社会的影响也是巨大的，家庭中一旦出现了吸毒者，家便不成其为家了，吸毒者在自我毁灭的同时，也破害了自己的家庭，使家庭陷入经济破产，亲属离散，甚至家破人亡的困境。论文将依次介绍 Flash动画的定义、技术特点与优势，制作动画所用工具，动画的角色、场景等，接着对动画进行测试，并对论文进行总结。42 Flash 动画简介2
10、.1 Flash 定义Flash是由 macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash 的前身是 Future Wave公司的 Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑 Flash文档。2.2 Flash 技术特点与优势Flash动画作为目前运用最广泛的一种动画创作形式，与其他动画制作软件制作出的动画相比，Flash动画有着独特的技术特点与优势。（1）及时性。Flash动画文件受网络资源的制约，其大小一般都比较小，方便使用者
11、快速及时地欣赏到所需的内容。（2）交互性。Flash动画具有较强的交互性，它提供了强大的Action语句，可以将编制好的语句嵌入到制作好的动画中，可以让观众参与其中，从而实现通过单击、选择等动作决定动画运行的过程和效果，从而增加了Flash动画的趣味性。（3）平民化性。一方面由于Flash程序简单，易掌握，硬件要求低，是集绘画、动画编辑、特效处理、音效处理等众多的功能为一体的软件，相比传统动画的多个环节分别操作，可谓简单易行。以前用传统动画的方法制作，要画出几百张的动画，而同一类的动画内容用Flash制作，仅需要几幅画面。所以，使用Flash制作的动画能够极大地减少人力和物力资源的消耗，同时极
12、大地缩短了制作时间。2.3 Flash 动画发展现状与趋势Flash动画随着社会的发展和技术的进步越来越受到国人的高度关注，自2001年flash软件开始在中国市场风行。最早通过网络流通，并随着网络技术的飞速发展，逐渐深入人们的日常生活。Flash动画之所以能够如此的受欢迎，与以下一系列因素是分不开的。首先，从软件技术本身特性上来看，它在动画制作上较其他软件有很多优势和独到之处：第一、Flash动画简单易学，非常容易上手。5第二、用Flash制作出来的动画是矢量的，不管怎样放大和缩小，都不会影响画面质量，而且播放文件很小，便于在互联网上传输。第三、它采用了流技术，只要下载一部分，就能欣赏动画，
13、而且能一边播放一边传输数据。第四、Flash有很多重要的动画特征，能实现较好的动画效果。第五、Flash动画的交互性强。其次，从动画制作工序和周期上来看，Flash动画比传统动画在工序流程有一定的简化和较多的削减，制作周期大为缩短。最后，从动画制作成本上来看也有着传统动画无法比拟的优势，其价格低廉，设备、环境要求简单，大大减少人力、物力和时间上的消耗。总之，Flash动画相对于传统动画的优势非常明显。当前，Flash动画在中国的发展取得了一定的进展，但是全盛时期还没有到来。随着网络技术的进一步加强，Flash动画必将随着自身技术和形式上的更大突破，展现出更为广泛和开阔的前景。63 动画制作流程
14、及所用工具3.1 动画制作流程动画制作流程是在开始制作之前对整个动画的结构进行策划、安排，包括搜集题材、创作剧本，设定造型等。如图 3-1所示的是动画流程示意图，通过示意图的形式完整地构造了本次动画策划、创作的详细步骤。制作流程题材与策划前期制作中期制作后期制作测试制作完成文字剧本造型设定分镜头台本人物设定场景设定道具设定建立元件库台本构图线条、造型修正人物库场景库道具库特效库后期制作图 3-1 动画制作流程3.2 相关工具介绍FLASH是由美国 Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。FLASH 软件主要用于动画制作，使用该软件可以制作出网页交互式动画,7利用该软件
15、制作的动画尺寸要比位图动画文件，如 GLF动画，尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。84 Flash 动画设计制作过程4.1 课题剧本1、角色设计主角：父母，孩子2、故事情节通过不同时间段的全家福展现出毒品对家庭带来的伤害。第一张全家福可以看出来一家三口其乐融融；第二张的全家福，对父亲进行修饰，作为岁月的印记，孩子长大了，看着就很可爱很乖巧，一家三口依旧很幸福；第三张全家福显得比较灰暗，孩子开始染上毒品，可以看到父母满脸的不开心，长大以后的孩子并不像小时候那么的可爱，并将他脸部进行修改，变成很瘦的效果，这样才能配合出动画所宣传
16、的东西。第四张全家福看的出，孩子已经不见了，所以能够凸显出“珍爱生命，远离毒品”的主题。3、创意说明全世界每年有万人被毒品夺去生命万人因毒品丧失工作能力。毒患，正以迅疾的发展速度,威胁着人类社会，吞噬着人类文明。毒品残害着人的身体。一旦吸食毒品,人体的正常机能受到严重的、甚至气不可救治的损害。整个人变得目光呆滞反应迟钝、记忆力衰退、脾气暴躁。不仅如此，吸毒还将使人颠倒正常的生活规律。当毒瘾发作时，骨头里就像有千万只蚂蚁在咬那样钻心地疼。 让我们携起手来，珍爱生命，远离毒品，让我们美丽的家园永不受毒品的侵害与污染，让我们的生活更加和谐美满！4.2 Flash 动画的详细设计过程1.打开 Flas
17、h CS3 ，进入 Flash CS3后，单击“新建”栏中的“Flash 文件（ActionScript 2.0） ”选项如图 4-1。9图 4-1 新建 flash文件2.将文件的宽度修改为 700，高度修改为 500如图 4-2。然后将图层 1修改为图片 1，然后再新建一个名为“遮罩”的图层，并缩放舞台的显示比例如图 4-3。图 4-2 修改文件的宽高10图 4-3 新建图层并缩放舞台大小3.点击“遮罩”层，使用矩形工具，单击工具箱内“颜色”栏中的“笔触颜色”按钮，再单击“没有颜色”按钮如图 4-4，使绘制的矩形图形没有轮廓线。单击工具箱内“颜色”栏内“填充色”按钮，绘制一个黑色的矩形图案
18、，它的大小要比舞台稍微大点如图 4-5。图 4-4 打开工具箱的“颜料”11图 4-5 设计后的矩形图案4.在“遮罩”图层内绘制如图 4-6所示的一个矩形的白色填充区域，然后我们将区域选择，然后按住键盘上的 Delete的键进行删除，接着我们再删除线条，最后我们将遮罩层锁定如图 4-7，因为在后面的步骤中，我们不需要用到它，它的作用就是显示边框的效果。图 4-6 绘制白色填充局域12图 4-7 显示边框效果5.我们返回图层的“图片 1”的编辑状态，使用矩形工具，将线条的颜色修改为黑色，将填充的颜色为白色，然后在“图片 1”内绘制出白色填充区域如图 4-8，接着我们再双击线条，然后将其全选，然后
19、按住 ctrl+c的组合键将其复制，然后再按住 ctrl+shift+v组合键，粘贴一个复制品到原来的位置，并使用变形面板中的等比例缩放，缩放大小为 92，然后我们选择图层图片 1舞台内的矩形图案，选择之后按 F8键，将它转换成名为 1987的图形元件如图 4-9。13图 4-8 舞台内的矩形图案图 4-9 转换成名为 1987的图形元件6.进入图形元件 1987的编辑状态，将图层 1命名为“底图” ，然后锁定。接着再新建一个名为“父母”的新层，缩放舞台的显示比例，使用钢笔工具在图层“父母”的舞台内绘制如图 4-10所示的线条图案。通过钢笔工具与部分选取工具，我们将一对年轻夫妇的造型绘制出来了
20、。然后我们再使用颜料桶工具，将他们的颜色进行填充，填充完成后，我们再使用选择工具，将舞台内进行修改的地方进行拖动修改，缩小舞台比例，我们在图形元件 1987中，我们绘制的这张全家福，他们都充满了喜悦的神情，然后锁定“父母”的图层如图 4-11。14图 4-10 钢笔工具绘制出“父母”图 4-11 给“父母”上色7.接着新建一个名为“孩子”的新层，在孩子图层内绘制如图的孩子图案，然后使用颜料桶工具为他填充，然后将图层锁定如图 4-12。图 4-12 绘制“孩子”并上色8.接着我们打开图层“底图”的编辑状态，选择如图所示的填充区域，将其填充为很有活力的金黄色，最后将“底图”锁定，完成了以上步骤后，
21、我们15就完成了图形元件的 1987的绘制了如图 4-13。图 4-13 进入它的编辑状态9.回到场景的编辑状态，将图层“图片 1”的时间轴帧数增加到 400，以及遮罩的帧数也是 400如图 4-14。然后再在图片 1的图层的第 50帧插入关键帧，然后在 75帧插入关键帧，并选择该帧舞台内的透明度为 0，将图片 1987的透明度设置为完全透明，然后再创建补件动画，将第 50帧和 75帧进行衔接，这样做出了图片的淡出效果如图 4-15。图 4-14 设置帧数16图 4-15 创建补间动画10.接下来我们制作第二张全家福，在空面板内选择图形元件 1987，单击鼠标右键，选择直接复制命令，在名称的对
22、话框内，我们输入 1993。进入 1993的编辑状态，对舞台内的人物进行修改，将图层父母舞台内的造型进行修改，在这个图形元件中，我们对父亲添加一些线条，例如颧骨，作为岁月的印记，然后将父母图层锁定如图 4-16。图 4-16 对人物进行修改11.接着我们再修改孩子的造型，我们将孩子的造型绘制如图所示的样子，17大约 6岁的孩子，再进行填充。我们使用颜料桶工具将底图图层进行填充为黄色，随着时间的久远以及动画中的需要，我们将背景中的颜色进行逐一的修改如图 4-17。图 4-17 对人物进行修改12.回到场景的编辑状态，在“图片 1”的下面新建一个名为“图片 2”的新层，然后我们再选择“图片 1”的
23、第 50帧，并将其复制，然后再在“图片2” 的第 50帧，单击右键打开粘贴命令，这样我们将“图片 1”的第 50帧中的内容复制到了“图片 2”中如图 4-18。18图 4-18将“图片 1”的第 50帧中的内容复制到了“图片 2”中选择图层“图片 2”中的第 50帧，它舞台内的 1987，在属性面板内点击交换元件按钮，在弹出的对话框中，我们选择图形元件 1993，按确定如图 4-19。图 4-19 属性面板内点击交换元件按钮通过隐藏图层“图片 1”，我们可以看到“图片 2”的第 50帧的舞台内，它的图形元件已经被替换成 1993。接着我们在“图片 2”的第 75帧插入关键帧，然后再创建补间动画
24、，将第 50帧到 75帧进行衔接，并将第 50帧的舞台内的图形元件 1993的透明度设置为 0，这样它就从透明变为完全显示。显示所有图层，19拖动时间抽，我们可以看到我们的动画场景交替效果，制作完成如图 4-20。图 4-20 动画场景交替效果13.接下来我们将绘制第三张全家福的造型，选择空面板的图形元件 1993并执行直接复制命令，将其命名为 1999，进入其编辑状态。在这张图片中，我们将绘制一个比较阴暗的不和谐的场景，爸妈的表情不是很开心，长大的孩子并不像以前那么可爱如图 4-21。图 4-21 编辑状态中对人物进行修改2014.回到场景的编辑中，在图层“图片 1”的第 76帧后面插入空白
25、帧，在125帧的时候插入关键帧，将图形元件 1999拖到舞台中，然后在 150帧插入关键帧如图 4-22。接着我们回到“图片 2”的图层中，在 125帧插入关键帧，再在 150帧插入关键帧，先将图层图片 1的文件隐藏一下，选择“图片 2”，在150帧的地方选择透明度为 0。图 4-22将图形元件 1999拖到舞台中15.接着绘制第四张图片，这时直接删除孩子图层，这样才能体现出毒品带来的效果如图 4-23。图 4-23 删除孩子图层 这样才能体现出毒品带来的效果2116.回到主场景状态，在“图层 2”的 200帧插入关键帧，将图形元件 2005拉到舞台中，暂时先将“图层 1”隐藏，然后在图层“图
26、片 2”的第 225帧插入关键帧，然后创建补间动画，在 200帧的时候将透明度调为 0，锁定“图片 2”。回到图层“图片 1”中，在 200帧插入关键帧，在第 225帧插入关键帧，并将225帧的透明度调为 0，创建补间动画如图 4-24。图 4-24 创建补间动画17.在“遮罩”图层上新建一个图层命名为“文字 1”，在 15帧插入关键帧，我们使用文本工具，在该舞台内 15帧的舞台输入静态文本，将作为动画的解说，将其转化为文字 1的元件，在 35帧插入关键帧，创建补间动画，再在 15帧的时候使其透明度为 0，如图 4-25。22图 4-25创建补间动画同上，最后的效果如图 4-26。图 4-26
27、 效果图18.新建一个新图层将其命名为“文字 2”，将的所有图层的 300帧都插入空白关键帧， “遮罩”层除外，现在开始做动画的第二个部分，显示出最后的文字效果。在“文字 1”的第 301帧输入一个“毒”字，然后按 ctrl+b的组合键将其打散，将打散的文字按 F8将其转换成名为“变化”的影片剪辑元件。如图234-27所示。图 4-27 打散的文字其转换成名为“变化”的影片剪辑元件进入其编辑状态，按 ctrl+x的组合键将其剪切，并将图层 1命名为“青” ，然后在图层 1下面新建一个名为“母”的图层，ctrl+shift+v 的组合键，将刚才剪切的“母”字粘贴到图层母的舞台。再编辑一个“寿”字
28、进行打散，取出“寸”字。然后进行动画操作，如图 4-28。图 4-28 编辑一个“寿”字进行打散，取出“寸”字。然后进行动画操作24在“遮罩”层的最后一帧插入关键帧，然后输入停止脚本代码，这样当动画播放结束后就会停在该帧，如图 4-29。图 4-29 输入停止脚本代码新建一个”音乐”图层，最后给动画添加背景音乐，如图 4-30。图 4-30 给动画添加背景音乐255 动画测试与输出5.1 测试动画做为一个动画制作人来说，这一步是绝对不能省略掉的，否则我们将不可能知道动画作出来的效果是什么样的，一旦输出之后再去修改，就会很麻烦，举例说，如果一个动画非常大，时间非常长的话，等输出之后再去看哪里有错
29、误的话，寻找起来也会很费事。如果有很多个场景的话，我们就必须单独地对每一个场景分别进行测试，这样通过测试寻找错误就非常容易和有针对性了。测试场景的命令是“ctrl+alt+enter”5.2 优化 Flash 动画的体积Flash动画在做好之后，我们必须要考虑它的体积，好的 flash动画，是以体积小见长的，本来这种动画做好之后就应当是很小的体积，如果出现体积特别大的现象，我样就必须要找到原因。看看就什么情况造成了，一般有两种原因。一是库内有视频，二是库内有音频，因为我们这个动画中没有导入的视频，所以我们可以找一找是音频哪里出了问题，音频大家都知道，由于音频内部编码的原因。一首歌的体积是有大有
30、小的，比如音质好的格式，如 CD音质的文件，它的体质就非常大，还有就是 wav格式的音乐体积也比较大，只有 mp3这种格式音质既没有损失到什么地方，而且体积也非常小，只有这样的格式音乐导入库中，将来做出的动画体积相应也才会小巧。5.3 动画影片的输出具体操作如下：选择“文件/导出/导出影片”菜单命令，在弹出的“保存在”下拉列表框中指定文件要导出的路径，在“文件名”文本框中输入文件名称，在“保存类型”下拉列表框中选择保存类型，默认情况下为.swf 格式。单击“保存”按钮即可。5.4 动画的发布动画的发布很简单，具体操作如下：选择“文件|发布|即可。26276 结论动画短片完成后，自己反复的观看，
31、同时也做了很多次的修改。在设计制作过程中也遇到了一些比较困难实现的地方，其中元件包括父母和孩子变老长大的描绘，在制作这些元件的时候还是花了不少心思，好多问题在后面经过仔细的分析、修改等操作后最终得以实现。此次 Flash动画制作，为我提供了一次非常好的实践操作的机会，使我对动画设计有了更深次的了解。动 画 的 技 术 不 重 要 ， 重 要 的 是 要 有 灵 魂 。 整个制作过程中我深深体会到，不能急于求成，每个镜头动作要处理的很合理，应该多做分析和研究，理清思路。前一阶段的工作的好坏将直接影响后一阶段工作的开展。多学习多请教，更多新的技术不断的涌现，可以通过请教别人或者多上网学习别人的制作
32、方法，可以转变成自己的知识，才能做的更好。这些经验是相当宝贵的，为以后能制作好的动画埋下坚实的铺垫。这次设计限于构思和自身的技术没有达到自己最满意程度，所以制作出来的动画短片也不能算是最佳作品，所以在以后的道路上，我会不断学习，不断创新，只有这样才会进步，才会做出令自己满意的作品来。28参考文献1 殷莹. 策划意识在动画角色设计中的应用探析J. 武汉职业技术学院学报. 2010(01)2 李琼：Flash8.0 闪客动画轻松现场实战 ，航空工业出版社，2007 年3 郑群. 动画场景对于角色的限定性研究D. 安徽师范大学 2011 年4 张亚东，张荟惠：Flash CS3 二维动画设计与制作 ，电子工业出版社，2009-05-015 金明花 于慧 编著，Flash CS3 从入门到精通，2008,中国青年电子出版社6 高清雪. 动画场景中的装饰性风格运用研究D. 中国地质大学 20127 郑群. 动画场景对于角色的限定性研究D. 安徽师范大学 20118 王媛媛. 动画场景设计风格探索D. 湖北工业大学 20119 杨春. 浅论动画风格的风向标场景设计D. 中央美术学院 2012
