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

《“胖子卖包子”宣传动画设计与制作毕业设计论文》由会员分享，可在线阅读，更多相关《“胖子卖包子”宣传动画设计与制作毕业设计论文（28页珍藏版）》请在装配图网上搜索。

1、毕 业 设 计毕业设计题 “胖子卖包子”宣传动画设计与制作 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 摘 要Flash制作出来的动画，广泛用于网页广告、短片宣传、课件制作等领域，是一款实用易学的多媒体制作软件。它是目前应用最为广泛的基于Windows的网页动画制作、图形图像设计和制作的优秀软件。它集绘画、制作、设计、编辑、合成和高品质输出为一体，利用它可以方便、快捷地制作出各种各样的效果，也可以用它来制作各种基本图形、动画以及MTV等专业艺术品。Flash动画的三大基本功能是一切Flash动画应用的基础。但现在Flas

2、h已经是一个非常强大的平台，他是一个富媒体环境。目前Flash对位图的处理功能还比较弱，因为它最初是从矢量处理起始的，加之矢量图形是FlashGUI设计之基石，所以估计还会沿着矢量处理的道路继续前进。不过最近的滤镜和图像混合模式也向位图处理领域迈出一大步。相信未来会有更多更好的这方面的功能加进来。Flash的功能可能越来越复杂，如何系统地掌握这项技术就显得非常重要。系统地掌握一门技术有两个好处：一个是对目前的功能有清晰的认识；第二，就是能够从容应对更复杂的知识。了解这些对于一个初入门的动画设计者是非常有意义的，正是将这些功能逻辑的整理出来，有利于用户建立正确的、逻辑的知识体系，而不是再在黑夜里

3、徘徊了。关键词：Flash动画设计 胖子卖包子 广告宣传 目 录引 言1第1章 动画短片介绍21.1设计目的21.2创作灵感21.3动画整体构架2第2章 动画设计构思32.1 设计主要内容32.2 素材准备32.3 场景的设计42.4 人物的设计62.5元件的设计7第3章 设计中所使用的技术83.1 Flash 补间动画设计83.2 Flash 图形元件设计83.3 Flash 影片剪辑元件设计93.4 声音的导入11第4章 动画制作流程124.1 前期制作124.2 中期制作124.3 后期制作12第5章 困难及解决方案135.1困难135.2解决方案13总 结14致 谢15参考文献16引

4、言作为富媒体营销概念中的重要手段，很长一段时间，或者说，在未来。富媒体技术的不断完善，Flash动画广告的优势会越来越明显。一个画面精美，生动活泼的互动Flash动画广告，比其他广告形式更加吸引你我的眼球。这就是Flash动画的优势。Flash动画并不就是富媒体告，但Flash动画可以作为富媒体广告的核心代表。以往的广告形式，主要以传统媒体为主，而互联网广告的兴起，并不只是范围广而已，它还具有“专，精，准”的特点而以Flash动画广告为代表的富媒体广告，则引进了更加先进，更加高效的“拉式”营销广告。不仅达到了全民互动的效果、更有利于培养用户的忠诚度。而在这其中，Flash动画各种优势也便不言而

5、喻。一品威客网集结众多动画FLASH专业制作者，将以专业的制作水平，使您在短时间内得到最满意，最易宣传推广的动画效果。本设计主要利用Flash、Photoshop等一系列技术围绕“胖子卖包子”为主题制作动画，制作过程分为：确定主题、寻找动画与背景音乐素材、设计动画角色与场景、元件制作等几个部分。第1章 动画短片介绍1.1设计目的 在这个电商时代 。出现了越来越多的营销模式、我们要根据自身的条件，环境去更好的营销自己。本mtv的设计目的是为了宣传“营销方式”的重要性。1.2创作灵感 平时走在商业繁华的街上；看到不同的标语，不同的吆喝声、心想能不能用动漫的方式形象的表现出来呢、于是我想到了两家卖包

6、子的故事。1.3动画整体构架 Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。 动画模块音频模块片头动画片中动画片尾动画图1-1 整体构架胖子老字号整体构架老高包子借势营销卖包子甩手式营销图1-2 故事构架第2章 动画设计构思2.1 设计主要内容本短片是介绍胖子卖包子的故事;通过卖包子的方式体现了两种的营销方式:老高包子的甩手式营销：只说三句业务行话。第一句：这是我们的产品。第二句：我XXXX价格可以交易。（说出自己能承受的价格） 第三句：这是我们

7、的联系方式;胖子老字号借势营销策略(利用名人所具有的优势来推介产品，快速提升产品的知名度，促进产品的销售，实现快速营销的目的。名人广告的具有的优势使许多企业不惜巨资请名人做广告).有两家卖包子的。起初胖子老字号的生意兴隆、老高见形势不对、吆喝着以低价卖，顾客听说有更便宜的立马就都去老高哪里买，可胖子也不是等闲之辈、一思考便有了好点子。挂出了有名的美女图画，跟人们讲某某美女吃过我这的包子、人们看了美女居然也在胖子那吃过，又纷纷都去胖子那里。2.2 素材准备这是工程最庞大的一块，当靠Flash是远远不够的，还需要用到Photoshop等软件。不同的情景需要不同的场景衬托，又要考虑到整体的色彩的搭配

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

9、体，各种声音素材必不可少，把从网上搜集的声音素材导入源文件。动画制作过程中，音频元素在塑造动画角色，创造时空环境方面具有独特的功能，可以作为画龙点睛的一部分。添加音乐以及音效可以丰富动画的内容，强化动画的风格，更能体现动画的意义。结合动画的风格，本次设计的音乐选择节奏轻柔的音乐，音效是发挥创造性的重要方面，本片选择简单轻柔音效，增加整体效果。2.3 场景的设计场景设计要贴合剧情，要让观众一目了然，能清晰的分出地点。好的场景能让故事更具感染力。分镜，是贯穿整个故事的，能让制作者更清晰所制作的故事的发展，更好的调处生动的动画。以下是设计场景图，如下图2-1,2-2几所示：图2-1 老高包子图2-2

10、 胖子老字号图2-3 交易市场2.4 人物的设计动画设计的角色要贴合整个故事的背景，角色的着装设计要贴合设计中角色的个性，着装的颜色搭配要怎样才能更符合角色特性，这是很重要的，这能让观众有个清晰感官判断，也是突入角色个性的重要手段。本设计主要角色淘淘，人物设计采取了椭圆工具、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。其造型如下图所示：（如下图2-4、2-5所示）图2-4 角色 图2-5 角色 2.5元件的设计 元件是一些可以重复使用的图像、动画或者按钮，他们被保存在库中。元件的应用可以使影片的编辑更加容易，在对许多重复的元素进行修改时，只要对于元件做出修改则该元件的所有实例都会

11、自动更新。运用元件可以显著减小文件的尺寸，还可以加快影片的播放。本动画中运用了图形元件与影片剪辑元件。 人物头像的设计运用了椭圆工具、铅笔工具、钢笔工具绘画出图形，然后使用颜料桶工具填充颜色。如下图2-7所示：图2-7 元件第3章 设计中所使用的技术3.1 Flash 补间动画设计 做Flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 Flash动画制作中补间动画分两类，一类是形状补间，用于形状的动画，另一类是动画补间用于图形及元件的动画。步骤：在图层里创建两个关键帧，将光标放置在两个关键帧之间，点击插入菜

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

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

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

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

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

17、首先在一个黄色背景里有两家卖包子，把制作好的背景图形元件放入第一个关键帧，然后隔几个帧插入物品的图形元件的关键帧，在两个关键帧之间创建补间动画，在隔几个帧插入文字的关键帧，再次创建补间动画，制造出动画开始的效果。如下图4-3所示：图4-3 胖子生意兴隆2、故事情节将背景图导入到库中，然后在关键帧中插入所需背景图和物品图形元件，隔几个帧创建一个关键帧，在两个关键帧之间创建补间动画，最后制作出人物动作的效果。如下图4-4所示：图4-4 老高生意兴隆3、动画做法此动画做法是把制作好的人物侧面影片剪辑元件与绘制好的文字图形元件插入关键帧中，然后根据影片剪辑元件的时间轴帧长度来确定此动画的帧长度，做出人

18、物嘴巴在说话的效果。如下图4-5所示：图4-5 竞争4、顾客选择 此动画的做法是先将背景图与顾客放入关键帧中。将顾客位置调放到图片的最左边，然后隔一段帧再插入一个关键帧，将顾客放入这个关键帧中，位置调放到最右边，然后在两个帧之间创建补间动画。两次位置调放要在一条平行线上，这样就做出顾客行走的效果。如下图4-6所示：图4-6 顾客选择5、动画结尾 此画面的做法是将做好的黑色矩形元件背景图与文字放入关键帧中，在这个关键帧中将文字的透明度调为0，文字调小，然后隔几个帧再次插入文字元件，将文字大小调大所需大小，然后在两个关键帧之间创建补间动画，做出由有变无的效果。如下图4-8所示：图4-8 结尾7、导

19、入声音文件导入菜单，选择导入到库，然后选择你要导入的文件，导入以后点击声音文件，测试一下歌曲能不能正常播放。图4-9 导入声音第5章 困难及解决方案5.1困难1、剧本的拟定；2、元件的设计与制作；3、帧与帧之间的连接。5.2解决方案 1、一个好的剧本是flash制作的灵魂，剧本除了有意义还要有创意。以胖子卖包子是一个好的灵感，让我充分发挥了想象力，编写成功了剧本。 2、元件的制作需要花费大量的时间与精力，并且需要足够的细心与耐心。通过反复的设计与修改，收获了大量的经验，最终在不懈的坚持之下完成了制作。 3、一个动画的制作有许多的帧，使之连接起来，让整个动画流畅自然是动画制作的关键。在帧与帧的连

20、接上耗费了我大量时间，通过多次的调试与修改才完成本动画的制作。总 结在孙晓庆老师的指导下，本次的毕业设计成功完成。这次的毕业设计完成的是简单但意义深刻的片头动画，整个动画是根据自己的亲身体会和感觉所完成的创作。在作品中对于有些方面把握的不是很到位，但都是我非常认真的去完成的。在此期间，我也体会到了绘图及制作的难度和其中的妙处，意识到Flash是一种强大的画图的工具。虽然此次的设计不是什么经典之作，里面还有很多欠缺的地方，但它代表了我对Flash的一个新的认知态度。 通过完成此次毕业设计，我对Flash软件有了更深一步的了解，开拓了视野，加深了认识，使我知道Flash不但可以给人以视觉上的全新享

21、受，还可以人以听觉上的美感。致 谢大学的三年学习时光已经接近尾声，在此我想对我的母校，我的父母、亲人们，我的老师和同学们表达我由衷的谢意。感谢我的家人对我大学三年学习的默默支持；感谢我的母校物流职院给了我在大学三年深造的机会，让我能继续学习和提高；感谢职院的老师和同学三年来的关心和鼓励。老师们的谆谆教诲，同学们在学习上的认真热情，生活上的热心主动，所有这些让我的三年都充满了感动。这次毕业论文设计我得到了很多老师和同学的帮助。每次遇到难题，都会向老师请教，老师不管忙或闲总会抽空来帮助我，然后一起商量解决的办法。我做毕业设计的每个阶段，从选题到查阅资料，论文提纲的确定直到后期的修改中都给予了我悉心

22、的指导。在此谨向老师们致以诚挚的谢意和崇高的敬意。同时，本篇论文也得到了寝室同学的热情帮助。感谢在整个毕业设计期间和我密切合作的同学，和曾经在各个方面给予过我帮助的伙伴们，在此，我再一次真诚的向帮助过我的老师和同学表示感谢！参考文献1 焚水.影视动画短片制作基础.北京:海洋出版社 2 韩笑.影视动画场景设计.北京:海洋出版社3 赵前何嵘.动画片场景设计与镜头运用.北京:中国人民大学出版社 4马增友.photoshop图像处理技术.清华大学出版社.2013年1月5 刀叶旅.文学作品插图中的场景设计北京印刷学院学报 6唐守国主编.创意Photoshop cs4网页设计、配色与特效案例精粹.清华大学出版社24