自由空间flash公益小广告毕业论文.doc

毕业设计（论文） 题题 目：目： 自由空间 flash 公益小广告 系系 部：部： 信息技术系 专专 业：业： 网络技术 学学 号：号： 学生姓名：学生姓名： 指导教师姓名：指导教师姓名： 指导教师职称：指导教师职称： 二二一二一二 年年 四四 月月 十十 日日 摘 要 随着 Internet 的迅速发展，人们不再满足于枯燥的静态网页，具有动态效 果的网页则更能吸引浏览者的目光，而 Flash 软件的出现为原本沉寂的网络带 来了生机和活力。目前，Flash 已成为最流行的动画制作软件之一，其影响力 已经超过了曾经风靡的 Java。 Flash 是美国 Macromedia 公司推出的矢量图形编辑和动画创作专业软件。 它以流控制技术和矢量技术等为核心，制作出的动画具有短小精悍的特点，广 泛应用于网页动画设计，交互式软件开发等领域。 上网人数与日倍增，越来越多的商业客户开始重视网络这个宣传、展示的 平台，网络广告近些年也呈快速发展之势。在网络广告的发展历程中，简单的 静态的 banner 广告形式已经不能满足客户的要求，因此，又出现了漂浮广告、 弹出式广告以及大幅面广告等众多形式，笔者在考察了众多的网络广告形式之 后，又结合了传统广告的制作、创意等情况，认为未来的网络广告形式中， flash 广告将大有可为。但是从目前的发展形势来看，其中还存在不少的问题， 因此，本文拟从分析 flash 广告的特征和存在的问题入手，探析 flash 广告的 出路，以起到抛砖引玉之作用。 关键词关键词:Flash 动画 宣传 广告 I 目目 录录 引 言.1 第一章 需求分析.2 1.1 选题背景 2 1.2 软件介绍 3 第二章 概要设计.5 2.1 主题设计 5 2.2 内容结构图 6 2.3 脚本设计 6 第三章 系统详细设计.9 3.1 素材准备 9 3.1.1 图片素材准备.9 3.1.2 导入声音和图片素材.9 3.2 主要场景的制作 9 3.3 主要元件的制作 .15 3.4 动画的合成 .15 第四章 系统调试17 4.1 路径测试 .17 4.2 按钮测试 .17 第五章 用户操作18 毕业设计小结.19 参考文献.20 致 谢.21 1 引引 言言 随着计算机技术和网络技术在世界范围内不断普及，人类社会已经开始步 入计算机网络时代。信息技术的迅猛发展，计算机网络的应用已经深入到人们 日常生活的每一个角落，涉及到社会的各个方面，其影响之广、普及之快是前 所未有的。宽带网络的蓬勃发展更是让人们欣喜地感受着共享网上资源的独特 魅力。网络的巨大能量为人们提供了强有力的通信手段和尽可能完善的服务。 从而极大的方便了人们，剧烈地改变着人们的工作、学习、生活和习惯方式。 人类走进入了信息化时代，通过网络与世界各地的其它用户自由地进行通信、 网上视频交谈、各种娱乐活动、多媒体教学、从网络中方便快捷的获取各种信 息。 Flash 技术以包含简单的动画、视频内容、复杂演示文稿和应用程序以及 介于它们之间的任何内容。它不仅能够制作出许多眩目多彩的效果，而且只要 你肯赋予它一定的情景，将音乐，动画以及富有新意的界面融合在一起，它会 就模拟出现实生活中的场景，以制作出高品质的动态效果。由于它的功能强大、 制作流程简单，深受广大动漫爱好者的热爱。它打破了传统的摄象机拍片，通 过动画的形式展现给大家。 希望 Flash 公益小广告能够成为教育领域的一砖一瓦，让更多的人深刻认 识到其重要意义。 2 第一章第一章 需求分析需求分析 期末考试即将来临，为了在期末考试中取得一个好成绩，大多数中小学生已进入备考 阶段，不少学生甚至“挑灯夜读”。日前，上海社科院发布上海儿童发展需求调查报告 显示，其中“拥有足够的睡眠时间”是孩子们最期盼的，而一项来自中国青少年研究中心最 新发布的中国少年儿童十年发展状况研究报告(19992010)显示，我国中小学生睡眠 时间持续减少，近八成睡眠不足。那么，南昌的学生睡眠状况怎么样，记者进行了走访调 查。 案例案例 一高二学生每天学习至次日零时一高二学生每天学习至次日零时 小薰是南昌市一重点中学的高二学生。小薰每天都会看书、写课外习题，不到次日 0 时不睡觉，次日 6 时就起来学习英语，一天睡不了几个小时。 小薰的妈妈张女士告诉记者，小薰每天 5 时 30 分起床，阅读一个小时的英语，然后吃 完早饭就去上学。孩子现在每天做完老师布置的作业大约要晚上 21 时，还要阅读课外书籍。 每天晚上看书都要到次日 0 时。 “女儿一下子懂事了，我们做家长的却有些心疼，每天早上 我都舍不得叫孩子起床，希望她能多睡一分钟。每天晚上我都忍不住催孩子早点睡觉，每 天睡眠不到 6 个小时，我很担心孩子的身体吃不消。 ”张女士向记者说道，小薰的表姐今年 考上了一所知名大学，小薰也希望能像姐姐那样考上知名大学。 对此，小薰告诉记者，自己目前的分数想上一本还有些吃力，更别说知名大学了，所 以要多努力才行。为了有更多的时间用于学习，她规定自己不到次日 0 时不睡觉。 “少睡点 觉没事的，如果辛苦两年能换来很好的结果，我觉得很值。 ”小薰坚定地向记者说道。同时， 小薰表示，她们同学每天 23 时以后才睡觉的不在少数。 调查调查 中学生睡眠不足中学生睡眠不足 8 小时小时 究竟现在中学生的睡眠时间是多少？他们睡觉一般是何时？对此，记者走进了江西省 一所重点中学进行了一个小型问卷调查。 近日，记者走进了江西省一所重点中学的三个年级，每个年级中抽取一个班级，对其 进行调查。调查对象分别是初三(10)班、高一(18)班、高二(15)班。调查结果显示，高二(15)班 共有 54 名学生，其中有 12 名学生是走读，其余学生均住校。因为住校生每天都会参加学 校的晚自习，一般晚自习是在 22 时 20 分结束，学生下自习洗漱完毕后，必须在 23 时之前 熄灯睡觉。而在高一(18)班记者也得到了相同的答案，7 位走读学生均在 11 点之后才会睡 3 觉。 记者在三个年级调查结果中发现，初中生在 23 时之后睡觉的学生存在不少，而高中生 几乎全在 23 时之后才睡觉。那么别的学校是否也有此现象呢？记者在走访南昌市多数中学 后发现，以 6 时 30 分起床为例，绝大多数中学生睡眠时间难保 8 小时。 探因探因 学业压力和不良习惯是主因学业压力和不良习惯是主因 事实上，国家对中学生的睡眠时间有明确规定。2008 年，教育部印发中小学健康教 育指导纲要健康行为与生活方式中规定，保证充足的睡眠有利于生长发育和健康(小学生 每天睡 10 小时，初中生每天睡 9 小时，高中生每天睡 8 小时)。 但是，中国青少年研究中心在去年的一项调查结果显示，在学习日，中小学生平均睡 眠时间为 7 小时 37 分钟，中小学生睡眠时间低于国家规定时间的比例达 78.1%；即使在周 末，中小学生平均睡眠时间也只比平常多了 12 分钟。记者在对三个班级进行的调查发现， 有三大因素致使孩子“开夜车”。一是学业负担过重，这是导致中小学生睡眠不足的根本原 因，孩子每天除了要完成老师布置的作业外，一些家长或孩子自己“下任务”；二是缺乏良 好学习习惯，不少学生因为边学边玩、写作业太慢等耽误很多时间而导致缺少睡眠；三是 上学路远，每天花大量时间在上学和放学的路上。 声音声音 学生：学习到那么晚是没办法学生：学习到那么晚是没办法 “学习到那么晚也是没办法的事情，每天完成老师布置的作业就要做到 20 至 21 时，自 己还要看一些课外书、做习题，还有复习、预习课本知识，这样就到了 23 时了，最后还要 洗漱一下。我们班的同学学习成绩在年级都是名列前茅的，每当看到别的同学都那么努力 学习，就觉得自己要是不努力点就会落下，现在我每天都恨不得多一分钟学习。没办法， 在这样的学习氛围中让你不得不去努力学习。 ”付同学无奈地向记者解释了原因。 家长：学习在于用了多少心家长：学习在于用了多少心 李女士表示， “每次看到孩子学习到那么晚我也很心疼，可是没办法，现在竞争这么激 烈，要是孩子不多看点书，就难考上理想的学校。大学若是没考好，孩子的后半生就毁了。 ”而张先生却有着不同看法，张先生认为， “我规定孩子不管有多少作业，一定要在 23 时之 前睡觉，这样不仅不会养成孩子拖拉的习惯，也会让孩子有充足睡眠。孩子的学习成果不 在于多晚睡觉而在于孩子用了多少心在学习上，吸收了多少知识。 ” 老师：宁少而精勿多而滥老师：宁少而精勿多而滥 4 江西师大附中的饶泽浪老师表示，有的孩子无形中给自己太大的压力，每天花大量时 间在题海战术上，致使睡眠不足。其实宁可少而精，切勿多而滥。做一道题就一定要有很 清晰的思路，自己为什么会这么做，自己做的思路和答案是否有出入，若是有就研究答案 为什么是这样的思路，一定要做一题明白一题。这样孩子不仅可以提高分数，也不至于让 自己每天都“开夜车”。 建议建议 家长定期与老师沟通孩子情况家长定期与老师沟通孩子情况 事实上，对于规定学生睡眠时间，许多学校已早有规定。南昌市不少寄宿学校都规定 学生在每天 23 时之前强行熄灯。然而，记者了解到，南昌大多数中学均属非住宿制，如何 让走读的孩子有充足的睡眠时间，需要靠家长的监督管理。 江西科技师范学院的武任恒教授表示，现在能规范中学生睡眠时间，除了学校就是家 长和学生自己。对于学校硬性规定，就目前来看没有找到比这个更好的方式可以规范学生 睡眠时间。 对于非住校生，武任恒认为，家长不一定要像学校一样采取硬性要求，因为现在的孩 子都比较早熟，不喜欢别人规定自己去做某事。 “家长可以采取缓和地方式与孩子沟通，在 与孩子达成共识后，家长可以给孩子制定一个作息计划，具体细节由孩子修改，这样孩子 就不会觉得这件事情是家长要我做的，而是自己要求做的事情。 ”武任恒教授建议道。 此外，老师也可以通过家长 QQ 群、飞信群或家校联系本，定期与家长沟通孩子在校、 在家的情况。 记者手记记者手记 晚睡并非好事晚睡并非好事 记者了解到，孩子的生长主要是在睡眠中完成的，每天 22 时至次日 1 时是生长激素分 泌的高峰期，也是人体内坏死细胞与新生细胞交换最活跃的时间。如果错过这段睡眠时间， 就会给孩子的身心发育带来不良影响。今年 4 月份，上海市社科院青少所公布了一项关于 中国、日本和韩国三国高中生身心健康状况的调查。结果显示，中国高中生在三国同龄人 中体质相对较差，三成的被调查者每天睡眠不足 6 小时。若是孩子真的考上了重点大学， 个个都是高学历人才，但是“身体状况却力不从心”，学历再高也是枉然。所以，家长应与 学校一起帮助孩子掌握作息时间，确保孩子的睡眠时间，千万别认为晚睡就是好事。 5 1.21.2软件介绍软件介绍 本设计总共用到两个软件：Macromedia Flash 5，Photoshop CS2。 Adobe Photoshop CS2 简体中文版 为背景处理软件：Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一，可以为您提供最专业的图像编辑与处 理。Adobe Photoshop CS2 软件通过更直观的用户体验、更大的编辑自由度以 及大幅提高的工作效率， 使您能更轻松地使用其无与伦比的强大功能。 Macromedia Flash 5.0 简体中文版为主软件：是交互式矢量图和 Web 动画 的标准。网页设计者使用 Flash 能创建漂亮的、可改变尺寸的、以及极其紧密 的导航界面、技术说明以及其他奇特的效果。 而且，用 Flash 来制作小故事主要有以下几方面的优势： “身材”纤细 Flash 采用的是流行的矢量技术，用它创作的作品，不但交互功能强大， 动画效果丰富多彩，无级放大的矢量图永远不会产生令人讨厌的锯齿，而且 “身材”纤细，文件小，这对硬件配置不全、课件使用率较高的学校和老师来 说，无疑是一重要优势。 图文并茂 Flash 本身具有极其灵巧的图形绘制功能，更重要的是它不但能导入常见 格式的图像（如文件扩展名为.jpg，.gif，.bmp 等的图像） ，而且能导入专业 级绘图工具（如 Macromedia Freehand， Adobe Illustrator 等）绘制的图形， 并能使其产生翻转、拉伸、擦除、歪斜等效果，还能利用套索工具或魔术棒在 图像中选择颜色相同的区域并创建遮罩（Mask） ；将图像打散分成许多单一的元 素进行编辑，设置图形的属性（如，产生平滑效果和质量无损压缩等） 。Flash 可以处理自定义的字体及它的颜色、大小、间距、行距、缩进等的设置。在用 Flash 制作的课件中，可以加入各种各样的标题和动态文本，它们的数据量非 常小。还可以将特殊字体转换为图形，从而避免了因客户端字体短缺造成作品 输出时字体无法显示的尴尬。 “舞姿”优美 用 Flash 表现物体的运动和形状渐变非常容易，其发生过程完全自动生成， 无须人为地在两个对象间插入关键帧。利用遮罩及路径，可产生极好的动画效 6 果。如果你的绘画技巧过硬，还可以绘制帧动画，让创意无限发挥。Flash 采 用精灵动画的方式，你可以随意创建动态按钮、多级弹出式菜单、复选框以及 复杂的交互式字迷游戏。如果你熟悉 VB、Java script，那么 Flash 的精髓 Action 功能将带你进入一个世外桃源。 声音处理灵活 Flash 支持同步 wav 和 aiff 格式的声音文件和声音的连接，Flash5.0 还支 持 MP3 格式的声音文件连接，你可以用 Flash 内的声音编辑功能使同一主声道 中的一部分来产生丰富的声音效果，而无须改变文件量的大小。你还可以在不 同层内设置不同的声音轻松实现混音效果，这是其它软件无法轻易做到的。 网上运行方便 用 Flash 制作的课件极易上网发布、交流。Flash 还可以将制作成的影片 生成独立的可执行文件（.exe） ，在不具备 Flash 播放器的电脑平台上运行，因 此，除制作网页、课件外还可以将其应用于商业演示及电子贺卡制作等。此外， 许多多媒体软件内都可以直接使用 Flash 制作的影片(.swf） ，无缝集成 Flash 小巧的、漂亮的、可缩放的矢量图形和动画，旋转、缩放 Flash 动画质量毫无 损失。 7 第二章第二章 概要设计概要设计 2.12.1主题设计主题设计 主题设计是按照客户提出的需求和要表现的方面将整个作品所要表达的东 西罗列出来，然后根据主题安排相应的栏目以及各栏目之间的主次，制定作品 良好的结构感，作品内容之间相对融洽。 本设计是个 Flash 动画，主要的作用是利用图片,动画和文字的说明,清楚 的向观众表达出故事的主用内容,特别是针对低年龄段的观众要能表达的简洁明 了,妙趣横生,引人入胜。 当今社会，Flash 动画已经深入到各个领域，而教育领域也不例外。特别 是学生压力的频发，有关部门单单以宣传加教育的模式已不被大多数人所接受。 如果在传统的宣传中加入形象的声音、动画、视频等多媒体元素，效果显著， 极大地提高人们对安全的重视。也就是说 Flash 动画已经渗入到了教育系列当 中。而 Flash 是 Macromedia 公司推出的一种使用方便、功能强大的动画制作 工具软件，它不但简单易学，而且能将被宣传事物的精髓部分最大限度地表现。 当然 Flash 的设计还应该在色彩和音效上加以注重，给人造成感官上的冲击力， 给人留下深刻的印象，从而达到宣传的目的。 本设计就是一个 Flash 公益小广告，它的主题学生压力大事件。我的设计 构思是以动漫的形式，耐人思考画面，让人们意识到学习压力的危害，以及正 确的学习方法的重要性 仅以此片呼吁那些逼着孩子学习的家长，让他们清醒过来，明白正确的学 习观的重要性。应该以培养孩子乐观快乐的学习心态为主。 8 2.22.2 内容内容结构图结构图 教育教育 小广告小广告 首页首页孩子压力孩子压力美好的梦美好的梦自由的飞自由的飞 翔翔 家长的呵家长的呵 斥斥 结束结束 图 2-1 内容结构图 2.32.3 脚本设计脚本设计 脚本 script 是使用一种特定的描述性语言，依据一定的格式编写的可执行 文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。 做过 Flash 动画的 Flash 爱好者们都知道，要做好一个 Flash 动画，AS 是 必不可少的，即使只是很简单的几句代码也能起到整个 Flash 画龙点睛的作用。 首先我们要了解 AS 要写在什么地方，什么时候 AS 会被触发执行。Flash 的动 作脚本（Action Script，简称 AS）代码控制是 Flash 实现交互性的重要组成 部分，也是区别于其他动画软件的看家本领。 在 Flash 中，动作脚本的编写，都是在“动作”面板的编辑环境中进行， 熟悉“动作”面板是十分必要的。按“F9”键调出“动作”面板，可以看到 “动作”面板的编辑环境由左右两部分组成。左侧部分又分为上下两个窗口。 如图 2-2 所示： 9 图 2-2 脚本编辑窗口 “脚本”编辑窗口的上面，有一排工具图标，在编辑脚本的时候，可以方 便适时的使用它们的功能。如图 2-3： 图 2-3 工具图标 1、为“关键帧”添加动作： 添加脚本的方式；stop()、gotoAndStop()动作；应用“添加脚本” 工具 ；认识帧动作标志“a” ；语法规范：小括号“()”和分号“;” 。 在 Flash 中添加动作脚本可以分为两种方式，一是为“帧”添加动作脚本， 二是向“对象”添加动作脚本。 “帧”动作脚本，是指在时间轴的“关键帧”上添加的动作脚本。 “对象”动作脚本，是指在“按钮”元件和“影片剪辑”元件的实例上添 加的动作脚本。请注意， “图形”元件上是不能添加动作脚本的。 在关键帧上添加 stop();gotoAndStop()动作，来控制影片的播放。stop() 的作用是停止动画播放。gotoAndStop()的作用是通知播放头跳转到某一帧并在 10 该帧停止。 2、按钮： 为按钮添加鼠标事件；为影片剪辑定义实例名；大括号“”和点 语法“.” ；“绝对路径”概念；对象的后缀；“语法提示“工具 、 “插入目标路径“工具和“自动套用格式“工具 的应用。 on()是事件处理函数；指定触发动作的鼠标事件。 语法格式： On (mouse Event) “()”小括号中的 mouse Event 参数是鼠标事件，常用的有以下几种鼠标 事件： Press 当鼠标指针经过按钮时按下鼠标。 release 当鼠标指针经过按钮时按下再释放鼠标按钮。 release Outside 当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到 按钮之外，此时释放鼠标按钮。 rollout 鼠标指针滑出按钮区域。 11 第三章第三章 系统详细设计系统详细设计 详细设计，即对作品的详细设计流程，走好每一步，是对一个好作品所必 须的要做的事，它是对概要设计的详解，告诉大家这个作品是如何做成的，它 的每一步都是怎么走的。 本章是总共分 4 个小节，分别是素材准备、主要场景的制作、主要元件的 制作和动画合成。该章节是整个论文的核心，主要讲述了本设计的详细制作过 程。 3.13.1素材准备素材准备 图片素材、声音的准备。 3.1.1 图片素材准备图片素材准备 图片及声音素材的准备以收集电子素材最为便捷，网上有分门别类的各种 素材尽可以信手拈来（当然，还要考虑版权） ，图片素材可以通过 Photoshop 等 对素材进行加工。 3.1.2 导入声音和图片素材导入声音和图片素材 声音选择好，下载编辑之后就可以在 FLASH 中在菜单栏的“文件”“导 入”“导入到库” 。按“CTRL+L”可以打开库，就可以看到喇叭图标的歌曲元 件。如图 3-1-2-1 图 3-1 声音素材 图片素材，也是同样的导入到库。位图可以通过 PS 编辑达到效果，也可以 在导入之后转换为矢量图形进行编辑。对与图片编辑导出时候要尽量将图片的 品质降低，以减低图片的大小，因为大量的图片素材存在会造成程序运行缓慢。 3.23.2 主要场景的制作主要场景的制作 自由天空 Flash 公益小广告表达的是在疯狂的学习压力下孩子的的情 况。告诫大家正确学习的重要性。 12 以自主选择的方式作为首页，如图 3-2 图 3-2 自由空间 flash 公益小广告主页 孩子艰苦的学习，成堆的课业压力，疲惫的睡着了。 如图 3-5 图 3-6 13 图 3-3 课业压力 14 图 3-4 累的爬下了 孩子累的爬下之后，美好的梦，幻想中的生活 如图 3-5 图 3-6 15 图 3-5 秋千 16 图 3-6 幸福的笑 第三部分：自由天空下的美好向往。如图 3-7 图 3-8 图 3-7 美丽的世界 17 图 3-8 拥抱大自然 第四部分：妈妈发现了睡着的她，大声的呵斥。如图 3-9 图 3-10 18 图 3-9 叫醒孩子 19 图 3-10 关闭了外面的世界 3.33.3动画的合成动画的合成 我们都知道，我们看到的连续的动画其实是由一个独立的画面由于在一定 的时间出现，由于人的眼睛对于每秒种 40 帧以上的画面连续出现会产生连续的 错觉，从而使人物、场景运动起来，也就打到了动画的效果。所以我们就对动 画一个个元件进行有秩序的组合和排列。 在我的作品当中主要运用的是补间动画来实现。Flash 的补间动画是动作 补间，一种是形状补间 。动作补间是指物体由一个状态到另一个状态（位置， 倾斜角度） ，其操作的对象是一个对象整体。形状补间是物体由一个物体变化到 另一个物体。 （圆渐变到正方形，红色渐边到蓝色） 。 在 Flash 当中运用的较多动画方式还有就是遮罩动画和引导动画。遮罩由 两部分组成，包括遮罩层与被遮罩层。被遮罩层只显示在遮罩层有东西的地方。 比如被遮罩层是副风景，遮罩层是一只手，那么做出来的效果显示的是外形为 手的风景。而遮罩层的东西是不显示的，所以他的颜色是什么一点关系都没有。 20 做动画可以在遮罩层也可以在被遮罩层，这需要我们灵活运用。 在动画的合成过程也充分的结合了 Flash 工具箱的工具，主要是形状变形 工具、填充变形工具、以及元件的 Alpha 亮度的设置。对于一个元件动画完成 后消失的效果我大都采用设置 Alpha 值为 0%实现如图 3-11 所示。 图 3-11 Alpha 值设置界面 21 第四章第四章 系统调试系统调试 系统调试，对于一个成功的作品当然是必不可少的，每一个作品在成功问 世之前都是要经过无数次的调试过程，以保证它的正确性和将错误率降为最低。 4.14.1路径测试路径测试 Flash 中的每一条路径都要测试，以保证其正确性。 一打开这个程序看下能不能正常进去，看会不会出现别的错误。 首先，先在.fla 文件中测试，它的每个元件是不是都运行正常。进入到每 一个元件中，看看有没有图层排列错误，出现不该出现的画面，在每个影片剪 辑元件中，使用 Shift+Enter 看看有没有动画补间，形状补间等等运行错误。 毕业设计小结毕业设计小结 毕业设计心得体会 随着毕业日子的到来，毕业设计也接近了尾声。经过 几周的奋战我的毕业设计终于完成了。在没有做毕业设计以前觉得毕业设计只 是对这几年来所学知识的单纯总结，但是通过这次做毕业设计发现自己的看法 有点太片面。毕业设计不仅是对前面所学知识的一种检验，而且也是对自己能 力的一种提高。通过这次毕业设计使我明白了自己原来知识还比较欠缺。自己 要学习的东西还太多，以前老是觉得自己什么东西都会，什么东西都懂，有点 眼高手低。通过这次毕业设计，我才明白学习是一个长期积累的过程，在以后 的工作、生活中 都应该不断的学习，努力提高自己知