仨人MV的设计与实现falsh计算机论文

1、 仨人MV的设计与实现falsh计算机论文目录摘要1翻译2绪论31设计简介41.1mv简介41.2FLASH发展趋势41.3制作目的42FLASH动画制作中最基础的知识42.1动画的基本理论52.2FLASH 8.0的工作环境52.2.1 工作环境52.2.2 舞台52.2.3 时间轴窗口63flash mv的设计过程63.1flash mv的开头思路63.2flash mv制作的过程73.3树叶泛起涟漪的制作93.4百叶窗遮罩层的制作133.5卷轴的制作173.6播放按钮的制作204mv的测试与优化214.1测试与修改214.2优化215结束语22辞23参考文献2422 / 23摘要目前，随

2、着网络的发展，多媒体信息以更快的速度在网络中传播，特别是图形图像、视频、音频信息的传播，更加展示了网络的魅力。FLASH囊阔了新时代的一切时尚元素：网络、互动、即时、音乐、动画等，是技术和艺术的“完美”结合。本次毕业设计以FLASH 8软件作为主要的MV制作工具，Photoshop等软件作为辅助工具对动画中要用到的图进行编辑和修改，并用ACDSee软件进行图片格式的转化和大小的压缩，本论文主要介绍了该MV的设计过程和实现方法。论文首先主要介绍制作该flashMV的目的和意义，设计该MV的技术和指导思想，并对MV进行可行性分析，概要设计；然后进行MV的位图处理，影片序幕的制作，并以Flash 8

3、为开发工具完成了MV的详细设计；最后，在论文的结尾部分，对动画设计过程中出现的问题作了深入的思考和总结，并向在本次制作毕业设计过程中为我提供帮助的老师和同学表示感。关键字：FLASH MV ，FLASH 软件，动画ABSTRACTAt present, along with the network development, the multimedia information disseminates by a quicker speed in the network, specially the graph image, the video frequency, the audio freq

4、uency information's dissemination, even more has demonstrated the network charm. FLASH pouch extravagant new times all fashionable elements: Network, interaction, immediate, music, animation and so on, is the technology and art “perfect” the union. This graduation project takes the main MV manuf

5、acture tool by the FLASH 8 softwares, softwares and so on Photoshop takes the auxiliary means the chart which must use to the animation to carry on the edition and the revision, and carried on the picture format with the ACDSee software the transformation and the size compression, the present paper

6、mainly introduced this MV design process and realized the method. The paper first mainly introduced that manufactures this flashMV the goal and the significance, designs this MV the technology and the guiding principle, and carries on the feasibility analysis to MV, the preliminary design; Then carr

7、ies on MV the bitmap processing, the movie prologue manufacture, and 8 has completed the MV detailed design take Flash as the development kit; Finally, in the paper ending part, the question which appeared to the animation design process in has made the thorough ponder and the summary, and to teache

8、r who and schoolmate provided the help for me expresses thanks in this manufacture graduation project process.Keywords:Software of flash,flash mv,Animation绪论Flash 由macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以与其他奇特的效果。flash涉与到的领域:动画游戏制作，网络构件，学习课件，广告设计与全flash，工控界面等等。主要特点是制作简单，通用性比

9、较大，涉与的领域多，制作出的东西效果都可以做到非常精致。缺点在于有些效果需要别的软件辅助制作等等，不是所有效果都能制作出来。（比如些3d效果，flash就很难制作，只能通过导入的方式或者针并针的方式）FLASH MV是将静止的画面变为动态的艺术实现由静止到动态，主要是靠人眼的视觉残留效应利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。动画以人类视觉的原理为基础。 如果快速查看一系列相关的静态图像，那么我们会感觉到这是一个连续的运动。 每一个单独图像称之为帧。帧是动画电影中的单个图像。本论文主要阐述了用FLASH 8软件来制作仨人的MV，做FLASH MV的时候最主要的就是细节

10、很多，很烦琐，每个细节都需要注意，值得大家参考。1 设计简介1.1 MV简介仨人这首歌曲的MV是用软件FLASH 8来制作的，在各种系统下面都可以运行。但是在制作的时候也会用到ActionScript2.0的脚本语句。这个MV的开始是由一个PLAY按钮来控制整个MV的运行的。整个MV的代码量不多，但是也用了很多FLASH的各种效果。能达到我想要的那种效果。1.2 flash发展趋势 论前景的话，目前中国广大的FLASH爱好者主要把经历集中在了网页的导航栏，FLASH全站，游戏制作，动画制作等等上面比较多，其实国外已经很多地方用到了工业，生产等各个方面，因为FLASH的自由性非常高，往往可以把界

11、面，按钮等制作的非常动感，这也是大家有目共睹的，所以FLASH的前景只有想不到，没有做不到的。1.3 制作目的综合运用在学期所学的理论知识和技能，设计使用FLASH动画知识制作一个小短片，此题目主要是涉与FLASH动画制作方面的知识，另外对学生的想象力有一定的要求，通过此设计可使得学生在事例分析，策划以与实际制作等方面得到综合训练和提高。2 FLASH动画制作中最基础的知识2.1 动画的基本理论在学习动画之前，其实我们要先搞清楚动画的定义。其实动画中的每一静态的画面就是被称为“帧”（FRAME）。动画播放的速率正是由每秒播放多少帧来决定的，也就是FPS。在计算机上常见的动画速率一般是使用812

12、帧/秒，尤其是网络上播放的动画更不要把帧速设定的太搞。如果设的太高，会造成网络频率来不与配合输送足够的影音数据，电影的播放将时断时续。FLASH动画是许多帧按顺序排列而成的。FLASH利用了计算机强大的计算功能，采用了一种叫“关键帧”的技术，大大的减少了动画设计的工程量。其实所谓的关键帧就是该影片中帧的容与先前影片中帧的有很大的区别，因而他呈现出来关键性的动作和容的变化。比如，在某一帧以前没有任何物体，而到了这一帧，动画中突然出现了A物体。就应该把这一帧指定为关键帧。如果设计中要求用10帧来表现A物体从出现的地方挪到了另一个地方的过程，就需要在第10帧后加入一个关键帧，指示他最后所在的位置，中

13、间的帧相对于关键帧来说就是普通的帧，通过恨简单的操作就可以让计算机利用插法自动计算得出各帧中的容，而无需一笔一笔的把他们逐一画出来。2.2 FLASH 8.0的工作环境2.2.1 工作区域工作区域就是FLASH的工作平台，它就是一个比较大的区域，实际上涵盖了下面要说的舞台以与画图和编辑的工作对象，可以把他看作是后台和舞台的结合。2.2.2 舞台舞台就是FLASH动画中各个元素的表演平台，舞台将显示当前选择的帧的容。与工作区域不同的是：动画发布后只有在舞台上的容才能被看到。而舞台之外的工作区域中的容就如同在后台的演员和工作人员一样不会被观众看见。2.2.3 时间轴窗口时间轴窗口用于对FLASH的

14、俩个基本元素和帧进行操作。在系统缺省设置下，时间轴窗口以编辑栏的形式出现在舞台的上面，紧靠上边框，使用者可以根据爱好，用鼠标拖动到该编辑栏的其他位置，甚至将其拖出框，使之成为可自由移动的浮动窗口。时间轴控制窗口可分为左右俩个区域，他们分别是层控制区和时间轴控制区。使用层可以设定动画中各元素的上下叠放次序。层控制区位于时间轴窗口的左边，是进行层显示和操作的主要区域，由几个层功能操作示意列和按钮组成。当前舞台中正在编辑作品的所有层的名称、类型、状态都会按照层的放置顺序在层示意列中。在层控制区中，还可以对层进行操作，如新增层，删除层，改变层的放置顺序等。3 FLASH MV的设计过程3.1 FLAS

15、H MV的开头思路 在学习MV设计之前要先整理一下所需要进行的简单步骤。因为作品的设计过程相对复杂，所以要先真理自己的思绪才能更好的完成这个作品。第一必须要考虑MV的制作，容，时间的分配等等，同时也要考虑MV的使用方式、用后的效果、交互方式等等，做好前期的工作，后来的制作也可以轻松一些。第二，就是按照设计的规划来搜集所需要的素材进行一些必要的加工，例如，编写文字，歌词的显示效果，制作一些影片剪辑的元件等等。在收集素材的时候要注意图片的质量。第三，用FLASH将收集起来的素材进行一些制作之后并测试：在这个过程中就要进行不断的测试，对发现的问题与时的加以修改以保证精心制作的MV能够尽可能的完美一些

16、。制作MV 的过程中肯定会遇到各种的问题，哪怕是一个小问题有时候也会困扰我们很久，能在制作的过程中积累一些经验，让我们对制作MV有更深刻的体会。3.2 开场音乐的制作（1） 首先选了一图片作为开场的封面，选了一名为87的图片，让它与舞台一样大，就是宽：550，高为400的图片大小。（2） 打开FLASH 8.0，新建一个名为”sanren”的源文件。在这个舞台下面新建一个音乐层，将音乐文件“仨人”拖入到舞台中来，那音乐层中就有了音频，而拖入到舞台中间的音乐文件也会自动保存到库文件中。（3） 新建一个开头层，将裁剪好的图片文件拖入到舞台中间来，然后把音符的视频剪辑（是吧俩个不同颜色的图片重叠在一

17、起，第一帧是红色的图片，第二帧是粉红色的图片，运行起来像是动画一样的）加到图片上来，那就如下图3.1所示图3.1（4） 其中做一个引导层的视频剪辑的时候用到图片做动画补间，用到了五个动画补间在同一个视频剪辑里，利用帧的先后来营造一种美感。先出现的图片要最先消失掉，用一个系列的 头像小美女的图片来做这个视频，然后再把视频剪辑“引导层”从库中拖入到舞台中，还要把事先做好的 “friend”视频也插到引导层这个视频剪辑中来，那就如图3.2所示如图3.2（5） 在舞台中，新建一层背景层，选了一背景图片为整首歌曲的背景图，如图3.3所示图3.3（6） 然后就是歌名和演唱者的文字表示，是利用关键帧的动画补

18、间来做从左到右的运动或是从右到左的运动，而作friend的视频剪辑则是利用动画补间以与属性框中的旋转项来做到顺时针或是逆时针的旋转，以与旋转的圈数。如图3.4所示图3.43.3 树叶泛起涟漪的制作（1） 会闪动的树叶的制作，有四相似的树叶图片，只是树叶稍微有一点的变化，我们就新建一个影片剪辑叫做f2,，在第一帧的空白关键帧上插入一图片f2, 然后再第四帧的地方插入空白关键帧，在这帧上插入另外一相似的图片，在第七帧上插入剩下的一，在第十帧上插入最后一图片，他们的位置都是在同一位置上，然后按回车键就能看到他们在运行，看上去就像是会动的树叶一般，如下图3.5所示图3.5（2） 做出涟漪的水纹，新建一

19、个元件叫做圆，让后选择椭圆绘画工具，笔触颜色选择彩虹色，填充色为无，画一个椭圆形的波纹，如图3.6所示图3.6然后再新建一个影片剪辑，影片名字就叫涟漪，打开影片剪辑制作页面，在图层一上面，将刚做好的圆拉入图层一中，选中这个元件，alpha 为0，到第十帧的时候alpha就为100，同时利用任意变形工具把他变大，让后再第一帧上让他做动画补间，在到第25帧的时候变得更大，但是此时的alpha为0，同样的在第十帧上做动画补间就好。在新建图层2到图层4，让每层都是做这样的运动，但是开始的时候必须要相应的空掉几帧，这样看上去就更像波纹波动的样子了，如下图3.7所示如图3.7（3） 制作心形的心，先新建一

20、个叫心2的图片元件，如下图3.8所示图3.8然后再新建一个图片元件心3，然后把开始制作的心形拉入这个元件中，再复制俩个一样的心形，旋转他们的角度，使之成为三个组成的立体心形，如图3.9所示图3.9然后再新建一个影片剪辑元件，把做好的立体心形拉入到这个影片剪辑的第一帧中，做成一个整体的元件，如图3.10所示图3.10（4） 制作歌词效果，其中吧大部分的歌词做成图片元件的形式，方便整体歌词做出效果，其中就是只有一句歌词是“俩个朋友能开心的直说”做层一帧帧运行的，第一帧是第一个子“俩”，第五帧的时候就插入空白关键帧，写上“个”，就是这样用帧帧动画的效果来做这句歌词，如下图3.11所示图3.11（5）

21、 制作整个的四句歌词为一段的影片剪辑的元件取名“第一段”， 其中歌词的效果可以用动画补间来实现歌曲词从左到右的运动，最主要的就是用引导层来做 f2的运动，先新建图层后，把f2拖入到影片剪辑第一段中，把f2放在第五帧中，然后选中这层后，点击左边图层的添加引导层按钮，如图3.12所示图3.12 然后就在引导层上用铅笔画上路径图3.13 当f2 运动后停下来会有彩虹色的波纹，那只要新建涟漪图层，把影片剪辑的波纹拖入到第一段的影片剪辑元件中，然后对上对应的位置就可以了，然后再测试运行的时候就会出现涟漪的波纹在我们的视野中。如图3.14所示图3.14 这个四句话的歌词效果就如下图所示3.15图3.153

22、.4 百叶窗遮罩层的制作 文件导入然后导入到库中，从我的文件夹中导入俩图片02和37，然后在新建俩个图片元件分别取名为02-1和37-1，然后做成合适的大小为宽500和高400像素，新建一个影片剪辑元件名叫“百叶窗条”，选择矩形工具，笔触颜色为无，填充颜色为红色，画一个宽500，高为30像素的矩形，然后在第52帧的地方插入关键帧，把矩形变成宽为550，高为1像素的矩形，在第一帧的地方做形状补间，如图3.16所示图3.16 新建一个”百叶窗”影片剪辑，把之前做的“百叶窗条”拖入到“百叶窗”这个影片剪辑中来，复制多个，全选整个矩形条，变成一个大的可以覆盖住图片，然后选中修改对齐左对齐，让他整个矩形

23、对称。如图3.17所示图3.17 新建一个遮罩影片剪辑，图层一上插入一图片02-1在第一帧，在第52帧来插入一帧，然后在图层一上面新建图层二，插入一背景图片，然后在第52帧的地方插入帧，在图层二上新建一个图层三，图层三的第一帧就插入刚刚做好的百叶窗影片剪辑，覆盖住整个图片，在图层三上右击选择遮罩层，那就做了如下图3.18所示图3.18 在图层三上面增加一个歌词层，把元件1的歌词拖入到歌词层的第一帧，然后在第52的时候插入关键帧，歌词层的第一帧做动画补间运动，那样一句歌词的效果就做出来了。如下图3.19所示图3.19 图层一延长到68帧，为了百叶窗能够出现图片后停顿一下，新建图层5，在第69帧的

24、地方插入一个空白关键帧，把突图片37-1拖入到“遮罩”影片剪辑中，在新建图层6，把02-1的图片插在第69帧的地方，在图层6上新建图层7，把图层7上插入百叶窗的影片剪辑。在右击图层7时，选择遮罩层，点击，则如下图3.20所示图3.20 在如以上类似的方法把最后一个遮罩层也做出来，效果如图3.21所示图3.21 回到场景一中测试一下，看有没有什么错误的地方，来稍作修改一下。 然后就用引导层做下一句歌词的场景，最主要是在这里用到了图片做引导层的效果，效果如下图3.13所示图3.13 这里用到了时间轴特效的一个效果，插入时间轴特效效果模糊，选择用这个来做出模糊的效果。如下图所示3.14图3.143.

25、5 卷轴的制作 新建一个元件1，把要导入的图片导入到库中来，做成元件1然后新建一个22的影片剪辑，新建一个元件4的图片，画一个宽为50，高为400像素的矩形条，如下图3.15所示图3.15 点击22的影片剪辑，在图层一得第一帧，插入刚才所做的矩形条元件，然后再新建一层，图层2上面画一个宽550，高400的矩形框，为了要遮盖图片的，如下图3.16所示图3.16 新建图层三，把元件一加入到第一帧中去，在底90帧的地方插入帧，刚才的矩形也在第90帧的地方，插入关键帧，让矩形做形状补间，在新建一层到最下层，插入图片到第一帧，也在第90帧的地方插入帧就行，最后只要在图层2和图层3之间，在图层2上右击，选

26、择遮罩层，那样就能形成下图测效果，如图3.17所示图3.17 在最上面一层添加一层，作为歌词效果的显示，就如下图3.18所示，这样整个卷轴的效果就完成了图3.18 用同样的方法在做一个名为23的影片剪辑，也是实现卷轴的效果，如下图3.19所示图3.193.6 播放按钮的制作 新建一个play按钮，做成如下图3.20所示图3.20 在音乐层的下面新建一个图层19，插入一个空白关键帧，右击这个帧，选择动作，然后在动作上面写入stop();如图3.21所示图3.21 在图层19下面新建一个按钮图层，第一帧的地方插入那个PLAY按钮，右击PLAY按钮选择动作写入如下代码on (release) play();如下图3.22所示图3.224 MV的测试与优化4.1 MV的优化FLASH影片是通过互联网传播的，由于网速的限制，在导出或发布影片的时候需要对动画进行优化，从而减小动画作品的体积，缩短下载的时间。所以我制作的时候尽量把出现的图片或者文字转换为元件，尽量都用补间动画来做，因为关键帧的帧数少的话，文件容量也会比较小。而且在整个过程中，尽量把所以的元素都组合起来，这样能手动的把影片的大小降到最小。4.2 使用调试器调试MV单击控