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

1、 广西职业技术学院毕业论文（设计）题目： 基于flash的三字经的制作 姓 名 系 别 计算机与电子信息工程系 专业班级 2010级计算机应用技术专业1班 指导教师 2013 年5 月13 日本人声明：我声明, 本论文（设计）工作是由本人在指导教师的指导下独立完成的, 在完成论文（设计）时所利用的一切资料均已在参考文献中列出。摘 要这个基于flash软件制作的一个电子书三字经。介绍了这个电子书制作的具体方案，电子书制作的步骤，设计的理念，对该设计中部分比较典型、重要的页面制作进行了详细的讲解和在制作电子书时遇到的问题和解决方法，还有在制作flash动画设计时的所获得的收获及感想做了简单的概括。

2、其中又主要介绍了制作的步骤，为减少在作品主体中创建补间动画，让作品变得更复杂我又用代码控制一些很长的影片剪辑，使作品变得简单一些。关键词 fash 电子书 三字经1 前言1.1 意义在网络高速发展的时代，以flash动画的形式来推广三字经是一个一本万利的好方法。三字经这本书能够引导广大青少年在了解历史和科学文化的同时陶冶情操、明白做人的基本道理、铭记社会道德规范，是实施公民道德建设的优秀普及读本，也是中小学和幼儿园老师进行德育教育的实用参考资料，同时更是家长教育孩子的极佳辅助用书。制作flash动画版的三字经电子书为阅读带来无尽乐趣。1.2 设计组织结构本设计以flash动画的形式来引导读者了

3、解三字经，具体内容有:1. 对三字经的简单介绍；2. 对三字经作者的介绍；3. 阅读三字经。2 作品设计2.1设计的思路现在的电子书多是黑,白两种颜色搭配,看久了很容易让人视觉疲劳,而flash文件数据量小、适于网络传输，并拥有可无限放大的高品质矢量图形、完美的声音效果及较强的交互性能，因此可以flash动画的形式来引导人们阅读则可以增加阅读时的趣味性，以达到吸引更多人来了解，阅读三字经，把三字经发扬光大。2.2 设计的具体方案与流程1. 选定设计的主题与内容2. 在网上收集资料和图片素材3. 对图片进行处理,如拼图,制作按钮4. 计划好flash的制作步骤,如: (1) 先做好电子书的开场画

4、面，(2)再做帧数少的场景如三字经的简介和作者的介绍，(3)然后做三字经的正文的主体部分，(4)再做在正文中出现的难理解的句子的译文，(5)最后再为正文中的一个句子做一个flash动画。2.3 作品详细设计首先是电子书的开场画面，一个好的开场场景可以给人一种耳目一新的感觉，我做的flash动画开场场景很简洁明了，背景上方是一只鹰捕猎时的雄姿，而鹰的爪子上抓着的则是题目三字经；下方则是两张不同的荷花图片去掉其它背景合成的图片；中间是三个按钮，鼠标经过就会变颜色，且在它上方标出按钮是链接到哪一场景。详细如：图 1 作品详解。1图 1 作品详解其次是三字经的简介的场景，在场景与场景之间的变换我让开场

5、场景渐渐变淡，而简介场景的背景旋转进入，这样就不会让人觉得突兀，且简介的文字我也是让它由淡变得清晰，简介场景下方有两个页码的按钮，这样可以让读者想什么时候看到另一页就什么时候看，且在右上方有一个返回开场场景的按钮。场景与场景之间的变换效果我是通过创建补间动画完成的，而翻页和返回开场场景则是用以下代码实现的：（1）翻页效果：jjym1_btn.addeventlistener(mouseevent.click,jjym1)function jjym1(evt:mouseevent):voidgotoandplay(20);jjym2_btn.addeventlistener(mouseevent

6、.click,jjym2)function jjym2(evt:mouseevent):voidgotoandplay(50);（2）返回效果：fanhui_btn.addeventlistener(mouseevent.click,fh)function fh(evt:mouseevent):voidgotoandplay(1);详细如：图 2 作品详解和图 3 作品详解。图 2 作品详解图 3 作品详解再次是作者场景，场景切换方式和简介的一样，只是在场景里增加了作者照片的飞入。作者照片的飞入是用代码控制的，我用了：import fl.transitions.*;import fl.tran

7、sitions.easing.*;var zzbj:tween = new tween(zzbj_mc,alpha,none.easenone,1,0,3,true);stop();这些代码来实现照片由左飞入且照片慢慢由淡变清晰。如：图 4 作品详解。图 4 作品详解再到设计的主体部分三字经的正文，为了体现古文的历史沧桑感，正文的背景我做成了竹简并在竹简上融合了水墨画，文字则用黑色。第一二页正文文字是从右到左一列一列由淡变得清晰，第三页则是旋转出现，这样做就不会让读者在看的时候感觉到枯燥无味。正文的每一页都有四个按钮，其中三个是页面跳转按钮，剩下的一个在左下角的是返回开场场景的按钮。页面跳转按

8、钮可以让读者在看完他想看的内容后再看其它的，让人觉得更人性化。页面跳转我也用代码控制，这样可以节省空间和时间。在做第一页正文时就写页面跳转需要的代码，再在相应的帧上开始做下面几页。如：图 5 作品详解。图 5 作品详解在正文中我做了几个按钮用来链接句子的翻译解释，只要按下鼠标就会出现翻译，松开翻译就消失。还有一个按钮是链接到一个介绍孟母三迁故事的影片剪辑，这些按钮等鼠标经过时按钮的颜色会改变，这样以便区别于其它的正文的句子。首先是按钮的制作：我只做了一个解释按钮，因为这个按钮可以重复使用，做这个按钮的时候我在按钮的图层中在鼠标经过插入一个关键帧，并把这个关键帧的按钮图形的颜色变成红色就完成了鼠

9、标经过变颜色的效果。其次是翻译解释的制作，我把翻译做成了一个影片剪辑，这样我就可以用代码来控制按下鼠标翻译就会出现，放开就消失。这里我就重点讲一下翻译影片剪辑的制作；第一步在一个图层内给译文做四个关键帧，第一个关键帧做成空白关键帧，并用“stop()；“把第一，三，四这三个关键帧控制住。第二步分别给第二，三关键帧打上a,b两个标签。第三步把二四关键帧的译文的alpha值都调为0，并给它们分好距离且创建补间动画。如：图 6 作品详解。2图 6 作品详解3 总结3.1 影片剪辑的制作在完成了这个设计的制作之后，我发现在做影片剪辑时，自己一定要理清自己的思路，思考好要用到哪些图形元件，怎么做才能更节

10、省空间而不会影响影片剪辑的效果，而有些影片剪辑则要用代码来实现效果，这样就可以使设计看起来简洁很多。3.2 按钮的制作 在这个设计中因为有些按钮功能重复了，所以我只制作了一个，为了实现不同的功能只有用代码了实现。因此觉得在做flash动画设计时要活用按钮，并且要尝试用代码来控制动作。3.3 做设计时用的素材 在我做的这个设计中我所用的素材几乎都是从网上下载，再用photoshop软件修改出来的，我本来也想自己p出来的，可是难度太大了，就只好这样了。虽然如此，难度还是不小，因为做的图要考虑什么颜色啊，可见度之类的，这些都得自己慢慢调整。4 结束语 经过这一次的制作毕业设计，让我了解到了我自己在flash动画设计方面的种种不足，让我明白要制作出一个好的flash作品要有不怕苦，肯钻研的精神；也让我对flash这款强大的动画制作软件更加的熟悉。致 谢感谢张xx老师对