“胖子卖包子”宣传动画设计与制作毕业设计论文

PAGE毕业设计毕业设计题“胖子卖包子”宣传动画设计与制作毕业设计类型□ 产品设计□工艺设计□方案设计姓名班级所属系部物流信息系专业电子商务指导教师职称完成时间

摘要Flash制作出来的动画，广泛用于网页广告、短片宣传、课件制作等领域，是一款实用易学的多媒体制作软件。它是目前应用最为广泛的基于Windows的网页动画制作、图形图像设计和制作的优秀软件。它集绘画、制作、设计、编辑、合成和高品质输出为一体，利用它可以方便、快捷地制作出各种各样的效果，也可以用它来制作各种基本图形、动画以及MTV等专业艺术品。Flash动画的三大基本功能是一切Flash动画应用的基础。但现在Flash已经是一个非常强大的平台，他是一个富媒体环境。目前Flash对位图的处理功能还比较弱，因为它最初是从矢量处理起始的，加之矢量图形是Flash

GUI设计之基石，所以估计还会沿着矢量处理的道路继续前进。不过最近的滤镜和图像混合模式也向位图处理领域迈出一大步。相信未来会有更多更好的这方面的功能加进来。

Flash的功能可能越来越复杂，如何系统地掌握这项技术就显得非常重要。系统地掌握一门技术有两个好处：一个是对目前的功能有清晰的认识；第二，就是能够从容应对更复杂的知识。了解这些对于一个初入门的动画设计者是非常有意义的，正是将这些功能逻辑的整理出来，有利于用户建立正确的、逻辑的知识体系，而不是再在黑夜里徘徊了。关键词：Flash动画设计胖子卖包子广告宣传

目录引言 1第1章动画短片介绍 21.1设计目的 21.2创作灵感 21.3动画整体构架 2第2章动画设计构思 32.1设计主要内容 32.2素材准备 32.3场景的设计 42.4人物的设计 62.5元件的设计 7第3章设计中所使用的技术 83.1Flash补间动画设计 83.2Flash图形元件设计 83.3Flash影片剪辑元件设计 93.4声音的导入 11第4章动画制作流程 124.1前期制作 124.2中期制作 124.3后期制作 12第5章困难及解决方案 135.1困难 135.2解决方案 13总结 14致谢 15参考文献 16PAGE24引言作为富媒体营销概念中的重要手段，很长一段时间，或者说，在未来。富媒体技术的不断完善，Flash动画广告的优势会越来越明显。一个画面精美，生动活泼的互动Flash动画广告，比其他广告形式更加吸引你我的眼球。这就是Flash动画的优势。Flash动画并不就是富媒体告，但Flash动画可以作为富媒体广告的核心代表。以往的广告形式，主要以传统媒体为主，而互联网广告的兴起，并不只是范围广而已，它还具有“专，精，准”的特点而以Flash动画广告为代表的富媒体广告，则引进了更加先进，更加高效的“拉式”营销广告。不仅达到了全民互动的效果、更有利于培养用户的忠诚度。而在这其中，Flash动画各种优势也便不言而喻。一品威客网集结众多动画FLASH专业制作者，将以专业的制作水平，使您在短时间内得到最满意，最易宣传推广的动画效果。本设计主要利用Flash、Photoshop等一系列技术围绕“胖子卖包子”为主题制作动画，制作过程分为：确定主题、寻找动画与背景音乐素材、设计动画角色与场景、元件制作等几个部分。

第1章动画短片介绍1.1设计目的在这个电商时代。出现了越来越多的营销模式、我们要根据自身的条件，环境去更好的营销自己。本mtv的设计目的是为了宣传“营销方式”的重要性。1.2创作灵感平时走在商业繁华的街上；看到不同的标语，不同的吆喝声、心想能不能用动漫的方式形象的表现出来呢、于是我想到了两家卖包子的故事。1.3动画整体构架Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。动画模块动画模块音频模块片头动画片中动画片尾动画图1-1整体构架胖子老字号胖子老字号整体构架老高包子借势营销卖包子甩手式营销图1-2故事构架

第2章动画设计构思2.1设计主要内容本短片是介绍胖子卖包子的故事;通过卖包子的方式体现了两种的营销方式:老高包子的甩手式营销：{只说三句业务行话。第一句：这是我们的产品。第二句：我XXXX价格可以交易。（说出自己能承受的价格）第三句：这是我们的联系方式};胖子老字号借势营销策略(利用名人所具有的优势来推介产品，快速提升产品的知名度，促进产品的销售，实现快速营销的目的。名人广告的具有的优势使许多企业不惜巨资请名人做广告).有两家卖包子的。起初胖子老字号的生意兴隆、老高见形势不对、吆喝着以低价卖，顾客听说有更便宜的立马就都去老高哪里买，可胖子也不是等闲之辈、一思考便有了好点子。挂出了有名的美女图画，跟人们讲某某美女吃过我这的包子、人们看了美女居然也在胖子那吃过，又纷纷都去胖子那里。2.2素材准备 这是工程最庞大的一块，当靠Flash是远远不够的，还需要用到Photoshop等软件。不同的情景需要不同的场景衬托，又要考虑到整体的色彩的搭配，因此寻找背景素材是相当费神的。在场景中也涉及到很多小的修饰。为了使其真实、形象有的则是通过图片再进行处理放入场景中去的。在FLASH中开发产品外观很容易，人们可以在短时间内为角色，道具或者背景制作出很多不同的版本。通过调整、转换或者忽略去角色的外貌特征就可以创作出很多不同的版本。通过调整，转换或者略去角色的外貌特征就可以创作出很多变体。也可以扫描一幅或多幅画稿的合成图,然后对其进行调节。还可以把角色快速地放在不同的背景中，以查看它们在一起的效果。在FLASH中开发产品的一个主要原因就是可以在整个过程中自始自终地处在一个程序中来解决各种问题，FLASH可以制作元件化的资产。动画是一个多媒体的载体，各种声音素材必不可少，把从网上搜集的声音素材导入源文件。动画制作过程中，音频元素在塑造动画角色，创造时空环境方面具有独特的功能，可以作为画龙点睛的一部分。添加音乐以及音效可以丰富动画的内容，强化动画的风格，更能体现动画的意义。结合动画的风格，本次设计的音乐选择节奏轻柔的音乐，音效是发挥创造性的重要方面，本片选择简单轻柔音效，增加整体效果。2.3场景的设计场景设计要贴合剧情，要让观众一目了然，能清晰的分出地点。好的场景能让故事更具感染力。分镜，是贯穿整个故事的，能让制作者更清晰所制作的故事的发展，更好的调处生动的动画。以下是设计场景图，如下图2-1,2-2几所示：图2-1老高包子图2-2胖子老字号图2-3交易市场2.4人物的设计动画设计的角色要贴合整个故事的背景，角色的着装设计要贴合设计中角色的个性，着装的颜色搭配要怎样才能更符合角色特性，这是很重要的，这能让观众有个清晰感官判断，也是突入角色个性的重要手段。本设计主要角色——淘淘，人物设计采取了椭圆工具、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。其造型如下图所示：（如下图2-4、2-5所示）图2-4角色图2-5角色2.5元件的设计元件是一些可以重复使用的图像、动画或者按钮，他们被保存在库中。元件的应用可以使影片的编辑更加容易，在对许多重复的元素进行修改时，只要对于元件做出修改则该元件的所有实例都会自动更新。运用元件可以显著减小文件的尺寸，还可以加快影片的播放。本动画中运用了图形元件与影片剪辑元件。人物头像的设计运用了椭圆工具、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。如下图2-7所示：图2-7元件

第3章设计中所使用的技术3.1Flash补间动画设计做Flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。Flash动画制作中补间动画分两类，一类是形状补间，用于形状的动画，另一类是动画补间用于图形及元件的动画。步骤：在图层里创建两个关键帧，将光标放置在两个关键帧之间，点击插入菜单，插入你所需要的补间动画。比如本设计开始画面中字体出来的效果，先将字体插入在关键帧中，把位置调到画面外，然后隔几个关键帧再一次插入文字图形元件，然后在两个关键帧中间创建补间动画，就可以做出文字跳出的效果。图3-2补间动画3.2Flash图形元件设计元件是Flash中的重要概念之一。在一个动画中，有时需要多次使用到某个图形或动画片段，这种情况下可将这个图形或动画片段制作为元件，就能在动画中需要的位置多次使用这个元件，不需要重复制作，同时不会因为多次使用而增加动画文件的大小，能大大提高动画制作的效率。为了便于修改与缩小源文件体积，本片中的所有动画元素都分别制作成图形元件，作为制作整体动画时插入关键帧中的内容。步骤：点击插入菜单，选择新建元件，给元件取个名字，在类型出选择图形，然后就可以绘制你所需要的图形了。还有一种方法，是先绘制图形，然后在图形上点击鼠标右键，选择转化成元件。图3-3图形元件3.3Flash影片剪辑元件设计影片剪辑是包含在flash影片中的影片片段，有自己的时间轴和属性。具有交互性，是用途最广、功能最多的部分。可以包含交互控制、声音以及其他影片剪辑的实例，也可以将其放置在按钮元件的时间轴中制件动画按钮。步骤：点击插入菜单，选择新建元件，给元件取个名字，在类型出选择影片剪辑，然后就可以做你所需要的影片片段了。还有一种方法，是先绘制图形，然后在图形上点击鼠标右键，选择转化成元件。比如本设计中人物说话的效果就是采用了影片剪辑元件，先绘制出人物说话嘴巴不同形状的图形元件，然后创建影片剪辑元件，将图形元件按顺序逐帧插入，就可以做出人物说话的效果。如下图3-4所示：图3-4影片剪辑元件3.4声音的导入一个好的动画作品，画面和声音是相辅相成的。步骤：文件导入菜单，选择导入到库，然后选择你要导入的文件，导入以后点击声音文件，测试一下歌曲能不能正常播放。如下图3-5(6)所示：图3-5声音导入图3-6声音测试

第4章动画制作流程4.1前期制作动画的前期制作主要是确定剧本和准备素材。一个好的剧本是flash制作的灵魂，只有根据剧本才能指挥角色、元件、影片剪辑等元素进行演出，所以首先要确定剧本。素材非常重要，在一个flash中，风格一定要统一，不然看上去会杂乱无章，很不美观。在这个毕业设计中我用的图片风格都是矢量的，有一部分素材是根据网上的灵感而绘制。音乐是mp3格式，采用了轻柔的背景音乐，营造一个安静舒适的氛围。4.2中期制作动画的中期制作主要是元件设计、角色设计和场景设计。元件、角色和场景的设计和准备是flash动画成功的基石。好的设计不仅要考虑图片、场景、人物颜色的搭配，更要在人物的神态和动作上多下功夫，做到协调，一致，和谐。人物淘淘是温暖亮色设计，在场景的选择上为了配合人物选择了温馨舒适的风格，让人物与场景能更好的融合在一起，使画面和谐一致。如下图4-1.4-2所示：图4-1人物设计图4-2场景设计4.3后期制作动画后期制作主要是镜头制作与声音导入。本设计采取明亮的色调，轻柔的音乐，向大家分享一个积极的小故事——以物易物，希望能使大家感触，有所行动。新建一个actionscript2.0的文件，在“文档属性”中，将尺寸设为640×480，单位为像素，背景颜色设置为白色，并将帧频设置为24.00fps。首先在做flash的时候，应该考虑给它遮羞，在场景的最上面的一层绘制一个大过舞台的黑色的巨型，然后通过扣除和舞台一样大小的黑色块便可使flash编辑界面中忽略掉其他多余的东西，方便随时查看效果。1、动画开始首先在一个黄色背景里有两家卖包子，把制作好的背景图形元件放入第一个关键帧，然后隔几个帧插入物品的图形元件的关键帧，在两个关键帧之间创建补间动画，在隔几个帧插入文字的关键帧，再次创建补间动画，制造出动画开始的效果。如下图4-3所示：图4-3胖子生意兴隆2、故事情节将背景图导入到库中，然后在关键帧中插入所需背景图和物品图形元件，隔几个帧创建一个关键帧，在两个关键帧之间创建补间动画，最后制作出人物动作的效果。如下图4-4所示：图4-4老高生意兴隆3、动画做法此动画做法是把制作好的人物侧面影片剪辑元件与绘制好的文字图形元件插入关键帧中，然后根据影片剪辑元件的时间轴帧长度来确定此动画的帧长度，做出人物嘴巴在说话的效果。如下图4-5所示：图4-5竞争4、顾客选择此动画的做法是先将背景图与顾客放入关键帧中。将顾客位置调放到图片的最左边，然后隔一段帧再插入一个关键帧，将顾客放入这个关键帧中，位置调放到最右边，然后在两个帧之间创建补间动画。两次位置调放要在一条平行线上，这样就做出顾客行走的效果。如下图4-6所示：图4-6顾客选择5、动画结尾此画面的做法是将做好的黑色矩形元件背景图与文字放入关键帧中，在这个关键帧中将文字的透明度调为0，文字调小，然后隔几个帧再次插入文字元件，将文字大小调大所需大小，然后在两个关键帧之间创建补间动画，做出由有变无的效果。如下图4-8所示：图4-8结尾7、导入声音文件导入菜单，选择导入到库，然后选择你要导入的文件，导入以后点击声音文件，测试一下歌曲能不能正常播放。图4-9导入声音

第5章困难及解决方案5.1困难1、剧本的拟定；2、元件的设计与制作；3、帧与帧之间的连接。5.2解决方案1、一个好的剧本是flash制作的灵魂，剧本除了有意义还要有创意。以胖子卖包子是一个好的灵感，让我充分发挥了想象力，编写成功了剧本。2、元件的制作需要花费大量的时间与精力，并且需要足够的细心与耐心。通过反复的设计与修改，收获了大量的经验，最终在不懈的坚持之下完成了制作。3、一个动画的制作有许多的帧，使之连接起来，让整个动画流畅自然是动画制作的关键。在帧与帧的连接上耗费了我大量时间，通过多次的调试与修改才完成本动画的制作。

总结在孙晓庆老师的指导下，本次的毕业设计成功完成。这次的毕业设计完成的是