基于Flash的《三字经》的制作毕业设计论文（五篇材料）

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

学号 10611001

广西职业技术学院

毕业论文（设计）

题目： 基于Flash的《三字经》的制作

姓 名 XXX 系 别 计算机与电子信息工程系 专业班级 2010级计算机应用技术专业1班 指导教师 XXX

2013 年5 月13 日

本人声明：

我声明, 本论文（设计）工作是由本人在指导教师的指导下独立完成的, 在完成论文（设计）时所利用的一切资料均已在参考文献中列出。

广西职业技术学院毕业论文（设计）

摘 要

这个基于Flash软件制作的一个电子书《三字经》。介绍了这个电子书制作的具体方案，电子书制作的步骤，设计的理念，对该设计中部分比较典型、重要的页面制作进行了详细的讲解和在制作电子书时遇到的问题和解决方法，还有在制作Flash动画设计时的所获得的收获及感想做了简单的概括。其中又主要介绍了制作的步骤，为减少在作品主体中创建补间动画，让作品变得更复杂我又用代码控制一些很长的影片剪辑，使作品变得简单一些。

[关键词] Fash 电子书 三字经

广西职业技术学院毕业论文（设计）前言

1.1 意义

在网络高速发展的时代，以Flash动画的形式来推广《三字经》是一个一本万利的好方法。《三字经》这本书能够引导广大青少年在了解历史和科学文化的同时陶冶情操、明白做人的基本道理、铭记社会道德规范，是实施公民道德建设的优秀普及读本，也是中小学和幼儿园老师进行德育教育的实用参考资料，同时更是家长教育孩子的极佳辅助用书。制作Flash动画版的《三字经》电子书为阅读带来无尽乐趣。

1.2 设计组织结构

本设计以Flash动画的形式来引导读者了解《三字经》，具体内容有: 1.对《三字经》的简单介绍； 2.对《三字经》作者的介绍； 3.阅读《三字经》。作品设计

2.1设计的思路

现在的电子书多是黑,白两种颜色搭配,看久了很容易让人视觉疲劳,而Flash文件数据量小、适于网络传输，并拥有可无限放大的高品质矢量图形、完美的声音效果及较强的交互性能，因此可以Flash动画的形式来引导人们阅读则可以增加阅读时的趣味性，以达到吸引更多人来了解，阅读《三字经》，把《三字经》发扬光大。

2.2 设计的具体方案与流程

1.选定设计的主题与内容 2.在网上收集资料和图片素材 3.对图片进行处理,如拼图,制作按钮 4.计划好Flash的制作步骤,如:(1)先做好电子书的开场画面，(2)再做帧数少的场景如《三字经》的简介和作者的介绍，(3)然后做《三字经》的正文的主体部分，(4)再做在正文中出现的难理解的句子的译文，(5)最后再为正文中的一个句子做一个Flash动画。

2.3 作品详细设计

广西职业技术学院毕业论文（设计）

首先是电子书的开场画面，一个好的开场场景可以给人一种耳目一新的感觉，我做的Flash动画开场场景很简洁明了，背景上方是一只鹰捕猎时的雄姿，而鹰的爪子上抓着的则是题目《三字经》；下方则是两张不同的荷花图片去掉其它背景合成的图片；中间是三个按钮，鼠标经过就会变颜色，且在它上方标出按钮是链接到哪一场景。详细如：图 1 作品详解。[1]

图 1 作品详解

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

广西职业技术学院毕业论文（设计）

} jjym2_btn.addEventListener(MouseEvent.CLICK,jjym2)function jjym2(evt:MouseEvent):void { }（2）返回效果：

fanhui_btn.addEventListener(MouseEvent.CLICK,fh)function fh(evt:MouseEvent):void {

} 详细如：图 2 作品详解和图 3 作品详解。gotoAndPlay(1);gotoAndPlay(50);

图 2 作品详解

广西职业技术学院毕业论文（设计）

图 3 作品详解

再次是作者场景，场景切换方式和简介的一样，只是在场景里增加了作者照片的飞入。作者照片的飞入是用代码控制的，我用了：

import fl.transitions.*;import fl.transitions.easing.*;

var zzbj:Tween = new Tween(zzbj_mc,“alpha”,None.easeNone,1,0,3,true);stop();这些代码来实现照片由左飞入且照片慢慢由淡变清晰。如：图 4 作品详解。

广西职业技术学院毕业论文（设计）

图 4 作品详解

再到设计的主体部分《三字经》的正文，为了体现古文的历史沧桑感，正文的背景我做成了竹简并在竹简上融合了水墨画，文字则用黑色。第一二页正文文字是从右到左一列一列由淡变得清晰，第三页则是旋转出现，这样做就不会让读者在看的时候感觉到枯燥无味。正文的每一页都有四个按钮，其中三个是页面跳转按钮，剩下的一个在左下角的是返回开场场景的按钮。页面跳转按钮可以让读者在看完他想看的内容后再看其它的，让人觉得更人性化。页面跳转我也用代码控制，这样可以节省空间和时间。在做第一页正文时就写页面跳转需要的代码，再在相应的帧上开始做下面几页。如：图 5 作品详解。

广西职业技术学院毕业论文（设计）

图 5 作品详解

在正文中我做了几个按钮用来链接句子的翻译解释，只要按下鼠标就会出现翻译，松开翻译就消失。还有一个按钮是链接到一个介绍孟母三迁故事的影片剪辑，这些按钮等鼠标经过时按钮的颜色会改变，这样以便区别于其它的正文的句子。首先是按钮的制作：我只做了一个解释按钮，因为这个按钮可以重复使用，做这个按钮的时候我在按钮的图层中在鼠标经过插入一个关键帧，并把这个关键帧的按钮图形的颜色变成红色就完成了鼠标经过变颜色的效果。其次是翻译解释的制作，我把翻译做成了一个影片剪辑，这样我就可以用代码来控制按下鼠标翻译就会出现，放开就消失。这里我就重点讲一下翻译影片剪辑的制作；第一步在一个图层内给译文做四个关键帧，第一个关键帧做成空白关键帧，并用“Stop()；“把第一，三，四这三个关键帧控制住。第二步分别给第二，三关键帧打上a,b两个标签。第三步把二四关键帧的译文的Alpha值都调为0，并给它们分好距离且创建补间动画。如：图 6 作品详解。[2]

广西职业技术学院毕业论文（设计）

图 6 作品详解

总结

3.1 影片剪辑的制作

在完成了这个设计的制作之后，我发现在做影片剪辑时，自己一定要理清自己的思路，思考好要用到哪些图形元件，怎么做才能更节省空间而不会影响影片剪辑的效果，而有些影片剪辑则要用代码来实现效果，这样就可以使设计看起来简洁很多。

3.2 按钮的制作

在这个设计中因为有些按钮功能重复了，所以我只制作了一个，为了实现不同的功能只有用代码了实现。因此觉得在做Flash动画设计时要活用按钮，并且要尝试用代码来控制动作。

3.3 做设计时用的素材

在我做的这个设计中我所用的素材几乎都是从网上下载，再用

PhotoShop软件修改出来的，我本来也想自己P出来的，可是难度太大了，就只好这样了。虽然如此，难度还是不小，因为做的图要考虑什么颜色啊，可见度之类的，这些都得自己慢慢调整。

广西职业技术学院毕业论文（设计）结束语

经过这一次的制作毕业设计，让我了解到了我自己在Flash动画设计方面的种种不足，让我明白要制作出一个好的Flash作品要有不怕苦，肯钻研的精神；也让我对Flash这款强大的动画制作软件更加的熟悉。

致 谢

感谢张XX老师对我在制作毕业设计的过程中碰到的棘手问题不厌其烦的细心指点，耐心的为我解说。从着手设计方案，规划设计，制作设计，书写毕业论文等。一系列的制作过程中对我细心指点与耐心教导。我再次为张XX老师的付出表示感谢。

广西职业技术学院毕业论文（设计）

参考文献

[1] 矢量名.百度 百度百科.2010年10月14日.http://baike.baidu.com/view/10702.htm

[2] 钱文忠.钱文忠解读三字经.百家讲坛.2009年1月5月.

第二篇：flash论文

沈阳理工大学课程实践（论文）

目 录 前言 ······························································································································· 1 1.1 作业背景 ················································································································· 1 1.2 选题说明 ················································································································· 1 2 设计构思 ······················································································································· 2 2.1 题目的选定 ············································································································· 2 2.2 素材的选择 ············································································································· 2 3 制作过程 ······················································································································· 3 3.1 准备工作 ················································································································· 3 3.2 前期工作 ················································································································· 3 3.3 制作过程 ················································································································· 4 结束语 ································································································································· 8 参考文献 ····························································································································· 9

I 前言

1.1 作业背景

本文根据《Flash动画设计》课程要求而做。课程作业要求如下：

使用falsh动画技术制作一个完整的动画作品。

1、选题方向：

网站片头、网页广告、贺卡、MTV、多媒体课件、漫画故事等。

2、要求每人一题。

3、期末(第20周)提交3000字以上的课程实践报告，报告主要包括设计构思，制作过程及要点，心得体会。格式要求参照模板。

4、交fla格式源文件。

1.2 选题说明

2010年悄然来到，而我们马上又要迎来春节这个富有中国传统文化的节日，在这个喜庆的日子里，人们会互相赠送贺卡，小小的一张贺卡便能传达一个人的希冀与愿望，也会给收到的人带去温馨与问候。而随着科技的发展和网络的普遍，越来越多的人们会选择漂亮新颖的电子贺卡，给亲朋好友寄去美好的祝福。所以此次的Flash动画设计，我的选题是新年贺卡的设计与制作，希望在新的一年里，能有更大的收获，也在此祝大家新年快乐。设计构思

2.1 题目的选定

贺卡的产生源于人类社交的需要，我国贺年卡的来历，也是有渊源的。早年，官场中人或社会绅士，在新年伊始，职位或辈份低的，会向年长或位高的登门拜年。如果主人不在，或家有贵宾不便会客，拜年的人，便留下红色名片（或印红字者），上有「登府拜年恭贺新禧」的字样，以表亲自上门拜年之意。

而现在正好是元旦刚过，春节未到，所以我选择制作一个flash贺卡，祝福大家新年快乐，在新的一年里有新的进步，万事如意。

2.2 素材的选择

2010年是农历的虎年，所以我选择了带老虎形象的图片做背景，再加上传统的鞭炮和烟火的动画，还有代表春节的“春”字，祝福的“贺”字，使得整张贺卡看起来喜气洋洋，主题鲜明。

颜色方面，我主要选用了红色和黄色。这种暖色调的颜色，在节日时更能烘托气氛，而且又是中国色，更具传统气息。

贺卡上当然少不了祝福语，要根据整体贺卡的设计来选定祝福的话，使得话语和画面能够前后呼应、相得益彰。

最后，是音乐的选择。既然有鞭炮和烟火的动画，那么就要考虑到鞭炮燃着的声音和烟花绽放的声音。同时，从开始到最后还要选择一个温馨喜庆的音乐作为背景音乐，能给人美的享受。制作过程

3.1 准备工作

在找好素材之后，将全部有用的素材存入电脑。打开一个新的flash CS3空白文档，点击菜单栏中的文件——导入——导入到库，从电脑中选择有用的素材。这样，flash软件右下角的库中就有全部的材料，如图所示。为了在用的过程中方便，可以将导入的图片在用的过

程中转换为元件。

3.2 前期工作

在制作一张贺卡前，要先把所有有用的动画先做出来，保存在库里，这样在制作贺卡的时候就可以直接从库中拖到舞台。在这个贺卡中，“春”字、鞭炮和烟花都是经过各图片组合做成的动画，转换为了影片剪辑，存在库中。下面，我来以烟花的制作为例，叙述一下前期工作的准备过程。

烟花绽放是要大小互变，颜色渐变的，所以，在烟花的绽放这个过程中我选择用逐帧的形式来表现。首先，在第一帧将Symbol 6拖到舞台，在属性中选择颜色——Alpha，设置成0%。然后根据需要，在第二帧设置适合的透明度，并对图形进行缩放。依此类推，到第六帧的时候已经能够清晰的看见一个绽放的烟花，而拖动进度条，也可以看见烟花绽放的过程。为了做出烟花层层叠套的逼真感，再建一个图层，在第七帧按下F5，进行延续，表明前面几帧均无内容。在第八帧将Symbol 7

拖到舞台，并将其变成青绿色，而后也做逐帧动画，一步步将其放大变色，在第13帧处将其Alpha值减小，做出烟花灭了的景象。而在第16帧处，在第一层里加Symbol 8，在第二层里加Symbol 7，这样就有了烟花叠套的感觉。而后在第25帧处，让第二层的Symbol 7先结束动画，透明度设置为0，在第35帧处再让第一层的烟花结束动画，这样就层次分明，栩栩如生了。最后，将这个小动画转换为影片剪辑，并命名为烟花。

前期准备是一项琐碎的但却十分重要的工作，是为了其后整体制作做铺垫的。

3.3 制作过程

现在就是最重要的贺卡制作过程了。

一、背景层的制作

首先便于方便，先把这个图层重命名为“背景层”。将库中已经转换为元件的背景拖到舞台，用左侧工具栏中的任意变形工具调整大小。在第366帧处按下F5，进行帧的延续。

二、鞭炮1层的制作

将做好的影片剪辑“鞭炮”从库中拖到舞台，用任意变形工具根据背景图案调整鞭炮的位置，将它放到偏右上角的位置。在第33帧处按下F6，插入关键帧，将鞭炮向左下方移动，做出鞭炮摇摆的姿态。然后在第1帧和第33帧中间点击鼠标右

键，创建补间动画。在第59帧处按下F6，插入关键帧，再将鞭炮向右上方移动，并用变形工具将其缩小，在第33到59帧中间创建补间动画。为了让鞭炮能够逼真的摆动也为了它能够有时间燃完，同理的，在第112帧处插入关键帧，将其左移，在59到112帧中间创建补间动画。在176帧处插入关键帧，鞭炮右移并缩小，中间创建补间动画。在194帧处插入关键帧，鞭炮左移并缩小，中间创建补间动画。结束第一个鞭炮的过程制作。

我将贺卡上的话“温暖似潮”也添加在了这个图层。在第253帧处，将库中的“温暖似潮”元件拖到舞台，放到合适的位置，点开属性，将颜色——Alpha，设置成0%，在第294帧处按下F6，插入关键帧，将其颜色——Alpha，设置成100%，中间创建补间动画。在第308处按下F5，再按下F6，目的是让这四个字能显现一段时间。然后再在第308帧处将其颜色——Alpha，设置成100%，在第319帧处将其颜色——Alpha，设置成0%，创建补间动画。这样，字体来回闪现的效果就完成了。

三、鞭炮2层的制作

在第一帧处将鞭炮元件拖入舞台，摆好位置，与第一个鞭炮相呼应。在第25帧处，插入关键帧，并将其向左下移动，中间创建补间动画。同样为了达到鞭炮摆动的效果，需要多几次的如此移动。在第55帧处，插入关键帧，将鞭炮向右上移动，创建补间动画。在第100帧处，按下F6，将其向左上移动，创建补间动画。在第167帧处，插入关键帧，将鞭炮缩小并向右上移动，创建补间动画。最后，在第194帧处，再次按下F6，将其向左下移动并缩小，创建补间动画。此时，两个鞭炮相互呼应，甚是好看。

四、春字层的制作

“春”字是在鞭炮快燃完后才出现的，二者有一段重复的时间，所以第一个关键帧要设在第184帧处，按下F5，进行空白帧的延续，再按下F6，插入关键帧。将春这个元件拖入到舞台，放在背景的正中心，在第184帧处将其颜色——Alpha，设置成0%，在289帧处按下F6，插入关键帧，并将其颜色——Alpha，设置成100%，中间创建补间动画。在第308帧处按下F6，将其颜色——Alpha，设置成100%，在第319帧处按下F6，并将其颜色——Alpha，设置成0%，创建补间动画。至此，春这个图层就做好了。

五、礼花层的制作

礼花是已经做好的影片剪辑，又从影片开始到结束都有，所以只需在第一帧的时候从库中拖入到舞台，放在左下角，调整好位置，然后在最后一帧也就是第366帧处按下F5进行延续即可。

六、“欢乐如海”层的制作

在“春”字出现一小段时间后，“欢乐如海”就要出现，所以我选择了在第220帧处拖入“欢乐如海”元件，放到适当的位置，并将其颜色——Alpha，设置成0%，在第260帧处按下F6，插入关键帧，将其颜色——Alpha，设置成100%，中间创建补间动画。它出现了一段时间后，就要和“春”字和“温暖似潮”一起消失，所以在相同的位置也就是第308帧处插入关键帧，既可以对前面进行延续，又可以进行新的命令。在此将其颜色——Alpha，设置成100%，然后在第319帧处，插入关键帧，并将其颜色——Alpha，设置成0%，创建补间动画，这几个字自此消失。

七、“贺”字层的制作

在第一帧处将库中元件“贺”拖入到舞台，位置调整成“贺”字是水平的，并将其颜色——Alpha，设置成0%。然后在第90帧处，插入关键帧，将“贺”字摆正，将其颜色——Alpha，设置成100%，创建补间动画。为了使其停留一段时间，在第189帧处，按下F5，使前面的帧得到延续。

八、“清脆的爆竹”层的制作

在鞭炮还没燃完的时候，“清脆的爆竹”几个字就要出现，所以我选择在第81帧按下F5，再按下F6，并将其从库中拖入，调整好位置，将其颜色——Alpha，设置成0%。在第116帧处，插入关键帧，并将其颜色——Alpha，设置成100%，中间创建补间动画。让他们停留一段时间，在第171帧处，按下F5，对前面的帧进行延续，再插入关键帧，将其颜色——Alpha，设置成100%。最后，在第269帧处，按下F6，并将其颜色——Alpha，设置成0%，创建补间动画，使其消失。

九、“红火的节日”层的制作

在“清脆的爆竹”完全显现出来之后，“红火的节日”就要出现，所以在第116帧处将其从库中拖入舞台。在第116帧处要对帧进行延续并插入关键帧，同时要将

“红火的节日”颜色——Alpha，设置成0%。在第161帧处，按下F6，将其颜色——Alpha，设置成100%，创建补间动画。使其停留一小段时间然后跟“清脆的爆竹”一起消失。在第171帧处按下F5，再按下F6，将其颜色——Alpha，设置成100%，并在第269帧处插入关键帧，将其颜色——Alpha，设置成0%，创建补间动画。这样，它就和“清脆的爆竹”一起不见了。

十、“祝福”层的制作

祝福的话要在所有的字都消失后才出现，所以在第318帧处按下F5，再按下

F6，将祝福语从库中拖出，摆好位置，将其颜色——Alpha，设置成0%。在第332帧处插入关键帧，并将其颜色——Alpha，设置成100%，创建补间动画。停留一段时间后，在第355帧处延续帧并插入关键帧，将其颜色——Alpha，设置成100%，最后在第366帧处将其颜色——Alpha，设置成0%，至此动画全部结束。

最后，只要将音乐拖入到舞台添加到贺卡里即可。

结束语

随着科技的发展和网络的普遍，所有的东西都在进步。平时上网的时候总能看见各种各样的漂亮的Flash动画，总觉得那是以我的水平做不出来的，可是这次通过这个课程实践，我真的做出了一个Flash的贺卡，其实只要用心做了、投入了，就不会觉得很难了，反而会觉得有意思、感兴趣，在作品测试成功的时候自己也很是激动。

在做之前，思考了好长时间我到底要做什么；决定好之后又搜集了好多的素材，不停的搭配，想要最好的画面；在制作的过程中，我把所学的知识全部用上了，其中涉及到了逐帧动画、遮罩、补间、淡入淡出、声音添加等等。通过这次的课程实践，我巩固了所学的Flash知识，能熟练掌握Flash的绘图技巧、动画技术等操作，加深理解了动画制作的流程，提高了自己在制作方面的实际应用能力，同时也增强了自信心。

参考文献

[1] http://baike.baidu.com/view/33677.htm [2] http://zhoumanli.bb.iyaya.com/biji-2027731.html [3] 马震.《Flash动画制作案例教程》.2009年6月第一版.人民邮电出版社出版发行，出版年：2009年

第三篇：毕业设计制作与论文编辑总结

2020年12月份左右我选定了我的毕业设计题目，2021年一月份开始着手我的毕业设计工作，经过长时间的制作与改进，到现在论文基本完成。毕业设计的制作与论文的编辑是一个长期的工作过程，要进行不断的修改，还需要看大量的文献。经历了这么长的时间，我有过非常多难忘的经历。

1月初，王老师就让我前往她的办公室了解一下我的毕业设计的基本情况。在那一次的指导过程中，老师大致给我指明的制作的方向，需要去完成哪些基本功能。同时在那之后，王老师通过QQ给我发送大量的文件，让我多参考参考别人的行文格式还有内容。

二月份就开始着手毕业设计实物的制作了，有了前面查阅大量文献的经验，在硬件平台搭建的过程中比较顺利，通过在整个系统功能不变的情况下，改变各种硬件模块，对比出最佳的硬件选择。在基本的硬件平台搭建好之后，就开始进行软件的编程。由于在本科期间制作过类似的作品，所以在编程方面的调试，改进都比较顺利。

在毕业设计基本定下来之后，3月分就开始初稿的撰写，刚开始编写初稿的过程中不知如何下笔，后面通过查阅相关的文献，理解别人的行文思路后，开始撰写自己的毕业论文。按照老师给的论文模板渐渐修改，3月中旬我就通过QQ交予老师查看，细心的王老师发现了我的初稿存在的问题还是比较多。发现我的行文格式还有一部分重要的内容没有说明，通过老师这次悉心的指导，我对论文的内容该写什么，该怎么写有了更深刻的认识。并且通过这一次的指导，我也发现了我硬件存在问题，无法识别不同的障碍物，导致毕业论文的内容也不够完整。

在此之后，我先对我的硬件做了大量的修改，将最早的履带小车平台换成了四轮小车，这样转弯的角度会更加精确。在小车前端加了一个红外光电检测开关，这样可以检测小车前方障碍物的类型。

最后这段时间是对定稿的修改，通过对定稿的仔细修改，对实物测试数据的分析，才使自己对本次的毕业设计作用更加了解。在整个过程中我懂得了许多东西，也培养了我的独立工作能力，相信会对今后的学习工作生活有非常重要的影响，虽然这个设计做的也不太好，但是在设计的过程中所学的到的东西是这次毕业设计的最大收获和财富，使我终生受益。

第四篇：Flash制作MTV毕业论文

学号 2007040310 密级

本科毕业论文

基于Flash的MTV动画设计与实现

院 系 名 称

：计算机科学学院 专 业 名 称

：计算机科学与技术 学 生 姓 名

： 指 导 教 师

：

二〇一一年五月

BACHELOR'S DEGREE THESIS OF DONGHU COLLEGE WUHAN

UNIVERSITY

The MTV Design and Implementation

Based on Flash

College

：Computer Science

Subject

：Computer Science and technology Name

： Directed by ：

May 2011

郑 重 声 明

本人呈交的学位论文，是在导师的指导下，独立进行研究工作所取得的成果，所有数据、图片资料真实可靠。尽我所知，除文中已经注明引用的内容外，本学位论文的研究成果不包含他人享有著作权的内容。对本论文所涉及的研究工作做出贡献的其他个人和集体，均已在文中以明确的方式标明。本学位论文的知识产权归属于培养单位。

本人签名：

日 期：

摘要

Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。

在视听语言统治的时代，任何一种叙述方式都离不开MTV的影响，Flash自然也不例外。在本作品《隐形的翅膀》中借鉴了大量的影视手法，表现本人想要表现的主题和想要表达的情感，利用渐隐渐显，叠化，不同场景的组合，结合我的构思使得这整个MTV表现的更加丰富，生动。

基于Flash动画的MTV《隐形的翅膀》的制作涉及了素材的选取，动画MTV的制作，发布和测试的整个过程。本文的第一部分主要介绍了Flash软件及其发展前景。第二部分介绍了运用的辅助开发工具。第三部分是Flash MTV的整体设计部分。第四部分则介绍了前期准备过程，第五部分是此MTV功能的实现。最后介绍了Flash动画中的关键技术及其自我测试与发布。

关键词：Flash，动画

I

II

目录

摘 要....................................................................................................................I 第1章 绪论.......................................................................................................1

1.1 Flash软件简介..........................................................................................1

1.1.1Flash软件组成................................................................................1 1.1.2Flash软件的三大功能....................................................................1 1.2国内外研究现状........................................................................................2

第2章 MTV的辅助开发工具简介...........................................................4

2.1图片处理—Photoshop...............................................................................4 2.2音频处理—Cool Edit.................................................................................5 2.3特效工具—Swishmax...............................................................................6 2.4影片反编译工具—硕思闪客精灵............................................................7

第3章 Flash MTV的整体设计..................................................................8

3.1设计分析....................................................................................................8 3.2项目规划....................................................................................................8 3.3制作流程....................................................................................................8

第4章 Flash MTV的前期准备................................................................10

4.1选材的意义..............................................................................................10 4.2素材准备..................................................................................................10 4.3剧本构思...................................................................................................11

第5章 Flash MTV的功能实现................................................................12

5.1 Flash MTV动画的制作...........................................................................12

5.1.1片头动画.......................................................................................12 5.1.2片中动画.......................................................................................12 5.1.3片尾动画.......................................................................................17 5.2为Flash MTV实现自带播放控制功能..................................................18 5.3词曲同步..................................................................................................19 5.4为Flash MTV添加预载动画..................................................................20

第6章 关键技术总结..................................................................................22

6.1 Flash MTV中的镜头特征与技术实现...................................................22

III

6.1.1Flash MTV中镜头画面的位置与范围.........................................22 6.1.2Flash MTV的镜头效果及实现技巧.............................................22 6.2音乐的导入与词曲同步..........................................................................23 6.3对Flash添加全屏技术...........................................................................23 6.4 Flash背景透明及层次问题....................................................................23

第7章 Flash MTV测试与发布................................................................24

7.1 MTV测试................................................................................................24 7.2 Flash的发布............................................................................................25

总结与展望........................................................................................................26 致谢......................................................................................................................27 参考文献............................................................................................................28

IV

第1章 绪论

1.1 Flash软件简介

Flash是美国Macromedia公司于1999年6月推出的一种优秀网页动画软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。

Flash是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已成为网上动画的霸主。Flash能够很好的支持声音，并具有交互功能，简单易学，可以很方便的实现一些现实中难以实现的、抽象的概念或现象。用Flash开发出适用于网上传播的动画。

Flash是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于网络动画，广告制作，教学课件，互动游戏等方面。

由于Flash制作简单，通用性比较大，涉及的领域多，制作出的效果非常精致，生成的动画文件非常小，所以被广泛的应用于Internet制作各种网站及其网站素材。

1.1.1Flash软件组成

在Flash中创作内容时，需要在Flash文档文件中工作。Flash文档的文件扩展名为.fla(FLA)。Flash文档有四个主要部分：

舞台是在回放过程中显示图形、视频、按钮等内容的位置。

时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。

库面板是Flash显示Flash文档中的媒体元素列表的位置。

Action Script代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用Action Script向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。

1.1.2Flash软件的三大功能

Flash动画设计的三大基本功能如下：

1）绘图和编辑图形

绘图和编辑图形不但是创作Flash动画的基本功，也是进行多媒体创作的基本功。只有基本功扎实，才能在以后的学习和创作道路上一帆风顺。使用Flash Professional 8绘图和编辑图形——这是Flash动画创作的三大基本功的第一位。

在绘图的过程中要学习怎样使用元件来组织图形元素，这也是Flash动画的一个巨大特点。

2）补间动画

补间动画是整个Flash动画设计的核心，也是Flash动画的最大优点，它有动画补间和形状补间两种形式。用户学习Flash动画设计，最主要的就是学习“补间动画”设计。在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别。

3）遮罩

遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点。使用遮罩配合补间动画，用户更可以创建更多丰富多彩的动画效果：图像切换、火焰背景文字等都是实用性很强的动画。并且，从这些动画实例中，用户可以举一反三创建更多实用性更强的动画效果。

遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式，如果对这些形式做个总结概括，可以使自己有的放矢，从容创建各种形式的动画效果。

完成Flash文档的创作后，可以使用“文件”>“发布”命令发布，这会创建文件的一个压缩版本，其扩展名为.swf(SWF)。然后，就可以使用Flash Player在Web浏览器中播放SWF文件，或者将其作为独立的应用程序进行播放。

1.2国内外研究现状

在视听语言统治的时代，任何一种叙述方式都逃脱不了MTV的影响，Flash自然也不例外。在创作中闪客借鉴了大量的影视语法表现自己想要表现的主题和想要传达的情感。渐隐渐显、叠化、不同场景的组合，以及模拟运动摄影的方式结构自己的作品，使得Flash这个新生事物在生命之初即表现出丰富的语言[1]。

Flash MTV的出现，Flash承载的内容量增加，预示着制作者创作中心的转移。之后突出故事性的作品雨后春笋，Flash步入“正途”，开始在网络上大量制造、传播。

“闪客阵线”的第一个板块Flash音乐村专门播放闪客的音乐作品。这和人们

概念中的音乐作品有所不同，闪客在这里很少涉及音乐本身的创作，他们的重点是利用动画的手段重新阐释、演绎现有的音乐素材。因此可以把它称之为F-MTV[2]。当然MTV的本意是指音乐电视（Music television），但是现在随着他的广泛流行，MTV已经成为了一种代名词。当初，音乐配以视频图像的音乐电视的出现给传统的电视声画结构提出严峻挑战，甚至有人把它称之为无意义的声画结构。这在以前的创作中是违反规则的，甚至是被禁止的[3]。

个性化的充分表达是Flash作品最突出的特色，同时也是技术手段对创作的制约（表现出技术的双刃色彩），Flash无法制作大场景的过于精雕细琢的动画，而更适合出产个人化的、风格独特的小作品。如果划分派别，Flash应该属于非主流动画的新生代，他不是把更多的精力放在讲故事上，而是试图在有限的时间内表达丰富的感情和复杂的思想同时辅以细节的处理完成对心灵的刻画[4][5]。

第2章 MTV的辅助开发工具简介

MTV中涉及多种特效的制作，光靠Flash是不够的，还需要硕思闪客精灵收集素材，用Photoshop处理各个场景图片，用Swishmax制作漂亮的文字变换效果，同时为了实现对声音文件的截取，就还需要用到需要Cool Edit软件。

2.1图片处理—Photoshop

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。

本作品运用Photoshop来处理MTV中所用到的图片，比如用Photoshop的色阶层来调整图片色彩，色阶图根据图像中每个亮度值处的像素点的多少进行区分。右面的白色三角滑块控制图像的深色部分，左面的黑色三角滑块控制图像的浅色部分，中间灰色三角滑块则控制图像的中间色。移动滑块可以使通道中最暗和最亮的像素分别转变为黑色和白色，以调整图像的色调范围，因此可以利用它调整图像的对比度：靠左的滑块用来调整图像中暗部的对比度，右边的白色三角用来调整图像中暗部的对比度。左边的黑色滑块向右移，图像颜色变深，对比变弱。两个滑块各自处于色阶图两端则表示高光和暗部。中间的灰色三角滑块，它控制着Gamma值，而Gamma值又衡量图像中间调的对比度。将灰色三角滑块向右稍动，可以使中间调变暗，向右稍动可使中间调变亮。如图2.1所示：

图2.1 色阶调整

再如用曲线调整图片色彩，曲线图有水平轴和垂直轴，水平轴表示图像原来的亮度值，相当于Levels中的Input Levels项；垂直轴表示新的亮度值，相当于Levels对话框中的Output Levels项。

曲线右上角的端点向左移动，增加图像亮部的对比度，并使图像变亮（端点向下移动，所得结果相反）。曲线左下角的端点向右移动，增加图像暗部的对比度，使图像变暗（端点向上移动，所得结果相反）。

利用“调节点”控制对角线的中间部分（用鼠标在曲线上单击，就可以增加节点）。曲线斜度就是他的灰度系数，如果在曲线的中点处添加一个调节点，并向上移动，会使图像变亮。向下移动这个调节点，就会使图像变暗（实际是调整曲线的灰度系数值，这和Levels对话框中灰色三角形向右拖动降低灰度色阶，向左拖动提高灰度色阶一样）。如图2.2所示：

图2.2 曲线调整

2.2音频处理—Cool Edit

Cool Edit Pro是美国Adobe Systems公司(前Syntrillium Software Corporation)开发的一款功能强大、效果出色的多轨录音和音频处理软件。它是一个非常出色的数字音乐编辑器和MP3制作软件。

在本次用Flash制作MTV时利用了Cool Edit截取音乐，处理好后复制为新的，又由于FLASH只支持频率为11Hz的整数倍，码率为160Kbps以下的音频，所以在文件另存时需要进行选项设置，以选择适当的比特率与采样频率来进行音乐格式的转换，如图2.3所示：

图2.3 运用Cool Edit截取音乐

2.3特效工具—Swishmax

Swishmax能更快速更简单地在入FLASH动画中加入特效，拥有超过150种可选择的预设效果。

在此次运用Flash制作MTV过程中运用了此工具来做片头动画的特效字幕，首先用“文本”工具在场景中创建文本框，再在“文本”选项卡中输入文字，设置好字体，大小，颜色后选择文本单击“时间线”左上角的“添加效果”按钮，在弹出的菜单中选择自己喜欢的动画效果，同时为延长动画效果在“显示字符”文本框中设置参数，数值越大动画持续时间越长，另外将此swf文件导入Flash舞台中运用时需要在影片剪辑的最后一帧添加stop()语句以避免动画的循环播放。如图2.4所示：

图2.4 运用swishmax制作特效字幕

2.4影片反编译工具—硕思闪客精灵

硕思闪客精灵是一款先进的shockwave Flash影片反编译的工具，它能捕捉.反编译、查看和提取shockwave Flash影片（.swf和.exe支持Fla格式文件），轻松反编译一个或是多个SWF格式文件为FLA/FLEX项目文件。

在本次用flash制作MTV时许多素材就是通过此软件编译而来，首先要通过“选择导出fla文件的版本”成功导出.fla，接着根据需要选择“图片”、“声音”、“形状”、“动作”等导出资源，在Flash中打开修改任何元素或动作脚本，效果如图2.5所示：

图2.5 运用硕思闪客精灵获取素材

此外，由于为了给本作品增色会在网上搜集许多“透明Flash”，但数目太多用flash播放器逐一打开查找就显得相当的麻烦。所以借助“硕思闪客精灵”软件来处理，在“硕思闪客精灵”——“文件浏览”中找到所存放“透明flash”的文件夹，选中第一个“透明flash”动画，在键盘的方向键上按↓键，这些“透明flash”动画就会按顺序一个一个的变换播放，再选中所需求的“透明flash”动画，复制、粘贴到做动画所设立的文件夹，这样就可以方便地运用素材了，省去许多麻烦。

第3章 Flash MTV的整体设计

3.1设计分析

本作品就是让人们在闲暇之余欣赏，要让欣赏之人看上去心情放松，配上好的音乐，好的动画，设计出好的作品，这样才能起到欣赏的价值。根据分析，设计中要解决的问题如下：

(1)素材要充足(2)界面友好，便于操作(3)整个框架要美观简洁

(4)各个模块之间的链接，影片格式文件的调用(5)音乐、歌词及表达意境动画的同步

3.2项目规划

运用Flash 制作MTV是一个非常新颖的项目，给人以视觉上的全新感受，规划系统功能模块如下：

动画模块

该模块主要制作MTV所需要的动画场景。

 片头动画：主要是告诉观众本MTV歌曲的信息。 片中动画：主要是表现歌曲所要表达的含义。 片尾动画：标明本MTV的制作目的。

首先预载动画进入片头动画，画面背景即为特效背景图，进入后画面静止，只有通过点击画面中的“播放”按钮才能进行动画的播放。片中动画主要是根据剧本【隐形的翅膀】内容设计的动画，是作品的核心。片尾先会显示一段特殊效果处理的寄语文字，然后进入结束帧。在最后结束帧会有一个“REPLAY”按钮，点击此按钮会跳转回动画画面的播放。

音频模块：该模块主要是插入MTV的灵魂——歌曲。

3.3制作流程

制作动画时，首先编写完成的剧本，剧本要经历多次的修改，多次的润饰工作与最终的调整。然后根据作品内容进行选材并从各种途径获取素材，接着将音乐

和图片导入Flash的库面板中以便制作时使用，最后就是根据动画制作的需要在Flash中尽量把一些元件如影片剪辑元件、按钮元件和图形元件准备好，为布置场景做充分的准备。

本设计Flash制作MTV流程如图3.1所示：

图3.1 MTV制作流程图

第4章 Flash MTV的前期准备

前期准备是一部完整Flash动画的起步阶段，前期准备充分与否尤为重要，往往需要设计者就剧本的故事，剧作的结构、风格、人物、音乐等一系列问题进行反反复复的探讨商榷。首先要有一部完整、结构出色的文学剧本，接着需要根据本设计主场景与人物。尽可能地达到音乐与画面上动作节奏的和谐、统一。达到音乐配合画面动作、色彩、意境的效果。

4.1选材的意义

光阴似箭，岁月如梭，四年美好而艰辛的大学生活犹如漏斗中的沙石已悄然流进昨日。此时站在漫漫求学道路的终点心潮澎湃，思绪万千，昔日的点点滴滴，零零总总，跃然而起，历历在目。此时面对着可爱的同学，面对着美丽的校园，心中虽有千言万语，却只字难出，希望把这个Flash做的MTV《隐形的翅膀》送给大家，之所以选这个主题，本人想是每个人的一生都会遇到或大或小的挫折，如何在逆境中、挫折中锻炼成长，是很重要的事情；挫折与人生相伴，而事实上我们每个人的内心深处都有一双隐形的翅膀，这翅膀是坚定的信念，是坚实的行动，是果敢的毅力，是灿烂的笑容，只要展开这隐形的翅膀，就能够在梦想的天空自由的翱翔。只是在成长的过程中、在磨练的过程中我们的翅膀退化了，迷失了。我们所要做的就是自信、坚强去找回它，让它带着我们走向理想的天堂。

4.2素材准备

这是工程最庞大的一块，只靠Flash是远远不够的，还需要用到Photoshop和Cool Edit两大软件。不同的情景需要不同的景致衬托。又要考虑到整体的色彩搭配。因此背景构图时相当费神的。在Flash中开发产品外观很容易，人们可以再短时间内为角色，道具或者背景制作出很多不同的版本。通过调整，转换或者忽略去角色的外貌特征就可以创作出很多变体。诸如墙纸，山峦等背景元素则可以被复制和改变成多种样式和基调。还可以把角色快速地放在不同的背景中，以查看它们在一起的效果。在Flash中开发产品的一个主要原因就是可以在整个过程中自始至终地处在一个程序中来解决各个问题。

素材，图像，元件的选择和准备工作是制作整个Flash动画的核心过程，也是0

是完满完成Flash动画的基石。一个好的Flash MTV的设计，不仅要考虑素材图片，场景，作品人物的颜色的搭配，还要人物的神态和动作上多下功夫，要做到协调，一致，和谐。

在此阶段不仅要耗费大量时间和精力搜寻所需要素材，有时候更需要亲手制作各个小的素材，如各个文字特效的制作可通过Swishmax来处理，用Cool Edit对声音文件进行截取，有时候还需要用到Photoshop工具处理场景图片，还有利用Flash8巩固制作中各种元件及矢量图像，为后期的制作工作做准备。

4.3剧本构思

本作品的主题是：一个小女孩，绝望孤独的小女孩梦想自己有一双希望的翅膀去自由翱翔，去享受未来，享受花开，感受幸福的过程，拥有希望去相信自己终会迎接一个美好的明天。

情节1：天空幻变，小女孩独自一人在风中吹着口琴，天空中飘起了丝丝细雨，伤心往事不由涌上心头，面对孤单已力不从心，当孤单变成一个习惯，习惯到已无所适从，试问一个人能在最伤心的时候坚强吗？

情节2：小女孩乱乱的心，丝丝细雨飘落在发梢，任由思绪到处飞扬，梦想着自己能有一双隐形的翅膀，希望可以像鸟儿一样自由的飞翔。

情节3：小女孩梦想着自己插上了一双希望的羽翼，在天空中自由的翱翔。情节4：小女孩自由地翱翔在夜空中，自己不再害怕，看到了一株美丽的荷花正在盛开，她飞过去停落在荷叶间。

情节5：荷花盛开了，花儿悄悄睁开眼，这个世界让它如此迷恋，它决定不能再开了，就半朵就够了，要不它该谢了，那半朵花儿静静的开，不期盼有人欣赏，不希望有人来爱，不愿意泪水浇灌，不喜欢忧郁覆盖，自由的花香萦绕在心间，小女孩飞过去停落在花间。

情节6：小女孩手捧含苞待放的花儿祈祷祝福，一片心形花瓣随风飘落在小女孩鼻尖，注入到花中花儿竟奇迹般绽放。

情节7：梦幻结束了，小女孩看着翅膀的羽毛一片一片正在坠落，虽然只是一个梦幻，但因为她拥有自信，怀抱希望，她不但彻底消除了眼神里的那丝淡淡的忧怨，而且还找到了自己现实世界里那双隐形的翅膀。1

第5章 Flash MTV的功能实现

5.1 Flash MTV动画的制作

此模块为Flash MTV动画制作的功能实现，整个动画共分为片头动画，片尾动画与十一个片中动画，其中片中动画又包括七个动画情节与四个特别的动画效果。除此之外还实现了词曲同步功能，预载动画的加载以及自带播放器控制功能。5.1.1片头动画

此动画由“框架”“背景”“字幕”三个图层实现，框架层来确定整个动画MTV显示的幕布效果，背景层是一张由Photoshop处理的静态图片，字幕则是由Swishmax制作的两个影片剪辑，为美化页面效果特意加载了“蒲公英”的特效素材，实现效果如图5.1所示：

图5.1 片头动画效果

5.1.2片中动画

(1)片段一

此片段制作主要通过补间动画实现，通过改变素材“花瓣”元件的位置，大小，透明度来创建补间动画以呈现四个花瓣旋转浮出渐显的效果，该补间动画的时间轴及图层信息如图5.2所示： 2

图5.2 片段一的动画效果

(2)片段二

此片段制作运用了补间动画技术与遮罩技术以实现一个图片对称运动效果。首先为了实现图片的移动需要制作一个两张静态图片并排依次排列的元件，然后在主场景中通过补间动画设置确定其从左向右移动的效果，接着为实现对称效果需要复制元件进行变形>水平翻转再确定其从右至左移动的效果，同时实现对称移动需要通过遮罩技术，其时间轴显示及效果如图5.3所示：

图5.3 片段二的动画效果

(3)片段三

此片段同样是通过补间动画技术与遮罩技术实现一个百叶窗效果，为展现百叶窗的效果需要对“baiyechuang”影片剪辑进行变形设置，实现效果如图5.4所示： 3

图5.4 片段三的动画效果

(4)片段四

此片段通过补间动画技术实现“天空”，“女孩1”“房子”三个影片剪辑同步从远处由小到大的效果，“天空”则是由七幅云彩变化不同的图片元件一起通过改变它们的位置，大小与透明度制作的补间动画来体现天气幻变的效果，在“女孩1”中由逐帧动画技术实现人物吹口琴时手臂微动的效果与发丝飘动的效果，此外为实现下雨的效果，需要通过不断改变“雨丝”元件的位置来制作逐帧动画实现，效果如图5.5所示：

图5.5 片段四的动画效果

(5)片段五

此片段主要由补间动画技术实现人物形象从左至右移动并且淡出的效果，主要用到的是“女孩2”影片剪辑，它是由身体图形元件与头发元件组成，通过用关键帧来控制四个不同的头发图形元件实现头发飘动效果，效果如图5.6所示：

图5.6 片段五的动画效果 4

(6)片段6 此片段通过多层元件的嵌套技术实现一个应接上个片段的转场效果，实现当前画面破碎为一列列的小块圆形，如水波涟漪般依次划过画面后随之呈现出另一张画面，此片段制作过程中为实现圆形遮罩效果运用了复制到网格命令，另外还必须新建10个图层，在时间轴等间距的插入各个关键帧，最后形成6×11的舞台布满效果，此外使用了自定义缓入/缓出曲线为动画添加缓冲和弹性效果，同时为了实现圆形的动画变形效果还需要进行旋转设置，效果如图5.7所示：

图5.7 片段六的动画效果

(7)片段七

此片段运用补间动画技术显现人物由远及近放大再远而小的过渡画面和“荷叶”影片剪辑从下往上慢慢升起的唯美效果，主要用到的是“女孩3”影片剪辑，其中用逐帧动画技术实现人物的头发飘动效果，裙摆飘动与挥动翅膀效果，效果如图5.8所示：

图5.8 片段七的动画效果

(8)片段八

此片段主要运用补间动画技术实现人物的移动效果，“荷花”影片剪辑的淡出效果与“花蕊”影片剪辑的淡入效果，此外加入了光晕特效，效果如图5.9所示： 5

图5.9 片段八的动画效果

(9)片段九

此片段是一个由绘画编辑技术，补间动画技术与遮罩技术实现的万花筒效果，在遮罩元件制作过程中用到一张静态背景图片元件与一个绘制的等腰三角形，为实现旋转效果需要对静态图片元件属性进行定义旋转创建补间动画，此外为将整个遮罩元件布满舞台还需要对其进行旋转角度设置，此时要特别注意将中心点调整至等腰三角形的顶点处，再者因为三角形的元件会显示不协调的尖角效果，所以在场景中又添加了一个圆形图案作为遮罩层来完美显示万花筒效果，其效果如图5.10所示：

图5.10 片段九的动画效果

(10)片段十

此片段主要运用补间动画技术实现心移动与花开的效果，此外用关键帧来控制人物的睁眼效果，效果如图5.11所示： 6

图5.11 片段十的动画效果

(11)片段十一

此片段主要实现翅膀羽毛飘落的效果，包含的影片剪辑文件有：“女孩5”、“羽毛”，其中为实现羽毛飘落效果需要在“羽毛”影片剪辑中通过设置引导层来引导“yumao”元件进行飘落，其时间轴及最终实现效果如图5.12所示：

图5.12 片段十一的动画效果

5.1.3片尾动画

作为总结性画面，此动画由两个文字影片剪辑构成，分别显示署名与总结性寄语，通过设置漂亮动感的文字效果来完成。在动画结束后，通过as层的stop()语句将画面停止，同时在此动画的上会显示“REPLAY”按钮，点击该按钮会进入MTV的重新播放，该动作的实现首先必须将“REPLAY”文字转化为按钮元件，在此制做了一个按动按钮就会出现泡泡浮现的特效，点击结束按钮添加重播动作，7

此动作不同于播放按钮与首帧按钮，其代码是：on(release){gotoAndPlay(2)；}，具体实现效果如图5.13所示：

图5.13 片尾动画效果

5.2为Flash MTV实现自带播放控制功能

为实现此功能主要需要Action Script语句、按钮以及影片剪辑文件。其中，影片剪辑文件有：“快放”、“倒放”、“当前帧”。

“快放”的动作实现代码： 第一帧：stop();第二帧：if（_root._currentframe<=_root._totalframes-10){_root.gotoAndPlay(_root._currentframe+10);} else{ _root.gotoAndStop(_root._totalframes);} 第三帧：gotoAndPlay(2);“倒放”的动作实现代码： 第一帧：stop();第二帧：_root.gotoAndPlay(_root._currentframe-2);第三帧：gotoAndPlay(2);“当前帧”的动作实现代码：

第一帧：dangqianzhen=_root._currentframe;第二帧：gotoAndPlay(1);八个按钮分别为：播放按钮、暂停按钮、快放按钮、倒放按钮、首帧按钮、快进按钮、快退按钮、尾帧按钮，为实现对主场景画面的播放控制则需要对按钮8

附加Action Script语句，播放按钮：on(release){daofang.stop();kuaifang.stop();_root.play();} 暂停按钮：on(release){daofang.stop();kuaifang.stop();_root.stop();} 快放按钮：on(press){daofang.play();kuaifang.gotoAndPlay(2)}

on(release){kuaifang.gotoAndStop(1);_root.stop()；} 倒放按钮：on(release){ kuaifang.stop();daofang.play();} 首帧按钮：on(release){daofang.stop();kuaifang.stop();gotoAndStop(1);} 快进按钮：on(release){daofang.stop();kuaifang.stop();this.gotoAndStop(_currentframe+5);} 快退按钮：on(release){daofang.stop();kuaifang.stop();

this.gotoAndStop(_currentframe-5);dangqianzhen=_currentframe;} 尾帧按钮：on(release){daofang.stop();kuaifang.stop();gotoAndStop(_totalframes);} 此外在主场景的结束帧处还需设置动作语言来控制整个画面并且及时更新场景中的各个动态参数，其代码是：

stop();

kuaifang.stop();

dapfang.stop();

updateAfterEvent();最终实现效果如图5.14所示：

图5.14 播放控制按钮实现效果

5.3词曲同步

Flash MTV以音乐或歌词贯穿全部作品，以图形解释音乐，以音乐衬托画面，是视觉和听觉双重方式向观众表达作者创作的主题。因此在用Flash制作MTV时，一定要使用流类型的声音设置，只有这样做才可以使声音文件和MTV的动画播放同步，画面与音乐结合得更紧密。为确保词曲同步首先应确定时间帧数，采用音乐播放时间与帧速率的乘积来获得，此外需进行歌词标记，于每一标记的对应帧处加载歌词元件，为显示歌词元件的变换可通过属性面板的交换按钮来设置依次将所有的歌词替换在舞台上。9

歌词的制作采用了淡入淡出效果，通过在第二句歌词出现的前10帧处插入关键帧来设置“45%”的alpha值以创建补间动画实现，效果如图5.15所示：

图5.15 词曲同步效果

5.4为Flash MTV添加预载动画

Flash中的动画预载即是人们经常提到的loading，动画预载的画面可以使观赏者了解等待作品需要的时间或下载进度等。

此动画是场景2中实现的，需要在实现动画预载效果后跳转到主场景的舞台上。

此功能实现需要Action Script语句，“进度条”的影片剪辑文件与播放按钮。进度条动画是一个渐变矩形从左向右慢慢拉长的动画，如图5.16所示：

图5.16 进度条的动画实现

播放按钮需要设置动作脚本来控制跳转场景1的第一帧处并开始播放，其脚0

本是：on(release){gotoAndPlay(“场景 1”，1)；

此外还需要创建一个显示百分比的动态文本，用以显示加载进度百分数。进度条影片剪辑则按百分比的值跳转到相应的帧上。

最终实现加载动画功能需要添加动作脚本语句，其代码如下： total = _root.getBytesTotal();loaded = _root.getBytesLoaded();load = int(loaded/total*100);loadtxt = “loading”+load+“%”;_root.进度条.gotoAndStop(load);在第一帧的位置需要定义帧标签“play”，而在结束帧的位置需要在【动作】面板中设置动作脚本：

if(loaded == total){ gotoAndStop(6);} else {gotoAndPlay(“play”);} 选择MTV主动画有代表性的背景画面作为加载画面，效果如图5.17所示：

图5.17 预载动画的显示效果 1

第6章 关键技术总结

6.1 Flash MTV中的镜头特征与技术实现

6.1.1Flash MTV中镜头画面的位置与范围

通过Flash技术平台实现时，动漫作品中的场景是由Flash中的场景管理器来控制添加的，不同的场景表达剧本中不同的动画主题，每个主题的执行顺序由场景的排列顺序决定。动画中不同的角色由场景中时间轴的图层来定义，而镜头画面则是由时间轴中的关键帧来实现。不同的镜头画面通过导入方式将其放入相应的关键帧中。一般的，我们会将关键帧中的图像画面转换成图形或影片剪辑元件存于文档库中[6][7]。

6.1.2Flash MTV的镜头效果及实现技巧

在Flash动漫创作中，镜头效果是根据电影拍摄中摄像机的运动轨迹来确定的。可分为推、拉、摇、移、升（降）五种类型效果。

在获取不同的镜头位置和范围的画面，通过Flash时间轴的关键帧表现出来之后，就可以通过画面的运动来获得更为灵活的视觉感受。推拉镜头效果的实现技巧，首先将要表现的画面定义成图形或影片剪辑元件存于文档库中。在将要实现推拉镜头动画的图层对应的帧上建立一个区间，其中首关键帧中产生该画面元件的实例，并确定进行推拉运动开始时的画面。在末关键帧中同样产生元件的实例，并确定进行推拉运动最终的缩放画面。在该区间定义产生补间动画。推拉效果变化的快慢是由区间的长度决定。另外还可通过修改整个动画的帧频来改变镜头画面运动的快慢，但对动画帧频的修改将会影响整个作品的播放速度；摇镜头运动效果在Flash动画创作中，只有通过在舞台中移动对象元素来达到摇镜头的目的。首先为目标对象做出几个视角的透视图，然后将这几种视角的透视图组合成比舞台更高或更宽的图，再通过对这幅图上下或左右移动，就能产生摇镜头的效果。Flash动画中的横移镜头和升降镜头效果，可以先做一张宽度大于舞台的场景图，需要横移镜头时把图片左右或上下移动即可。图片的上下或左右移动都是由Flash的渐变移动动画，通过改变图形元件画面的位置来实现的[8][9][10]。2

6.2音乐的导入与词曲同步

音乐的导入是Flash中制作MTV的焦点，而词曲同步更是焦点中的难点。一般来讲导入音乐后计算音乐长度，选择音乐图层第1帧，打开属性面板看到相应的信息，选择音乐图层的相应帧，延伸帧，使音乐能在时间轴上播放完。制作出歌词的图形元件，输入歌词内容并对齐。标记歌词位置，新建歌词标记图层，把播放头定位到标记为“第一句”的帧，选中歌词图层上与其相同的帧，插入一个关键帧。第一句歌词加好以后，拖动播放头到歌词标记图层的“第二句”的帧标记处，选中歌词图层上与其相同的帧，插入一个关键帧。这时舞台上依然显示的是第一句歌词的内容。单击舞台上的“歌词1”实例，单击属性面板的交换按钮，打开交换元件对话框，可以看见刚才做的所有的歌词元件都在这个对话框中，选中“歌词2”，单击确定按钮以后，舞台上原来的“歌词1”已经被替换成“歌词2”元件实例了，位置则与“歌词1”相同，以此类推，用上面同样的方法依次将所有歌词替换到舞台上。接着可以根据需要制作出不同的歌词效果，比如说幻彩歌词，淡入淡出歌词等等。

6.3对Flash添加全屏技术

不显示Flash播放器菜单栏的全屏（类似屏保效果），在第一帧处的Actions用FS Command命令，在For standalone player选项中选择full screen，这时就会看到arguments中为true，Command中是full screen。运行中可按ESC退出或设置一按钮在Actions上，用FS command在For standalone player选项中选择quit也可退出。在浏览Flash动画时，如果按CTRL+F键，可实现全屏与非全屏的切换。如果仅是要使swf文件占满Flash播放器的窗口，什么也不需要做。直接单击swf文件。

即只要新建图层加上脚本语言fscommand(“full screen”, “true”);即可以显示全屏。

6.4 Flash背景透明及层次问题

Flash中利用背景的透明和层次的分布解决制作各种场景和特效是一门很高深的学问，需要长时间经验的积累及其精确的判断能力，其中技术的运用以及各种创意是关键。3

第7章 Flash MTV测试与发布

7.1 MTV测试

此MTV两个场景组成，一共包含十四个片段，本作品对测试采取的方法是：完成了一个片段之后，便开始对本片段进行测试，当本片段独立测试无误后，便进行下一个片段的测试。当其无误后，最后对整个MTV测试，若基本已符合所要制作的意境，最后将MTV导出再整体测试。在测试过程中主场景的片段功能均能实现，只是音乐导入时出现了如图7.1所示的问题：

图7.1 音乐导入错误

经了解这是由于mp3的码率是VBR（变长码率）的，flash不支持VBR格式的音乐。所以需要将它转换成CBR（恒定码率）的音乐，此外因为FLASH只支持频率为11Hz的整数倍，码率/为160Kbps以下的音频，所以在解决方案中选择了运用Cool Edit工具来将文件另存，选择适当的比特率与采样频率，此处选择了128Kbps，44100Hz，如图7.2所示：

图7.2 音乐格式转换 4

7.2 Flash的发布

经过以上的测试过程，本作品的错误解决，已比较完整，为了使用户直接观看作品，将把整个作品发布为.exe文件和html文件。如图7.3所示：

图7.3 flash动画的发布 5

总结与展望

通过一个月的毕业设计实践过程，本人对Flash8软件有了更深一步的了解，并开拓了眼界，加深了对多媒体技术专业的认识。明白动画设计除了在视觉上给人一种全新享受外，更重要的是向广大的观众传达一种信息、一种理念，一种精神享受，不仅要注重视觉上的美观，而且还应该重视到信息的传达效果。设计者与观众之间正是通过这种动画设计的作品这一特殊载体，来进行一种互动式的交流，而这一交流过程要求设计师在动画设计中融入自己的思想与情感，这就要求设计人员不能沿用传统的思维模式和手段进行创作，而是要把自己融入到新时代的浪潮中去，只有这样才能与时俱进设计出优秀的作品。

以前只是在网络上看到Flash MTV，而这部作品正是通过自己努力独立完成。但是这次制作的Flash MTV并不是传统意义上的MTV，只是根据歌词的情景意境和歌词制作出的一段影音同步的小短片，因为所学尚浅，所以还有很多不足之处，例如：

(1)由于绘画功底有限所以Flash中的人物比较粗糙，只能做简单的眨眼，头发飘动等动作，没有完全演绎出想要表达的思想。

(2)Flash脚本的添加让本人无从下手，在大量翻阅资料和实例后，只是能退而求其次的在按钮中找到一些简单的脚本，是整个作品没有想象中的活灵活现，这也是本次制作的最大遗憾。

但是这次毕业设计，本人不仅复习熟练了相关的课程、专业知识，还学习掌握了很多Flash软件的操作技巧，同时也认识到自己还有很多基础知识去学习，去巩固，很多地方都急需挖掘与深化。在以后的时间里，本人将不断激发自己的想象力和创意，注重培养自己的审美情操，多加开拓自己的视野，这样才能逐步提高自己的创作水平，不断提高自己的创新意识，进而制作优秀的作品，完善专业课程，增加Flash软件的学习时间，学通学精这门技术，做到学以致用。6

致谢

时间这东西总是来时慢慢去时匆匆，随着键的跳动本人的大学生活和几个月的毕业设计一起宣告寿终正寝，真有些措手不及。即将走出校园，步入社会，进入工作岗位了，虽然了解总有这么一天，也只有在社会这个大熔炉中才能得到更多的锻炼，才能把自己十几年的学校累积的知识学以致用，充分发挥自己所长，可是也从此远离单纯的学习的快乐与疲惫，而面对勾心斗角竞争激烈。本人自认为自己是个很有理想抱负的人，可现实却很残酷，一切都很平淡，大学四年的生活没有大起大落没有悲欢离合，学到的知识也很有限，用到实践中的更是少之甚少，到了该认识真正的自我并努力的充实自我完善自我的时候了，毕业设计真是让人有一种知之甚少的无力感。

毕业设计是一个繁复而又烦杂的过程。从选定题目到收集资料，再进入MTV制作过程，几乎应用了所学过的所有知识，每一步都要付出艰辛的汗水，在忙乱与紧张中，一步一步的把以前不是很熟还有已经忘记的专业知识和基础知识——从基础课到专业基础课再到专业课一一都拾回来了，而且经验的积累也让本人对所有所学专业的知识形成了系统的有逻辑的认识，不但提高了解决实际问题的能力，开拓了视野，更为了以后工作奠定了坚实的基础。

本人的作品Flash MTV《隐形的翅膀》终于完成了，达到了预期的效果。在这里首先要感谢本人的指导老师秦智老师。在本次论文设计过程中，秦智老师对该论文从选题，构思到最后定稿的各个环节给予细心指引与教导，使得本人得以最终完后毕业论文设计。在学习中，老师严谨的治学态度、丰富渊博的知识、敏锐的学术思维、精益求精的工作态度以及诲人不倦的师者风范是本人终生学习的楷模；他们循循善诱的教导和不拘一格的思路给予本人无尽的启迪；他们的高深精湛的造诣与严谨求实的治学精神，将永远激励着本人。这四年中还得到众多老师的关心支持与帮助。在此，谨向老师们致以衷心的感谢和崇高的敬意。

然后，本人要向百忙之中抽时间对本文进行审阅，评议和参与本人论文答辩的各位老师表示感谢。

最后感谢学院本人的母校——太远理工大四年来对本人的大力培养。7

参考文献

[1] 王卓.Flash CS3动画制作百练成精[M].电子工业出版社，2008.10.[2] 冯晓艳.Adobe Flash CS3中文版经典教程[M].人民邮电出版社，2008.3.[3] 周建国.Flash CS3动画设计与制作实例精讲[M].人民邮电出版社，2008.6.[4] 郝春雨，唐有明.Flash CS3典型应用百例[M].电子工业出版社，2008.6.[5] 朱磊.flash 8动画特效设计经典案例[M].人民邮电出版社.[6] 刘继红.爱上了动画——Flash MTV的制作[J].时代教育，2005，(02).[7] 王丽华.MTV短片的历史研究与简单制作[J].考试周刊，2008，(22).[8] 马海燕，李希文，郭文平.浅析Flash动漫MV中的镜头与接镜技巧[J].台州学院学报，2007，(06).[9] 王寿苹.多媒体专项设计与实例精粹[M].清华大学出版社.[10] 龚花兰.基于FLASH探究MTV制作的关键技术[J].电脑学习，2006，(03).8

第五篇：FLASH课件制作详解

FLASH课件模板制作详解

教师也“闪”一把

Flash MX 2004打造精美多功能课件

湖南省浏阳市 官桥中心完小 冯献

随着多媒体课件在教学上的运用，越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题：用什么来制作呢？Powerpoint档次太低，Authorware又不会… …于是，本人作为小学教师的一员，特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。

功能简介：

首先，要简单介绍一下flash：它是一个Macromedia公司出品的动画制作软件，带有丰富的交互功能，配以适当的Action script脚本，能做出功能丰富，画面精美的动画课件。能让我们当教师的也来“闪”一把!

注：本文中代码后面的“//”表示接下来是代码解释文字

一、先设计出一个漂亮的界面来

打开flash MX 2004，按Ctrl+F8新建一个影片剪辑，取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1，大小为550*400，怎么画？你自己想要什么样的就画什么样的吧!)

说明：界面设计不能太花了，但要有主色调。我这里用的是淡绿色。

不建议使用晃眼的色调，因为整个课件要协调好。太黑了使人感到郁闷，太亮了眼睛痛，适中最好。

风格看个人的喜好了，比如我喜欢窗口风格的。也有好多人喜欢无窗口的，全由你自己爱好啦。我这个版面上面是标题栏，右边是按钮控制区，下方是显示一些说明信息。

初步做好后，将它拖放到场景中，刚好与舞台重合。并在“属性”栏中，实例名称中输入：window

二、界面做好后，就要来制作交互用的按钮了

一般我们需要制作3-4种按钮：

1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn)：

2、响应课件内容及相关操作的通用按钮（因为只要在上面加个名字，就能变成“播放”，“停止”，“音乐”等按钮了）；

3、临时按钮：主要在课件中进行临时交互用的。

详细制作方法（不要嫌我啰嗦啊）：

1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”，类型选“按钮”,确定。按钮都有四个帧“向上”（即平常状态）、“经过”（鼠标移上去的样子）、“向下”（鼠标点下去的样子）、“点击”（这里什么色无所谓，它只限定鼠标起作用的范围）。另外还可以为这个按钮加点声音，按下时响一下。方法是，点“文件”－“导入”一个声音来。声音就存在于库中了，在按钮图上新建一层，在“按下”帧插入一个关键帧，将声音从库中拖入编辑窗口中即可。（其实声音还可有好多种设置，这里不必要作过多设置，就不详说了）

2、按自己的想法，分别做好四个不同的帧，这样你的多彩的按钮就做出来了，建议多用渐变色（包括线性和径向）。

3、将做好的按钮拖放到界面中去，命名并输入文字

在库中双击“界面”元件，进入影片剪辑“界面”的编辑状态，新建一层，取名为“按钮”，从库中把做好的按钮拖入到适当的位置，摆放整齐。分别在“属性”栏中的“实例名称”中输入：（不包括后面的汉字）fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回 music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层，取名为“按钮文字”，用文本工具在按钮的上面输入各按钮的名称（如下图）：

4、为各个按钮输入脚本控制语句：

新建一层，取名为“脚本”。按F9调出动作面板（如果是FLASH MX，请选“专家模式”），然后在空白处输入以下代码：

fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)

fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏

}

close_btn.onRelease=function(){

fscommand(“quit”,true)

//quit表示退出

}

play_btn.onRelease=function(){

_root.play()

//播放 _root.表示主场景，加上这个前缀来控制主时间轴，下同

}

stop_btn.onRelease=function(){ _root.stop()

//停止

}

back_btn.onRelease=function(){

_root.gotoAndStop(“mulu”)//返回到目录帧（你在课件中有目录的帧的属性面板中找到“标签”栏，在其中输入：mulu 这时在时间轴会有一面小红旗和mulu字样）

}

music_btn.onRelease=function(){

musiccontrol.play()//这里要涉及一个音乐控制影片剪辑，在后面介绍

}

practice_btn.onRelease=function(){

_root.gotoAndStop(“practice”)//跳到练习内容（帧标签为practice）

}

score_btn.onRelease=function(){

score_mc._visible=true //设置计分板为可见，计分板制作将在后面介绍

}

help_btn.onRelease=function(){

helpcontrol.play()//设置帮助信息的可见与隐藏控制，后面有相关介绍

}

输入完成后，点一下上部分的小勾，检查脚本有无错误，如果出现错误提示，认真检查，并正确输入。直到提示“此脚本无错误”。

三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑

在这里顺便提一下：建议在库中建立几个文件夹，便于管理众多的影片剪辑

单击库面板中左下角的文件夹图标，就会在库中建立文件夹，可以将各种影片剪辑归类存放：如建立“声音”、“按钮”、“面板部件”三个文件夹，再把相应的元件拖入其中。要使用里面的元件时，只要双击文件夹图标即可。

1、制作背景音乐控制元件 导入一个mp3/wav格式的音乐文件，不要太大，以1－4M为佳。导入后，在库面板中会出现一个喇叭形状的图标，将它拖到“声音”文件夹中。

新建一个影片剪辑，取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中，单击第一帧，在“属性”面板中，将“同步”下拉选单中选“数据流”（如下图，为的是让音乐随帧播放，便于控制），然后在700帧左右插入帧（不是关键帧呀！），如果音乐大概是1分钟就要720帧，自己算算。直到你的最后一帧中无蓝色波形，说明音乐刚好放到那里就完成了。

再新建一个影片剪辑，取名为“音乐控制”。在第一帧的帧动作中输入：

stop()

music_mc.play()//让音乐放

在第二帧插入一个关键帧，在帧动作中输入：

stop()

music_mc.stop()//让音乐停

在库中双击“界面”元件进入它的编辑状态，新建一层，取名为“音乐”，将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置，并分别命名为：music_mc和musiccontrol。到此，背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控制了。按Ctrl+Enter键测试一下吧！

2、制作计分板元件

这个里面将要用到“动态文本”，这是一个可以按要求随时改变字符的文本，用来动态显示分数。

新建一个影片剪辑，取名为“计分板”。先画好板面，要注意与主界面相配。并在适当的位置用文本输入各组组号。

新建一层，取名为“分数”，点T文本工具，并在属性栏中，设为“动态文本”，在面板组名下框出六个文本区，并分别取“变量”为s1-s6，如图：

再做一个加分按钮和一个减分按钮（不细说步骤了），将它们拖放六次到计分板的适当位置，实例名为：jia1_btn，jian1_btn，jia2_btn，jian2_btn … …如图：

新建一层，打开帧动作面板，输入六段下面类似代码：

a1 = 0;

jia1_btn.onRelease = function(){ a1++;

//每次单击递加1 s1 = a1;};

Jian1_btn.onRelease = function(){ a1--;

//每次单击递减1 s1 = a1;｝

… …

（以上是1组的加减分按钮，你就另外加5个的进去吧！只要将1改成2、3、4、5、6即可，注意要认真一点，输完后要检查无误。）

最后还要拖入一个可以将计分板关闭的按钮来，放在右上角，实例名称为：close_btn，在帧动作面板中还要加入条：

close_btn.onRelease=function(){

_parent._visible=false

//表示上一级（即计分板）不可见

}

这时，计分板己做好。在库面板中，双击“界面”，打开它的编辑状态。

新建一层，取名为“计分”，将做好的“计分板”元件拖入到场景中适当位置，并在“实例名称”输入：score_mc。你再测试一下你的计分板吧！呵呵！

3、制作帮助信息元件

这个很简单，新建一个影片剪辑，命名为“帮助信息”，画个450*20的矩形，再向里面添加一个动态文本。变量取为 helptxt就行了。

再新建一个只有两帧的类似于音乐控制的影片剪辑：帮助控制

第一帧动作：stop()

help_mc._visible=true //帮助为可见

第二帧动作：stop()