1、武汉理工大学华夏学院课 程 设 计课程名称多媒体技术应用课程设计题 目 电影片头宣传片专 业 软件技术 班 级 软件 2073 班 学 号 10225607305 姓 名 周诚 成 绩 指导教师 苏永红 2009 年 6 月 22 日至 2009 年 6 月 26 日课程设计任务书设计题目：电影片头宣传片设计目的 本课程的设计的目的是通过实践使同学们经历多媒体应用系统开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的案例，理解并初步掌握常用多媒体软件的使用，利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互
2、式多媒体软件的应用；通过多媒体课程设计实验，使学生能够达到提高多媒体技术的实际开发应用能力，了解系统分析、系统设计、系统实施的主要环节和步骤以及软件文档的制作过程。设计任务 （在规定的时间内完成下列任务）设计一部自己感兴趣的电影的“电影片头宣传片” ， 集电影片段、文字、背景音乐等与集电影片段、文字、背景音乐等与一体，并附上自己的独到的见解及评语，以便向观众介绍这部影片一体，并附上自己的独到的见解及评语，以便向观众介绍这部影片。具体要完成的任务是：具体要完成的任务是：1. 完成整个程序的设计及组合，并刻录成自启动光盘； 经教师检查及答辩；经教师检查及答辩；2. 写出规范的课程设计说明书；3.
3、课程设计结束后交设计说明书等文档和 一个自制完整的多媒体作品一个自制完整的多媒体作品光盘。4. 文档雷同者按不及格处理；5课程设计报告采取统一格式。 时间安排 2009 年 6 月 22 日 布置课程设计任务；讲述设计目的、内容、时间安排与本次课程设计的要求查阅资料，确定设计题目，并报自各班学习委员处集中；2009 年 6 月 23 日 按各设计题，查阅资料，准备原始素材的录入和获取；书写需求分析报告；2009 年 6 月 24 日 系统总体设计，查阅资料，对各种素材进行加工处理及设计；2009 年 6 月 25 日 系统详细设计，按各设计题，继续查阅资料，对各种素材进行加工处理及设计，并制作
4、成一张自启动光盘；2009 年 6 月 26 日 调试程序、演示设计软件、答辩；2009 年 6 月 26 日 提交课程设计报告及相关文档。具体要求1. 课程设计报告按国际通用格式书写，具体格式要求请在网络上查阅；2. 每位学生应独立完成各自的任务且每天至少在设计室工作半天；指 导 教 师 签 名： 2009 年 6 月 22 日教研室主任（或责任教师）签名： 2009 年 6 月 22 日1 背景多媒体技术是当今信息技术领域发展最快、最活跃的技术，是新一代电子技术发展和竞争的焦点。多媒体技术融计算机、声音、文本、图像、动画、视频和通信等多种功能于一体，借助日益普及的高速信息网，可实现计算机的
5、全球联网和信息资源共享，因此被广泛应用在咨询服务、图书、教育、通信、军事、金融、医疗等诸多行业，并正潜移默化地改变着我们生活的面貌。 随着计算机多媒体技术的突飞猛进，多媒体凭借着自身的优势越来越被受到广泛关注和应用，已经在不知不觉中影响到了我们生活的很多方面，本文简要介绍了计算机多媒体技术及其相关概念，对计算机的主要应用做了概括性总结。2 需求分析所谓多媒体，就是融合了两种或两种以上媒体的一种人机交互式信息交流和传播的媒体，其使用的媒体包括文字(Text)、图像(Image)、图形(Graph)、动画(animation) 、音频(audio)、视频(Video) 。各种媒体表现形式各不同。但
6、都为数字化形式存在，即计算机二进制数字文件。多媒体包括 :（1）文本：由语言文字和符号字符组成的数据文件。 （2）图像：通过描述画面中各个像素的亮度和颜色等组成的数据文件。也叫点位图或位图图像。 （3）图形：矢量图形的简称。即生成一幅图形由数学方法组成的数据文件。一般可将图形看作是图像的抽象。 （4）动画：将静态的图像、图形及连环图画等按一定时间顺序显示而形成连续的动态画面。 （5）音频：声音信号，即相应于人类听觉可感知范围内的频率。 （6）视频：可视信号，即计算机屏幕上显示出来的动态信息，如动态图形、动态图像、动画等。而多媒体技术，是指采用计算机技术，将各种媒体以数字化的方式集成在一起，从而
7、使计算机具有了能同时获取、处理、编辑、存储和展示多体信息的能力。 计算机多媒体技术主要特性： 计算机化至少对终端用户来说媒体信息的播放是由计算机控制的。 集成化涉及的设备的类型与数量尽可能地单一。包括存储集成化、捕捉集成化、播放集成化、网络集成化（ISTN 与 ISPN） 。要在 Flash 中构建应用程序，可以使用 Flash 绘图工具创建图形，并将其它媒体元素导入 Flash 文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。在 Flash 中创作内容时，需要在 Flash 文档文件中工作。Flash 文档的文件扩展名为 .fla (FLA)。Flash 文档有四个主要部分
8、：舞台是在回放过程中显示图形、视频、按钮等内容的位置。在 Flash 基础中将对舞台做详细介绍。时间轴用来通知 Flash 显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。ActionScript 代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用 ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。Flash 包括两个版本的 Actio
9、nScript，可满足创作者的不同具体需要。有关编写 ActionScript 的详细信息，请参阅“帮助“ 面板中的“ 学习 Flash 中的 ActionScript 2.0“。Flash 包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将 ActionScript 添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。这些功能使 Flash 不仅功能强大，而且易于使用。完成 Flash 文档的创作后，可以使用“文件“发布 “命令发布它。这会创建文件的一个压缩版本，其扩展名为 .swf (SWF)。然后，就可以使用 Flash Player 在 Web 浏览器中播放 SWF 文件，或
10、者将其作为独立的应用程序进行播放。在人们看过的很多电影中，一些令人惊叹的特技镜头都是应用多媒体技术制作完成的。借助多媒体技术，可以实现诸如科幻、爆炸、外星人等现实中无法实现的特殊效果。为了体现多媒体在生活中的应用，我决定将这个学期学的flash 做一个简短的电影宣传片头，做到学以致用。3 总体设计思路这个关于野蛮女友的片头介绍片讲述了男孩和女孩之间的故事，重点在于女孩野蛮但不失可爱，整部电影的风格是幽默风趣的，所以我决定用卡通人物来定义两个主人公，他们洋溢着青春的气息，给观众带来清新纯朴爱情故事。的整个 flash 共有 7 个场景，两个人从一次偶遇开始，然后在一系列事情中相知，最后相恋，整个
11、画面干净、清晰，最重要的是幽默在整个 flash 中体现出来。第一个场景是在一个糖葫芦店开始了他们的不解之缘，第二个场景是成为同学后女孩抢男孩的漫画，第三个场景是他们为了蛋糕而四处追逐，第四个场景是男孩在打棒球时遭到女孩的“野蛮” ，第五、第六个场景是男孩对女孩表白，第七个场景是在两人以相恋为 ending 落幕的。4 运行环境Macromedia Flash 85 详细设计5.1 界面设计风格定为温馨的粉色，定下相恋的基调。用到的技术有按钮和脚本。在按钮“love”中加入音效，脚本则是在第一帧上写上 stop，然后在按钮上添加脚本 on (release) play();如图 1、图 2 所
12、示。图 1 flash 界面设计图 图 2 按钮脚本5.2 第一个场景之两人相遇在一个卖糖葫芦的摊上，两个人从买糖葫芦时，女孩的嬉闹，男孩的无奈开始了这段让人欢笑、让人羡慕的纯真的爱情故事。如图 3 所示：图 3 两人在糖葫芦摊上相识在这个场景设计中用到的技术有动画补间和逐帧动画。如女孩的离开用到的是动画补间，老伯皱眉头用到的是逐帧动画，如图 4 所示：图 4 动画补间和遮罩动画5.3 第二到第五个场景介绍两人之间发生的故事。故事发生的女孩离开的动画补间老伯皱眉的逐帧动画地点在山中。5.3.1 第二个场景两人的关系从熟悉的陌生人变成了同学。在三年二班，女孩抢走了男孩的漫画书在前面奔跑，男孩委屈
13、的跟在后面想要将书要回来。如图 5 所示：图 5 成为同学后的第一次嬉闹第二个场景用到的技术有遮罩动画和形状补间。如图 6 所示图 6 遮罩动画和形状补间5.3.2 第三个场景女孩继续野蛮本色，在田地里抢男孩的蛋糕，两人互相追逐，最后女孩成功的抢到了蛋糕，并大快朵颐。在此场景中加入一些幽默的东西，如两人将田地踩坏之后老伯的出场，无奈的表情。如图 7、图 8、图 9 所示：圆形从小变大，用形状补间来展现场景图 7 菜地嬉闹图 8 老伯的无奈图 9 女孩大快朵颐在这些场景中，我多次使用了元件中的影片剪辑，然后在影片剪辑中嵌套影片剪辑动画，在两人奔跑，老伯的汗滴，男孩哭泣中体现出来，当然还有动画补间
14、。如图 10、图 11 所示：图 10 影片剪辑中嵌套影片剪辑动画图 11 遮罩动画和动画补间在影片剪辑嵌套中的应用5.3.3 第四个场景男孩女孩打棒球，还是体现了女孩的野蛮风格。如图 12 所示：两人追逐用动画补间展现用遮罩动画来夸张男孩的眼泪图 12 棒球之旅 使用了逐帧动画。如图 13 所示：图 13 逐帧动画5.3.4 第五个场景这是一个过渡场景，为后面故事的发生做一个铺垫。如图 14 所示： 图 14 过渡场景5.4 第六个场景可以说这是 flash 中的高潮部分，男孩以为女孩睡着了，所以鼓起勇气向女孩表白，可是女孩听见了，害羞的答应了。如图 15 所示：这一帧男孩的脸还是正常的这一
15、帧男孩的脸如图 12看到的一样，达到被打的动画效果图 15 表白 5.5 第七个场景两人手拉手回家作为 ending，如图 16 所示：图 16 ending两个人在山间漫步用到了影片剪辑嵌套影片剪辑动画，还有引导动画。如图17 所示：图 17 在山间漫步的场景制作5.6 最后幕布拉下用到了动画补间，利用文字 alpha 的属性值将文字效果变成从无到有慢慢浮现出来，然后利用影片剪辑嵌套动画来完成回忆，好像两人在看一场自己演的电影一样。 “replay”按钮脚本为 on (release) _root.gotoAndPlay(2);,最后用遮罩动画、引导动画、逐帧动画来完成自己的个性签名和影片的
16、播放。如图 14 所还是用到了影片剪辑中的嵌套影片剪辑动画示：图 18 最后的 ending5.7 音乐、音效的添加在 flash 中加入了混合的音乐。用 cool edit 音乐编辑器将两个音乐进行合成还有裁剪，这些音乐添加在不同的场景中，展现不同的氛围。而音效就是添加在按钮中的，达到提示的作用6 运行效果及截图图 19 影片的开始 图 20 第一个场景图 21 两人关系的升华 图 22 第二个场景图 23 第二个场景 图 24 第三个场景图 25 第四个场景 图 26 过度场景图 27 表白场景 1 图 28 表白场景 2图 29 表白场景 3 图 30 回家图 31 最后的 ending
17、7 感想小结这次课程设计让我能够将所学的知识学以致用，虽然制作 flash 有些辛苦，但是也很有成就感，我对这次的 flash 感到很满意，同时也还有一些不足，如不同版本上的 flash 字体的差异问题导致有些文字无法识别等等之类的问题。最后感谢老师们的指导。让我完成了满意的作品。8 参考文献3Flash 多媒体课件制作范例导航.李永.李伟.贾海涛.清华大学出版社,2006 4Flash Action Script 3.0 从入门到精通.章精设.胡登涛.清华大学出版社,20085photoshop 影像艺术与网页设计.中国青年,2002设计过程及答辩回答问题记载：（至少三个问题）1 最后“谢谢
18、观看”的出现是怎么制作的？答：写下“谢谢观看”后，按两次 ctrl+b 将其属性变成形状，然后在右上角的颜色属性上将文字的在第一帧的位置上的 alpha 值变成 0%，然后再将要出现文字的那一帧上将alpha 值改为 100%。就可以达到文字浮现的效果。如图 32、图 33 所示：图 32 alpha 为 0% 图 32 alpha 为 100%2 个性签名是怎么实现的？答：先在元件中写入自己的名字，然后用引导动画按文字的路径勾画一条不封闭的曲线，最后用逐帧动画加上遮罩动画在样出现笔画的地方涂上颜色，最后就可以完成一个签名。如图 33 所示： 图 33 签名的制作3 两人最后在山间漫步的动画是怎样制作的？答：用到了引导动画和动画补间来完成。首先是在山间根据山的起伏勾画一条路径，然后将两人的元件放在起始端和末端，最后用动画补间将人物动起来。如图 34 所示：图 34 两人回家动画的制作指导教师评语：签名：2009 年 6 月 26 日
