基于Flash的《三字经》的制作毕业设计论文

学号1061100110611001 广西职业技术学院 毕业论文 设计 题目 题目 基于 Flash 的 三字经 的制作 姓名XXX 系别计算机与电子信息工程系 专业班级2010 级计算机应用技术专业 1 班 指导教师XXX 2013 年 5 月 13 日 本人声明 本人声明 我声明 本论文 设计 工作是由本人在指导教师的指导下独立完成 的 在完成论文 设计 时所利用的一切资料均已在参考文献中列出 广西职业技术学院毕业论文 设计 1 摘摘要要 这个基于 Flash 软件制作的一个电子书 三字经 介绍了这个电子书制作的具体 方案 电子书制作的步骤 设计的理念 对该设计中部分比较典型 重要的页面制作进 行了详细的讲解和在制作电子书时遇到的问题和解决方法 还有在制作 Flash 动画设计 时的所获得的收获及感想做了简单的概括 其中又主要介绍了制作的步骤 为减少在作 品主体中创建补间动画 让作品变得更复杂我又用代码控制一些很长的影片剪辑 使作 品变得简单一些 关键词关键词 Fash电子书 三字经 广西职业技术学院毕业论文 设计 2 1 前言 1 1 意义 在网络高速发展的时代 以 Flash 动画的形式来推广 三字经 是一个一本万利的 好方法 三字经 这本书能够引导广大青少年在了解历史和科学文化的同时陶冶情操 明白做人的基本道理 铭记社会道德规范 是实施公民道德建设的优秀普及读本 也是 中小学和幼儿园老师进行德育教育的实用参考资料 同时更是家长教育孩子的极佳辅助 用书 制作 Flash 动画版的 三字经 电子书为阅读带来无尽乐趣 1 2 设计组织结构 本设计以 Flash 动画的形式来引导读者了解 三字经 具体内容有 1 对 三字经 的简单介绍 2 对 三字经 作者的介绍 3 阅读 三字经 2 作品设计 2 1 设计的思路 现在的电子书多是黑 白两种颜色搭配 看久了很容易让人视觉疲劳 而 Flash 文 件数据量小 适于网络传输 并拥有可无限放大的高品质矢量图形 完美的声音效果及 较强的交互性能 因此可以 Flash 动画的形式来引导人们阅读则可以增加阅读时的趣味 性 以达到吸引更多人来了解 阅读 三字经 把 三字经 发扬光大 2 2 设计的具体方案与流程 1 选定设计的主题与内容 2 在网上收集资料和图片素材 3 对图片进行处理 如拼图 制作按钮 4 计划好 Flash 的制作步骤 如 1 先做好电子书的开场画面 2 再做帧数少的场景如 三字经 的简介和作者的介 绍 3 然后做 三字经 的正文的主体部分 4 再做在正文中出现的难理解的句子的 译文 5 最后再为正文中的一个句子做一个 Flash 动画 2 3 作品详细设计 广西职业技术学院毕业论文 设计 3 首先是电子书的开场画面 一个好的开场场景可以给人一种耳目一新的感觉 我做 的 Flash 动画开场场景很简洁明了 背景上方是一只鹰捕猎时的雄姿 而鹰的爪子上抓 着的则是题目 三字经 下方则是两张不同的荷花图片去掉其它背景合成的图片 中 间是三个按钮 鼠标经过就会变颜色 且在它上方标出按钮是链接到哪一场景 详细如 图 1 作品详解 1 图图 1 1 作品详解作品详解 其次是 三字经 的简介的场景 在场景与场景之间的变换我让开场场景渐渐变淡 而简介场景的背景旋转进入 这样就不会让人觉得突兀 且简介的文字我也是让它由淡 变得清晰 简介场景下方有两个页码的按钮 这样可以让读者想什么时候看到另一页就 什么时候看 且在右上方有一个返回开场场景的按钮 场景与场景之间的变换效果我是 通过创建补间动画完成的 而翻页和返回开场场景则是用以下代码实现的 1 翻页效 果 jjym1 btn addEventListener MouseEvent CLICK jjym1 function jjym1 evt MouseEvent void gotoAndPlay 20 广西职业技术学院毕业论文 设计 4 jjym2 btn addEventListener MouseEvent CLICK jjym2 function jjym2 evt MouseEvent void gotoAndPlay 50 2 返回效果 fanhui btn addEventListener MouseEvent CLICK fh function fh evt MouseEvent void gotoAndPlay 1 详细如 图 2 作品详解和图 3 作品详解 图图 2 2 作品详解作品详解 广西职业技术学院毕业论文 设计 5 图图 3 3 作品详解作品详解 再次是作者场景 场景切换方式和简介的一样 只是在场景里增加了作者照片的飞 入 作者照片的飞入是用代码控制的 我用了 import fl transitions import fl transitions easing var zzbj Tween new Tween zzbj mc alpha None easeNone 1 0 3 true stop 这些代码来实现照片由左飞入且照片慢慢由淡变清晰 如 图 4 作品详解 广西职业技术学院毕业论文 设计 6 图图 4 4 作品详解作品详解 再到设计的主体部分 三字经 的正文 为了体现古文的历史沧桑感 正文的背景 我做成了竹简并在竹简上融合了水墨画 文字则用黑色 第一二页正文文字是从右到左 一列一列由淡变得清晰 第三页则是旋转出现 这样做就不会让读者在看的时候感觉到 枯燥无味 正文的每一页都有四个按钮 其中三个是页面跳转按钮 剩下的一个在左下 角的是返回开场场景的按钮 页面跳转按钮可以让读者在看完他想看的内容后再看其它 的 让人觉得更人性化 页面跳转我也用代码控制 这样可以节省空间和时间 在做第 一页正文时就写页面跳转需要的代码 再在相应的帧上开始做下面几页 如 图 5 作 品详解 广西职业技术学院毕业论文 设计 7 图图 5 5 作品详解作品详解 在正文中我做了几个按钮用来链接句子的翻译解释 只要按下鼠标就会出现翻译 松开翻译就消失 还有一个按钮是链接到一个介绍孟母三迁故事的影片剪辑 这些按钮 等鼠标经过时按钮的颜色会改变 这样以便区别于其它的正文的句子 首先是按钮的制 作 我只做了一个解释按钮 因为这个按钮可以重复使用 做这个按钮的时候我在按钮 的图层中在鼠标经过插入一个关键帧 并把这个关键帧的按钮图形的颜色变成红色就完 成了鼠标经过变颜色的效果 其次是翻译解释的制作 我把翻译做成了一个影片剪辑 这样我就可以用代码来控制按下鼠标翻译就会出现 放开就消失 这里我就重点讲一下 翻译影片剪辑的制作 第一步在一个图层内给译文做四个关键帧 第一个关键帧做成空 白关键帧 并用 Stop 把第一 三 四这三个关键帧控制住 第二步分别给第二 三关键帧打上 a b 两个标签 第三步把二四关键帧的译文的 Alpha 值都调为 0 并给它 们分好距离且创建补间动画 如 图 6 作品详解 2 广西职业技术学院毕业论文 设计 8 图图 6 6 作品详解作品详解 3 总结 3 1 影片剪辑的制作 在完成了这个设计的制作之后 我发现在做影片剪辑时 自己一定要理清自己的 思路 思考好要用到哪些图形元件 怎么做才能更节省空间而不会影响影片剪辑的效果 而有些影片剪辑则要用代码来实现效果 这样就可以使设计看起来简洁很多 3 2 按钮的制作 在这个设计中因为有些按钮功能重复了 所以我只制作了一个 为了实现不同的 功能只有用代码了实现 因此觉得在做 Flash 动画设计时要活用按钮 并且要尝试用代 码来控制动作 3 3 做设计时用的素材 在我做的这个设计中我所用的素材几乎都是从网上下载 再用 PhotoShop 软件 修改出来的 我本来也想自己 P 出来的 可是难度太大了 就只好这样了 虽然如此 难度还是不小 因为做的图要考虑什么颜色啊 可见度之类的 这些都得自己慢慢调整 广西职业技术学院毕业论文 设计 9 4 结束语 经过这一次的制作毕业设计 让我了解到了我自己在 Flash 动画设计方面的种种 不足 让我明白要制作出一个好的 Flash 作品要有不怕苦 肯钻研的精神 也让我对 Flash 这款强大的动画制作软件更加的熟悉 致致谢谢 感谢张XX老师对我在制作毕业设计的过程中碰到的棘