flash课程设计

-1-武汉理工大学华夏学院课程设计课程名称《多媒体技术应用》课程设计题目心灵之窗的制作专业计算计应用班级学号姓名成绩____________________指导教师2010年1月25日至2010年1月29日-2-课程设计任务书设计题目：心心灵灵之之窗窗的的设设计计制制作作设计目的本课程的设计的目的是通过实践使同学们经历多媒体应用系统开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的案例，理解并初步掌握常用多媒体软件的使用，利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互式多媒体软件的应用；通过《多媒体课程设计》实验，使学生能够达到提高多媒体技术的实际开发应用能力，了解系统分析、系统设计、系统实施的主要环节和步骤以及软件文档的制作过程。设计任务（在规定的时间内完成下列任务）在在某某个个节节日日或或生生日日，，给给自自己己最最爱爱的的人人送送上上自自己己最最真真心心的的祝祝福福，，比比如如父父母母。。要要求求集集视视频频、、背背景景音音乐乐、、心心声声、、字字幕幕等等于于一一体体。。具具体体要要完完成成的的任任务务是是：：1.完成整个程序的设计及组合，经经教教师师检检查查及及答答辩辩；；2.写出规范的课程设计说明书；3.课程设计结束后交设计说明书等文档。4.文档雷同者按不及格处理；5．课程设计报告采取统一格式。时间安排2010年1月25日布置课程设计任务；讲述设计目的、内容、时间安排与本次课程设计的要求查阅资料，确定设计题目及设计思路；2010年1月26日按各设计题，查阅资料，准备原始素材的录入和获取；书写需求分析报告；2010年1月27日总体设计，查阅资料，对各种素材进行加工处理及设计；2010年1月28日详细设计，按各设计题，继续查阅资料，对各种素材进行加工处理及设计制作；2010年1月29日演示制作内容，提交课程设计报告及相关文档。具体要求1.课程设计报告按国际通用格式书写，具体格式要求请在网络上查阅；2.每位学生应独立完成各自的任务且每天至少在设计室工作半天；指导教师签名：2010年1月25日教研室主任（或责任教师）签名：2010年1月25日-3-心灵之窗的设计制作摘要结合自己在课堂上所学的知识，将理论联系实际，学以致用，达到融会贯通的效果，真正的落实到实处。运用多媒体知识制作一个FLASH贺卡，把理论知识转化为实际动手能力，通过此次课程设计，使自己能够达到提高多媒体技术的实际开发应用能力，让自己等到充分的锻炼。关键字FLASH，心灵之窗，祝福1.引言在信息技术快速发展的形式下，教学研究更加关注学生的学习需求及学生的学习心理，多媒体课程资源制作更注重学生学习的情感因素。通过自己亲手制作多媒体的经历，我们从字表处理、图形处理、动画和录像片段的插入应用等几个方面得到了很好的锻炼。2．需求分析2.1设计目的利用多媒体计算机等设备进行音频与视频数据的获取和处理、图像处理与图像文件格式转换、超文本超媒体在交互式多媒体软件的应用。2.2内容设计制作一个Flash贺卡，以一种意象来突出主题，达到预期目的，既巩固了多媒体知识，又锻炼了自己。制作这张贺卡，用到了平时学到的多种知识才得以完成。-4-2.3设计流程此次设计的主要流程图，如图1所示图1设计流程图3.详细设计3.1Flash的制作过程新建一个空白的Flash文档，把背景设置为黑色。如图1所示。图1新建Flash文档查找材料确定内容主要过程实现步骤选题最终结果-5-在场景中把图层1改为窗框，然后在这一层中绘制一个矩形边框。如图2所示。图2矩形边框选择文件——导入——导入到库，导入一张事先准备好的图片。导入后按Shift+F9打开混色器，把填充的类型选择为“位图”，然后在选择刚才导入的图片填充。如图3所示。图3导入到库-6-在影片剪辑中绘制如图的窗帘布，填充色我选择了透明度为30%的白色。如图4所示。图4填充后的效果新建一个名为“窗帘1”的影片剪辑，按Ctrl+L打开库，把刚才做好的窗帘动画拖到场景中，然后在第29帧插入帧。新建一个图层3，这次插入两个“窗帘”的影片剪辑，同样把其中一个的方向改变下，下用变形工具调整下这两个图形的大小。只要让它看起来有层次感就行了。最后在第30帧插入帧。如图5所示。图5插入帧的效果-7-再新建一个图层4，在图层4第30帧插入关键帧。这次不拖元件了，点下图层1，然后把图层1场景中的元件按Ctrl+C复制，再点下图层4第30帧按Ctrl+Shift+V把它粘贴到原来的位置，同样的，再点下图层2，把图层2的图形也复制过来粘贴到原来的位置。最后，按F9打开动作面板，输入stop();如图6所示。图6操作后的效果最后，分别点下图层1和图层2中的元件，按Ctrl+B打散。返回到场景中，新建一个图层为“窗帘”，打开库，把刚做好的“窗帘1”元件拖放到场景中，拖两个，一个用水平翻转改变下方向，分别把这两个元件摆放好。如图7所示。图7显示窗户的界面-8-新建一个图层为背景，然后画一个和场景一样大小的填充的矩形，然后把填充色设置为无，再画一个小矩形，把它的大小设置和窗一样大，画好后，在场景外点下，取消选择，然后再双击场景中的小矩形，把它选起来后删掉，这样，背景矩形就画好了。如图8所示。图8最终窗户界面到此，窗和窗帘已经全部完工了，下面就是要给窗后面加点东东，使它看起来更好看点。在最下面新建一个“背景图”的图层，在这个图层中导入一张事先准备好的图片做背景。如图9所示。-9-图9最终效果新建一个名为“蝴蝶飞飞”的影片剪辑，在这里要把刚做好的两个蝴蝶飞舞的元件放进来，而且要让它们在不同时间段开始飞出来。在图层1第10帧插入关键帧，打开库，把蝴蝶元件拖到场景中来，在第120帧插入帧。再新建一个图层2，在第50帧插入关键帧，同样再拖入一个蝴蝶元件进来，这次可以拖一个不同路径的进来。同样在第120帧插入帧。再新建一个图层3，在第120帧插入关键帧，再插入一个蝴蝶元件进来，这次随便你要哪个，不过拖进场景后可以把它改变下方向。最后点击120帧（哪个图层都行），然后按F9打开动作面板，输入stop();(三只蝴蝶的位置要适当调整下)注：如果觉得蝴蝶的颜色不喜欢，和场景里的图片不适合的话，可以点击下想改变颜色的蝴蝶，打开属性面板，选择颜色—色调，然后调整好自己要的颜色，再改变下透明度就行了。如图10所示。-10-图11蝴蝶飞飞返回场，在背景图层上面新建一个图层为“蝴蝶”，然后把刚做好的蝴蝶飞飞元件拖到场景中。可以用做蝴蝶的方法再做一个枫叶飘落的小动画，再放置到场景中，方法类似上面的，结果如图12所示。图12最终界面-11-最后插入音乐，这个比较简单，就不赘述。如图13所示：图13插入音乐3.2Flash的有关基础知识Flash一共有三大对象（组建）：图像，按钮，影片剪辑，还有一个主场景，所有创作的动画基本都是对象在主场景上进行的。主场景好比舞台，而对象好比演员，一群演员在舞台上演出就构成了一幕精彩的演出。在制作动画之前，要尽量多的创建对象而不是在主场景上做动画。可以通过查资料，在论坛发贴的方法慢慢解决，只要努力学习，就一定能够学好。4.心得体会通过这次课程设计可以培养我们的独立思考和解决问题的能力，培养我们的动手能力，遇到问题时不要有依赖心理。在平时我们的学习过程中，只注重理论的学习，并没有动手去做，只有我们动手去做我们才可能发现问题，然后想办法解决问题。在本学期的多媒体课程中我们学习到了很多东西，最主要的两项是flash动画的制作和photoshop相片的处理技术，这两项技术都是非常有用的技术，能为生活增添不少乐趣。在本次课程设计中，我自己动手制作了一个简单的flash贺卡，通过贺卡能够动态地表达我对节日到来之时对大家的祝福，我觉得是很有意-12-思的。通过这次课程设计，我们将课堂上所学习的理论知识通过实践能够运用到具体实例中，我觉得很有意义。参考资料[1]朱俊杰.Flash动画设计教程.中国人民大学出版社，2009年[2]林福宗.FLASH中文版动画制作实战训练，人民邮电出版社，2006年[3]超级容易学电脑编委会.中文Flash动画制作，机械工业出版社，2007[4]孙连军.Flash8动画设计与制作案例教程，机械工业出版社，2008[5]王兵华.Flash动画设计实例教程.中国铁道出版社，2008-13-设计过程及答辩回答问题记载：（至少三个问题）1.遮罩层如何设计?答：画一个长方形，竖长形，将其填充为渐变效果（白--透明），调整好之后，把图形旋转一定角度，然后转换成图形，做一个补间动画，这样选中第一层给第二层做遮罩，这样预览一下就可以达到你要的效果了。2.制作霓虹效果?答：打开软件,点文件-新建,新建画布,设置画布,把宽设为468,高设为200，景填充黑色；点T形工具,在文本条目框中输入文字；用变形工具把文字括大；点T形工具,在画布文字中点鼠标右键文本霓虹；为这个样应用15帧；这一步应用风吹动的效果,调整效果至理想状态；下面来做别样效果吧!例如镜头...所有特效制作完毕,点文件,另成为,保存为GIF文件就OK了。3.几幅背景图片怎么实现轮流转换?答：通过建立多个图层，然后根据时间轴的控制，在不同时间段控制一个背景图片的出现，然后过了一段时间将前一幅图片设为0%可见，将后一幅图片在另外的图层中设置出现，如此重复，最后得到的效果便是一幅幅图片的转换连接。指导教师评语：签名：2010年1月29日