“以物易物”广告宣传动画设计与制作毕业设计.docx

《“以物易物”广告宣传动画设计与制作毕业设计.docx》由会员分享，可在线阅读，更多相关《“以物易物”广告宣传动画设计与制作毕业设计.docx（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、毕 业 设 计毕业设计题 “以物易物”广告宣传动画设计与制作 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 摘 要Flash是由Macromedia 公司推出的网页设计和网页动画制作 软件。在网上随意可以见到使用 Flash 制作的站点，它们给人以清新动感的感觉。全 Flash 网站基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的网站，如特定网上广告、MTV、企业品牌推广、网络游戏、个性网站等。本设计是一个以物易物的mtv，宣传一下以物易物的好处。我们既可以处理掉自己不需要的东西，又可以换取到

2、有价值的东西，而对我们来说没有用的东西对于人家来说就是宝贝。以物易物，诚信平等。 关键词：Flash动画设计 以物易物 广告宣传 目 录引 言1第1章 动画短片介绍21.1设计目的21.2创作灵感21.3动画整体构架2第2章 动画设计构思42.1 设计主要内容42.2 素材准备42.3 场景的设计52.4 人物的设计72.5元件的设计9第3章 设计中所使用的技术123.1 Flash 补间动画设计123.2 Flash 图形元件设计133.3 Flash 影片剪辑元件设计143.4 声音的导入15第4章 动画制作流程164.1 前期制作164.2 中期制作184.3 后期制作22第5章 困难及

3、解决方案245.1困难245.2解决方案24总 结25致 谢26参考文献27引 言 Flash是目前最优秀的网络动画之一。它的出现，宣告了网络动画时代的到来。由于Flash本身具有强大灵活的网络交互功能，所以它在窄带领域已经成为事实上的交互多媒体技术标准。Flash在保证传输速度的同时，还提供了非常丰富的交互动画效果，它是如此简单和有效，以至任何人在短时间内都可以成为闪客高手。可以说，Flash在推动网络动画的普及与大众文化方面功不可没。本设计主要利用Flash、Photoshop等一系列技术围绕“以物易物”为主题制作动画，制作过程分为：确定主题、寻找动画与背景音乐素材、设计动画角色与场景、元

4、件制作等几个部分。第1章 动画短片介绍1.1设计目的 在这个快节奏生活时代，物品更换速度也是非常快的，以物易物在这种情况下又再次兴起。以物易物顾名思义，指利用自己已有之物与别人交换，以换取别人的物品。我们既可以处理掉自己不需要的东西，又可以换取到有价值的东西，而对我们来说没有用的东西对于人家来说就是宝贝。本mtv的设计目的是为了宣传“以物易物”的好处，让更多的人知道它，了解它，并运用它。1.2创作灵感 毕业即将来临，我们将要整理箱子，离开校园走入社会。在清理过程中发现许多以前因为很喜欢买回来的东西，而现在却一无是处，又舍不得丢弃。灵光一闪就想到了以物易物，去网上查询，发现以物易物的网站少并且访

5、问量低，大家都还没有认识到以物易物的重要性。于是想要做一个关于以物易物的mtv来宣传一下，让更多的人知道它。1.3动画整体构架 Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。 动画模块音频模块片头动画片中动画片尾动画整体构架图1-1 整体构架第2章 动画设计构思2.1 设计主要内容 故事讲述了一个叫淘淘的男孩通过网络找到一个以物易物的交易市场，然后把自己不需要的东西拿去换取了自己需要的东西，以物易物，诚信平等。有一天淘淘在网上发现了一个以物易物的

6、交易市场，然后再家里找到好些不需要的东西，清洗干净准备拿去交易市场交换。第二天淘淘就把东西装好出门去交易市场，期待能交换到自己需要的东西。来到交易市场，有好些人在进行交易，淘淘发现了一个自己所需要的，然后他用自己的足球交换到了一个望远镜，回家后他非常开心的跟朋友分享了这个事情，要朋友也去交易市场，以物易物，这样既可以处理掉自己不需要的东西，又可以换取到自己需要的东西，一举两得。2.2 素材准备这是工程最庞大的一块，当靠Flash是远远不够的，还需要用到Photoshop等软件。不同的情景需要不同的场景衬托，又要考虑到整体的色彩的搭配，因此寻找背景素材是相当费神的。在场景中也涉及到很多小的修饰。

7、为了使其真实、形象有的则是通过图片再进行处理放入场景中去的。在FLASH中开发产品外观很容易，人们可以在短时间内为角色，道具或者背景制作出很多不同的版本。通过调整、转换或者忽略去角色的外貌特征就可以创作出很多不同的版本。通过调整，转换或者略去角色的外貌特征就可以创作出很多变体。也可以扫描一幅或多幅画稿的合成图,然后对其进行调节。还可以把角色快速地放在不同的背景中，以查看它们在一起的效果。在FLASH中开发产品的一个主要原因就是可以在整个过程中自始自终地处在一个程序中来解决各种问题，FLASH可以制作元件化的资产。动画是一个多媒体的载体，各种声音素材必不可少，把从网上搜集的声音素材导入源文件。动

8、画制作过程中，音频元素在塑造动画角色，创造时空环境方面具有独特的功能，可以作为画龙点睛的一部分。添加音乐以及音效可以丰富动画的内容，强化动画的风格，更能体现动画的意义。结合动画的风格，本次设计的音乐选择节奏轻柔的音乐，音效是发挥创造性的重要方面，本片选择简单轻柔音效，增加整体效果。2.3 场景的设计场景设计要贴合剧情，要让观众一目了然，能清晰的分出地点。好的场景能让故事更具感染力。分镜，是贯穿整个故事的，能让制作者更清晰所制作的故事的发展，更好的调处生动的动画。以下是设计场景图：书房采用了现代化的设计，桌子书架的位置摆放，使房间产生了立体的感觉，让人物在活动空间内动作发挥的更加自然，与场景完美

9、的融合在一起。图2-1 书房 街道设计是一张普通的图片，没有制作背景图像动画效果，但因为人物角色骑车经过有动画效果，使整个场景生活了起来，毫无违和感。图2-2 街道交易市场设计比较简单，主要与人物相融合。摊位的摆放是场景一目了然，能清晰的分出地点。场所人物的活动与物品的摆放使整个场所鲜活起来，有一种市场的热闹感，渲染了整个动画的气氛。图2-3 交易市场2.4 人物的设计动画设计的角色要贴合整个故事的背景，角色的着装设计要贴合设计中角色的个性，着装的颜色搭配要怎样才能更符合角色特性，这是很重要的，这能让观众有个清晰感官判断，也是突入角色个性的重要手段。本设计主要角色淘淘，人物设计采取了椭圆工具、

10、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。其造型如下图所示：图2-4 角色正面 图2-5 角色侧面 图2-6 角色背面2.5元件的设计 元件是一些可以重复使用的图像、动画或者按钮，他们被保存在库中。元件的应用可以使影片的编辑更加容易，在对许多重复的元素进行修改时，只要对于元件做出修改则该元件的所有实例都会自动更新。运用元件可以显著减小文件的尺寸，还可以加快影片的播放。本动画中运用了图形元件与影片剪辑元件。眼睛的设计运用了椭圆工具、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。图2-7 元件手臂的设计运用了铅笔工具、钢笔工具、线条工具绘画出图形，然后使用颜料桶工具填充

11、颜色。图2-8 元件字体的设计运用了文本工具，将文字写出来，然后使用颜料桶工具填充颜色。图2-9 元件灰尘的设计运用了铅笔工具、钢笔工具、任意变形工具绘画出图形，然后使用颜料桶工具填充颜色。图2-10 元件气泡的设计运用了椭圆工具、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。图2-11 元件第3章 设计中所使用的技术3.1 Flash 补间动画设计做Flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 Flash动画制作中补间动画分两类，一类是形状补间，用于形状的动画，另一类是动画补间用于图形及

12、元件的动画。步骤：在图层里创建两个关键帧，将光标放置在两个关键帧之间，点击插入菜单，插入你所需要的补间动画。比如本设计开始画面中字体出来的效果，先将字体插入在关键帧中，把位置调到画面外，然后隔几个关键帧再一次插入文字图形元件，然后在两个关键帧中间创建补间动画，就可以做出文字跳出的效果。图3-1 补间动画3.2 Flash 图形元件设计元件是Flash中的重要概念之一。在一个动画中，有时需要多次使用到某个图形或动画片段，这种情况下可将这个图形或动画片段制作为元件，就能在动画中需要的位置多次使用这个元件，不需要重复制作，同时不会因为多次使用而增加动画文件的大小，能大大提高动画制作的效率。 为了便于

13、修改与缩小源文件体积，本片中的所有动画元素都分别制作成图形元件，作为制作整体动画时插入关键帧中的内容。步骤：点击插入菜单，选择新建元件，给元件取个名字，在类型出选择图形，然后就可以绘制你所需要的图形了。还有一种方法，是先绘制图形，然后在图形上点击鼠标右键，选择转化成元件。图3-2 图形元件3.3 Flash 影片剪辑元件设计影片剪辑是包含在flash影片中的影片片段，有自己的时间轴和属性。具有交互性，是用途最广、功能最多的部分。可以包含交互控制、声音以及其他影片剪辑的实例，也可以将其放置在按钮元件的时间轴中制件动画按钮。步骤：点击插入菜单，选择新建元件，给元件取个名字，在类型出选择影片剪辑，然

14、后就可以做你所需要的影片片段了。还有一种方法，是先绘制图形，然后在图形上点击鼠标右键，选择转化成元件。比如本设计中人物说话的效果就是采用了影片剪辑元件，先绘制出人物说话嘴巴不同形状的图形元件，然后创建影片剪辑元件，将图形元件按顺序逐帧插入，就可以做出人物说话的效果。图3-3 影片剪辑元件3.4 声音的导入一个好的动画作品，画面和声音是相辅相成的。步骤：文件导入菜单，选择导入到库，然后选择你要导入的文件，导入以后点击声音文件，测试一下歌曲能不能正常播放。图3-4 声音导入图3-5 声音测试第4章 动画制作流程4.1 前期制作动画的前期制作主要是确定剧本和准备素材。一个好的剧本是mtv制作的灵魂，

15、只有根据剧本才能指挥角色、元件、影片剪辑等元素进行演出，所以首先要确定剧本。素材非常重要，在一个mtv中，风格一定要统一，不然看上去会杂乱无章，很不美观。在这个毕业设计中我用的图片风格都是矢量的，有一部分素材是根据网上的灵感而绘制。音乐是wav格式，采用了轻柔的背景音乐，营造一个安静舒适的氛围。元件、角色和场景的设计和准备是flash动画成功的基石。好的设计不仅要考虑图片、场景、人物颜色的搭配，更要在人物的神态和动作上多下功夫，做到协调，一致，和谐。人物淘淘是温暖亮色设计，在场景的选择上为了配合人物选择了温馨舒适的风格，让人物与场景能更好的融合在一起，使画面和谐一致。图4-1 人物设计图4-2

16、 场景设计4.2 中期制作动画中期制作主要是镜头制作本设计采取明亮的色调，轻柔的音乐，向大家分享一个积极的小故事以物易物，希望能使大家感触，有所行动。新建一个 action script 2.0 的文件，在“文档属性”中，将尺寸设为640480，单位为像素，背景颜色设置为白色，并将帧频设置为12.0fps。首先在做flash的时候，应该考虑给它遮羞，在场景的最上面的一层绘制一个大过舞台的黑色的巨型，然后通过扣除和舞台一样大小的黑色块便可使 flash 编辑界面中忽略掉其他多余的东西，方便随时查看效果。1、动画开始首先在一个黄色背景里出现许多的物品，然后慢慢从上方出现“以物易物”四个字，说明主题

17、。把制作好的背景图形元件放入第一个关键帧，然后隔几个帧插入物品的图形元件的关键帧，在两个关键帧之间创建补间动画，在隔几个帧插入文字的关键帧，再次创建补间动画，制造出动画开始的效果。图4-3 开始2、找到以物易物市场将背景图导入到库中，然后在关键帧中插入所需背景图和物品图形元件，隔几个帧创建一个关键帧，在两个关键帧之间创建补间动画，最后制作出物品掉落下来的效果。 图4-4 寻找交易市场3、找到不需要的物品此动画做法是把制作好的人物侧面影片剪辑元件与绘制好的文字图形元件插入关键帧中，然后根据影片剪辑元件的时间轴帧长度来确定此动画的帧长度，做出人物嘴巴在说话的效果。图4-5 找到物品4、打包东西去交

18、易市场 此动画的做法是先将背景图与人物骑自行车放入关键帧中。将人物位置调放到图片的最左边，然后隔一段帧再插入一个关键帧，将人物放入这个关键帧中，位置调放到最右边，然后在两个帧之间创建补间动画。两次位置调放要在一条平行线上，这样就做出自行车直线行走的效果。图4-6 去交易市场5、交换到自己需要的物品 此动画的做法是先做一个人物行走的图形元件，在每个关键帧的位置改变人物行走的动作，脚底的阴影也随着人物行走步伐的大小而变动，将帧连贯起来，在人物走动距离的两个关键帧之间创建补间动画，就可以做出人物行走的效果。然后在关键帧中插入对话的图形元件，隔几个帧又插入另一个说话这的图形元件关键帧，在这个关键帧中要

19、删除上一个图形元件，调好元件位置，做出人物对话的效果。图4-7 交换物品6、动画结尾此画面的做法是将做好的黑色矩形元件背景图与文字放入关键帧中，在这个关键帧中将文字的透明度调为0，文字调小，然后隔几个帧再次插入文字元件，将文字大小调大所需大小，然后在两个关键帧之间创建补间动画，做出文字由无变有，由小变大的效果。图4-8 结尾4.3 后期制作动画中期制作主要是导入声音文件导入菜单，选择导入到库，然后选择你要导入的文件，导入以后点击声音文件，测试一下歌曲能不能正常播放。图4-9 导入声音第5章 困难及解决方案5.1困难1、剧本的拟定，一个好的剧本是mtv制作的灵魂，剧本除了有意义还要有创意；2、元

20、件的设计与制作，元件制作需要花费大量的时间与精力，并且需要足够的细心与耐心；3、帧与帧之间的连接，一个动画的制作有许多的帧，使之连接起来，让整个动画流畅自然是动画制作的关键。5.2解决方案 1、毕业离校清理东西的困难让我产生了以物易物这个想法，很多我不需要的东西可能别人会需要，这样双方盈利的事情值得推广与宣传。 2、先在网上寻找到了需要的元件设计，在纸上一笔一笔的画出来，然后到网上制作出来，根据不同的场景制作了不同的元件，最后打包存到一个文件夹内，方便寻找。3、将每个元件分别命名，名字明确易记，不会产生混乱，然后将每个场景的元件存到一个文件夹内，将每个场景制作好，最后再将所有的场景连接起来。总

21、 结在孙晓庆老师的指导下，本次的毕业设计成功完成。本人也获得了丰富的知识内容，不仅掌握了flash动画的基本知识，也充分涉及在动画过程中的不足，在学习新知识的同时完成毕业设计，通过毕业设计掌握新的内容，开扩新的视野，不仅可以锻炼我的独立性和自主性，也可以培养各方面的能力。 这次设计所产生的影响还没有结束，我从这次毕业设计中学到了许多课本上没有的知识。在几个月的时间里，通过自己的学习和努力，通过老师的指导和教育，使我不仅仅在知识水平和解决问题的能力上有了很大的提高，还从思想的深处体会到，要把自己所学变成现实是所将面对的种种难题。 老师对毕业设计的重视也是我能完成设计的一个重要条件。虽然这次的毕业

22、设计并不是什么经典之作，里面还有很多欠缺的地方。但它代表的却是我对flash的一个崭新的态度。总之,对我来说，这次毕业设计对我在flash制作方面是一个提高，使我从另外一个角度认识了flash制作。致 谢两年半年的校园生活如闪电般飞逝而过，对于今天的我，成长中给予我帮助的每一个人都功不可没。在校的这两年半时间里真的很感谢老师对我的淳淳教诲，也很感谢校领导给我的机会，让我在学习之外，积累了更多的经验，给我的校园生活增添了更多色彩。当今社会，在市场经济体制和新技术飞速发展的条件下，电子商务人才只掌握一门特定的技能已经远远不够。必须全面强调我们的基础知识、基本能力和基本素质，而且专业面要宽，以适应技

23、术进步与市场的不断变化。只有全方位的拓展自己的知识面，在实践中与理论相结合，真正的体会知识的真谛，才能为社会贡献自己的一份力量。 本毕业设计的完成，首先感谢我的母校的教育之恩。其次感谢学院提供给我的教育环境，使我学到了许多新的知识。本论文是在老师的悉心指导下完成的，指导老师的治学严谨，为人诚恳，学识渊博，为我提供了一种良好的精神气氛。我从老师身上学到了很多自己平时都没有接触过的知识和学习方法，他在学习上给予我许多的帮助，在此，我表示崇高的敬意和诚挚的谢意。参考文献1杨仁毅.边用边学Flash动画设计与应用.人民邮电出版社.2010.2张爱军.电子商务技术的创新发展趋势.电脑知识与应用.2011.3李东博.dreamweaver+flash+photoshop网页设计入门到精通.清华大学出版社.2010.4马增友.photoshop图像处理技术.清华大学出版社.2013.5牟奇春.二维动画制作技术.中国人民大学出版社.2010.6唐守国主编.创意Photoshop cs4网页设计、配色与特效案例精粹.清华大学出版社.2010. 7李学媛.基于Flash技术的精品课程网站设计与实现.山东师范大学.2012，9.8黎文锋. 玩设计：Flash CS6全攻略.电子工业出版社.2012.28