二维动画开题报告

1、二维动画开题报告 信息学院 二维动画设计与制作课程设计报告 题 目：别mv 院 （系）：信息学院 专 业：教育技术学 班 级： 教育技术学二班 学 号： 姓 名： 指导教师： 年 9 月 10 日 二维动画设计与制作课程设计成绩评定表 序号 评价内容 所占比例 评分 1 选题科学 10% 2 过程完备、材料完整 25% 3 工作量与难度 25% 4 设计效果 30% 5 创新性 10% 指导教师签名 总分 二维动画设计与制作 课程设计 开题报告 学号 姓名 性别 女 院（系） 信息学院 年级 级 专业 教育技术学二班 设计题目 别mv 指导教师 职称 讲师 选题的目的、意义(理论意义、现实意义

2、): 目的：通过对 mv 的设计与制作，实现 mv 的最终效果，从设计和制作过程中学习和研究 flash 软件的运用，并结合之前学习的图形图像处理知识合理运用，以到达更好的效果。在制作过程中合理运用教材知识，如用逐帧动画、补间动画、补间形状动画、遮罩动画等来相互配合到达想要的结果。并将所需要的视频和音频分别转化为 flv 和 wav 格式引用进 mv 的制作。 理论意义：掌握二维动画的制作与设计，掌握音频和视频在 flash 动画软件中的使用，掌握根底动画的设计和制作，掌握动画的测试与发布，掌握 flash 动画软件里各工具的使用。 现实意义：用 flash 软件制作的动画简单明了，所占内存小

3、，便于传输和交流学习，flash 是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。通过对动画的制作可以更深入地了解 flash 软件中各种工具的运用，并对各步骤更加熟悉，以后制作类似的作品就很方便了。 设计任务及要求： 学习 mv 的制作方法，制作出令自己满意的效果较好的完整 mv。掌握 flash 动画的创作技巧，学习遮罩动画、引导动画、逐帧动画等的制作根底知识和使用方法，还有声音的剪辑与运用，视频的剪辑与运用，音频和视频要符合主题，画面清晰，内容通俗易懂。有自己的思想和看法，能赢得观众的共鸣。 研究方法、技术路线、实验方案、可

4、行性分析： 通过上网和查阅相关文献和资料了解有关 mv 的制作方法和 mv 的各种特点，并设计自己的方案，再通过各种修理整改得到具体的方案，然后开始制作 mv，并将制作过程中遇到的问题记录下来，通过查阅资料进行解决，如果解决不了的就和老师沟通交流，从老师那获答案。制作出一个完整并且较好的 mv有利于学生对 flash 动画制作软件有更深的了解，特别是对掌握动画的制作、操作技巧、增强动手能力和独立思考能力有很大的意义。 进度安排及预期结果： （1）9 月 10 日确定主题，撰写开题报告并提交。 （2）9 月 19 日修改课程设计开题报告。 （3）10 月 5 日完成作品制作与设计，撰写指导记录。

5、 （4）10 月 7 日编写课程设计说明书。 预期结果：mv 制作完成，掌握了 flash 软件的根本使用方法，能运用 flash 制作简单的动画. 参考文献： 1都桂英.flash 动画中遮罩效果的应用j.科教新报，xx. 2于鹏，闫建红，朱明光 flash 网络广告及动漫设计，北京：清华大学出版社，xx. 3温静，黎曜.flashcs4 动画设计与应用m.北京：化学工业出版社，xx. 4张同光.计算机平安技术m.清华大学出版社，xx. 5李德荣 flashxx 中文网页动画制作教程，北京：中国水利水电出版社，xx 年 6张骏，樊晓桠，刘松鹤.一种 flash 存储器静态负载平衡策略j.计算

6、机应用，xx. 7鲍蕾.flashcs5 动画设计实例教程m.北京：机械工业出版社，xx. 8flashmxxx 中文版实例教程，上海：上海科学普及出版社，xx 年 指导教师意见： 指导教师签名： 年月日 动画课程设计课程设计指导记录 学号 姓名 性别 女 院（系） 信息学院 年级 级 专业 教育技术学 设计题目 别mv 指导教师 职称 讲师 时间 指导情况 年 9 月 22 日 问题：选题不明确，思路方向太宽广。 解决方法：确定自己的主题，上网找相关的材料，明确自己的主题。 指导教师签名： 年 9 月 22 日 年 10 月 13 日 问题：选择的图片素材太过单一，不能凸显主题。 解决方法：

7、通过深入了解歌曲素材，上网查找符合歌曲的素材图片，可以选择多张相符合的图片，以便于后期有更多的选择。 指导教师签名： 年 10 月 13 日 年 10 月 29 日 问题：开题的参考文献格式不对。 解决方法：严格按照文献格式写出自己的参考文献 指导教师签名： 年 10 月 29 日 年 11 月 10 日 问题：歌词与音乐不同步。 解决方法：重新计算帧的数目，将歌词插入正确的这么位置。 指导教师签名： 年 11 月 10 日 年 12 月 16 日 问题：遮罩应用不是很恰当，图片等与音乐失调。 解决方法：重新对照歌词不断调整遮罩，并使之和谐。 指导教师签名： 年 12 月 16 日 目 录 1

8、 绪论 . 1 1.1flash 动画短片的研究背景 . 1 1.2 研究的目的 . 1 1.3 研究的意义 . 1 1.4 制作根本工具介绍 . 1 2 mv别的设计 . 2 2.1 整体设计思路 . 2 2.2 分场景的设计 . 2 3 mv别的制作 . 4 3.1 素材收集 . 4 3.2 动画制作 . 4 3.2.1 角色设计 . 4 3.2.2 场景制作 . 7 3.2.3 动画技术 . 10 3.2.4 音效插入 . 13 3.3 动画测试与发布 . 13 3.3.1 测试动画 . 13 3.3.2 发布动画 . 14 4 总结 . 14 参考文献 . - 16 - 致谢 . -

9、17 - 信息学院课程设计报告 1 1 绪论 1.1flash 动画短片的研究背景 falsh 动画能够将文字、音频、矢量图形有机的结合起来，构成完整的动画影片，满足广阔群众的视觉感受 1 。本次设计是基于 flash 平台的动画短片制作距离信念，以异地恋为故事情节来展开制作。 最初想要制作动画是因为看了宫崎骏的动漫，他的动漫不仅能够让人明白一定的道理，更让人印象深刻的是在他的动漫中，很富有乡间文艺气息的感觉，场景唯美有朝气，角色设定形象生动，并且动漫在影视界有很大的经济价值。所以想要通过自己原创制作出美轮美奂的动画作品，通过向人们展示来表达 flash 的艺术价值以及经济价值。 1.2 研究

10、的目的 在网上，我们能够通过一些网站下载到动感十足的 flash 动画，这些 flash 动画是许多网友自己制作出来传到网络上供其他网友欣赏的，flash 动画文件小，易于传输，给上传者和浏览者提供了方便，可以说这样的 flash 动画在网络上已经形成了流行的趋势。本次研究以制作 flash 动画短片距离的信念为例，通过在 flash 平台中制作动画，来研究flash 动画技术的特点，更加深入掌握制作 flash 动画的技术。 1.3 研究的意义 flash 动画应用领域广泛，目前，横幅广告、联机贺卡、卡通画、flash 游戏、用户界面等都有涉及 flash 动画, 通过运用 flash 软件

11、创造出动感十足、交互性强、精美绝伦的动画作品，深受广阔群众的喜爱，并且对于学习教育技术学的学生来说，熟练掌握运用 flash来制作动画是根本专业素养。 1.4 制作根本工具介绍 1.动画制作平台 flash 是一款有美国 macromedia 公司推出的矢量图形和动画创作的软件，是最流行的动画作品的制作工具，各种强大的绘图工具、文字工具、按钮使得在制作动画短片的过程中容易操作，消耗时间短，成为交互式矢量动画标准，用心制作就能够制作出动感十足的动画作品2 。 2.声音处理软件 插入到动画短片中的音效需要进行适当的剪辑，在本次音乐剪辑中用到了goldwave 音乐剪辑软件，该软件操作简单，只要把音

12、乐导入到该软件中，选中需要删除的音乐片段，按 delete 键就能够将不要的音乐片段删除，易于存储。 信息学院课程设计报告 2 mv别的设计 2.1 整体设计思路 1.设计思想 在这次设计中，我制作的的主题是：基于 flash 平台的 mv 制作别，mv 内容讲述的是关于触动你心里最柔软的地方,小时候我们被大人告知“别”跟奇怪的陌生人讲话。读书的时候老师们要我们“别”懒惰，要好好念书。然后毕业了，恋爱了、受伤了、工作了、生病了。人生“别”要我们做的事永远比我们可以做的事还要多。“别”晚睡晚起、“别”轻易相信别人、“别”好高骛远、“别”忘了吃药、“别”走太快、“别”说再见、“别”别离。很多时候不

13、是我们不想，而是我们不能。我们很想做某些事情，可是我们学会想太多，因此我们常常告诉自己：别。这首歌的旋律非常简单，但也许最简单的歌曲反而让人低估了它的力量。一歌中超过三十句的“别”总有一个“别”会让你微酸，或让你害怕，或让你思念。别坦白。别不安。别喜欢。别揭穿。 2.可行性分析 本次设计属于原创加图片素材设计，动画内容由自己用 flash 软件中的矢量图形工具来绘制以及对图片素材的更改混合完成，只要自己有一点绘画根底，就能够实现动画中的矢量图形绘制，在根本的动画完成后，在场景中插入需要的音效和所需要的图片素材，不断测试修改，就能够完成 flash 动画 mv 设计。 2.2 分场景的设计 想要

14、制作出一个优秀的动画 mv 设计，作品筹划和剧本编写是至关重要的，首先对设计有一个完整的设想，这是整部 mv 的场景设置：以薛之谦别的封面出现（第一个场景）出现薛之谦动漫人物做出“别”的动作（第二场景）出现第二个薛之谦的真人图片（第三场景）出现收起“别”动作的薛之谦动漫人物（第四场景）第三个略带悲伤的薛之谦的真人图片（第五场景）另外一个带着快乐的薛之谦动漫人物出现（第六场景）又是一个忧伤的薛之谦的真人图片出现（第七场景）又一个带着快乐的薛之谦动漫人物出现（第八场景）更忧伤的薛之谦的真人图片出现（第九场景）出现最后一个薛之谦真人图片（第十场景）屏幕全黑，出现旁白，并再一次出现一个快乐的薛之谦动漫

15、人物（第十一场景）。 距离的信念分镜头脚本设计 序号 内容 画面 时间 场景音乐 背景音乐 1 以薛之谦别的封面出现 11s 别歌曲 别 信息学院课程设计报告 3 2 出现薛之谦动漫人物做出“别”的动作 9s 别歌曲 别 3 出现第二个薛之谦的真人图片 19s 别歌曲 4 出现收起“别”动作的薛之谦动漫人物 23s 别歌曲 5 第三个略带悲伤的薛之谦的真人图片 13s 别歌曲 6 另外一个带着快乐的薛之谦动漫人物出现 9s 别歌曲 别 7 屏幕全黑，出现旁白，并再一次出现一个快乐的薛之谦动漫人物 20s 别歌曲 信息学院课程设计报告 4 3 mv别的制作 3.1 素材收集 1.在动画中需要插入

16、音频来到达视角与听觉完美结合的动感效果，所以需要收集一些音频素材。 2.在网上，音频素材很多，我下载了和薛之谦的别有关的图片素材，以及薛之谦的动漫人物图片。 3.2 动 画 制 作 3.2.1 角色设计 图 3- 1 薛之谦别封面 如 图 3-1 所 示 薛 之 谦 角 色 设 计 。 信息学院课程设计报告 5 图 3- 2 动漫人物薛之谦 如图 3-2 所示是动漫人物角色设计。对“别犹豫，别偶遇，别相遇”歌词的描写。 信息学院课程设计报告 6 图 3- 3 略带忧伤 如 图 3-3 所 示 第 二 张 真 人 薛 之 谦 图 片 角 色 设 计 。 略 带 忧 伤 。 图 3- 4 放下忧伤

17、的动漫人物薛之谦 如 图 3-4 所 示 放 下 忧 伤 的 动 漫 人 物 薛 之 谦 角 色 设 计 。 信息学院课程设计报告 7 图 3- 5 快乐的动漫薛之谦 如图 3-5 所示快乐的动漫人物薛之谦角色设计。 3.2.2 场景制作 回到舞台，然后根据短片脚本进行动画制作。 1. “别”场景制作 信息学院课程设计报告 8 图 3-6 别 如图 6-1 所示，在此场景中有相应的动画，文字的出现通过逐帧动画来实现的，它是通过创立遮罩层，即遮罩动画来实现的。 2. “ 真 人 薛 之 谦 唱 歌 ” 场 景 制 作 信息学院课程设计报告 9 图 3-7 最后动漫 如图 6-2 所示，新建图层，

18、在图层的适宜位置插入空白关键帧，绘制音符，选中舞台中的音符，把它转换为元件，在后面的 100 帧上插入关键帧，点击音符，调整它的位置以及让 alpha 值为 0%，在两个关键帧之间创立传统补间，实现音符从出现到消失的效果。 3. “海边游玩”场景制作 图3-8 遮罩加文字 如图 6-3 所示，利用遮罩将图片素材遮盖起来，然后添加文字。 4. “旁边”场景制作 信息学院课程设计报告 10 图 3-9 旁白 如图 6-4 所示，在这一场景中，出现在黑色背景上的字是通过逐帧动画完成的，在之后参加了键盘打字音效，模拟出键盘打字效果。 在动画制作完成后，屡次进行影片测试，修改动画细节局部，让影片呈现完整

19、连贯的视角效果。 3.2.3 动画技术 (1)泡泡冒出 选择“插入新建元件”，建立一个名为“泡泡 1”的影片剪辑元件，点击确定，进入元件区。就一个图层。 a.选择图层 1 第 1 帧，用椭圆形工具在舞台拖一个，笔触高度为 1，无填充色的，白色椭圆框，复制一个该实例，将两者交叉。然后，删除无用的线条，再用选择工具将其调整为心形。选择燃料桶工具翻开混色器，设置其参数，在心形框内填充（点一下），删除边线，在用填充变形工具调整色阶位置。全居中。其绘制流程，（2）选择“插入新建元件”，建立一个名为“红心 2”的影片剪辑元件，点击确定，进入元件区。添加一个图层，共两个图层。自下而上命名为泡泡、as。 信息

20、学院课程设计报告 11 图 3-10 泡泡 (2)雪花 启动 flash, 把图层一命名为背景，把图片导入到舞台。 ctrl+f8 创立图形元件 雪花，设置背景为黑色，给雪花填充颜色为白色。在创立一个影片剪辑 雪花一片，使用任意变形工具把重心移到下边 + 上，然后在变形 面板里面设置角度为 60 度，复制并且应用变形，重复 6 次，雪花一片就做好了。 改变雪花一片的大小，在图层一的第 10 帧插入关键帧，然后添加一个运动引导层，选 择铅笔工具画一个轨迹， 在图层一中， 选中第一帧， 把雪花放在最上面， 选中第 10 帧， 把雪花放在最下面，在图层一创立补间动画。 把窗口转到场景一，插入图层 -

21、 雪花飘落，创立补间动画。 信息学院课程设计报告 12 图 3-11 雪花飘 (3)图片旋转 我们绘制的图形虽然看上去是一个整体但实际并不是，我们需要随其进行原件的转换，按下 v 键，使用选择工具选中整个图形。在按下 f8 键转换即可。添加关键帧。制作旋转效果首先要做的就是确定关键帧，一个动画要想要动的话就必须有两个或两个以上的关键帧才行，添加两个关键就是我们要做的，是动画在这两个关键帧之间进行运动。鼠标在想要添加关键帧的地方单机，按下 f6 键就 ok 了。创立时间补间。在两个关键帧之间任意位置右击鼠标，在弹出的菜单中选择创立时间补间选项。同样在两个关键帧之间单击选中一个位置，翻开属性面板，

22、在旋转一栏中调整旋转的效果。默认的是自动，点击下拉菜单项选择择是顺时针还是逆时针即可。调整旋转的圈数。设置好旋转的方式后我们可以调整旋转的圈数，圈数越大，旋转的越。 点击下面的播放按钮播放，查看效果。如果感觉不好可以进行调整。 信息学院课程设计报告 13 图 3-12 旋转图片 3.2.4 音效插入 1.剪辑音效。在插入音效之前，需要回到动画中去看一看要插入动画的位置大概的帧数，然后翻开 goldwave 音频剪辑软件，导入要剪辑的音频，把音频多余的局部进行删除，然后文件保存，可以保存为.mp3 或者.wav 格式都可以，保存路径必须和动画在同一个文件夹中。 2.插入音效。翻开动画 flash

23、 文件，把剪辑好的音频导入到库中，找到需要插入音频的动画位置，新建图层，插入空白关键帧，把音频拖入到舞台，图层上有音频的波动标志，说明音频已插入到动画相应的位置。 3.3 动画测试与发布 3.3.1 测试动画 当动画初步制作完成后就可以对动画进行调试了，主要是对动画的各个细节、片段的衔接、声音和动画之间的协调等进行调整，是整个动画看起来更加流畅、和谐。 测试动画是在动画完成之前对动画的效果、品质等进行最后的检测。因为flash 动画的播放时通过计算机对动画的各个矢量图形、元件的实时运算来实现 信息学院课程设计报告 14 的，所以动画播放的效果很大程度上取决于计算机的软、硬件的配置。在测试时注意

24、，要尽可能多的在不同档次、不同配置的计算机上测试动画，然后根据测试后的结果进行调整和修改，以便在较低配置的计算机上也能播放。 3.3.2 发布动画 在动画制作完成后，最后一步就是发布动画。先保存动画，然后文件发布设置，用户可以对动画的生成格式、画面品质和声音效果等进行设置，在动画发布时的设置将最终影响到动画文件的格式、文件大小和动画在网络中的传输速率。注意，在进行动画发布设置时，应根据动画所用的用途和使用环境等进行设置4 。 4 总结 在本次动画短片制作中，我是以一个短片来讲述一个故事，所以必须确保故事情节的连贯性。接下来就是每个场景的制作，需要用钢笔工具、矩形工具、线条工具等来会出场景的大概

25、轮廓，然后进行着色，着色需要对现实世界中的立体场景有一个很好的认识，才能进行恰当的色彩搭配。然后就是在制作行走中的人的时候，首先要用各种绘图工具来绘画出人物行走的各种姿态，特别是人的脚、手，脚和手是人物行走中主要的运动部位，在绘制时，必须对人物在行走中的肢体必须有个很好的认识，才能绘制出正确的人物肢体，然后通过逐帧动画来将绘制好的人物肢体连接成一个完整的正常人行走时的效果。在这一整个过程中，给绘制的背景轮廓着色、绘制各种卡通人物、用逐帧动画来呈现人物行走，需要一定的美术根底，而我在这一方面有所欠缺，对绘画人物行走的各种姿态技术不娴熟，所以只能参照书本制作出大概的人物行走动画。 在本次设计过程中

26、，我根本完成了原先设想的动画，但是在制作人物行走时，人物行走表现的有点僵硬，和我想象的有些差异。经过这次设计，我体会到要做 信息学院课程设计报告 15 一个动感十足，具有强烈的视觉冲击力的作品是很不容易的。首先，创造力非常重要，想要设计出一个让人印象深刻的动画，必须突破惯性思维，充分发挥自己的想象力，对设计有充分的构思。然而梦想和实际操作是有很大的空间距离的，在筹划动画时，每一个场景都想象得特别完美，但是在实际操作过程中却无从下手，自己没有一定美术，在人物绘制方面，更是力不从心，对人物的各种表情以及行走姿势拿捏的不是特别到位，所以只能绘制出简单的人物形象。在彩色搭配方面，需要有很好的审美观，这就需要在平时的生活中对事物观察入微，提升自己是审美素养，对场景进行和谐的配色是很重要的，和谐