Flash特色MTV设计.doc

《Flash特色MTV设计.doc》由会员分享，可在线阅读，更多相关《Flash特色MTV设计.doc（37页珍藏版）》请在沃文网上搜索。

1、湖南工学院毕业设计论文 2009届毕业设计（论文）Flash特色MTV设计学 院、系： 计算机与信息科学系 专 业： 计算机多媒体技术 学 生 姓 名： 朱 俊 杰 班 级： 0601班 学号 301060603 指导教师姓名： 唐琨皓 职称 工程师 最终评定成绩 2009 年 5 月摘 要为了将所学知识加以系统化，进一步熟悉Flash、Photoshop 、SwiSHmax、绘声绘影等软件的应用，掌握Flash动画设计、制作原则，我制作了该MTV。本动画要达到这样的功能要求：使用少量的工作达到完美效果；整个画面协调；声色俱全；易操作等。制作该动画使用的主要软件为Flash 8.0。Flash

2、是美国的Macromedia公司推出的优秀软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的动态效果。Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash使用矢量图形和流式播放技术。Flash通过使用关键帧和图符使得所生成的动画(.swf)文件非常小。Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。在制作这个MTV的过程中，还使用到了SwiSHmax，图形编辑软件

3、Photoshop cs2和绘声绘影软件。本文介绍了Flash动画制作中最基础的知识以及在Flash 8.0软件环境下制作FLASH动画MTV的过程和一些相关的应用方法，并通过制作FLASH动画MTV向大家展示出FLASH动画的特色。关键字: 音乐；动画；MTVABSTRACTIn order to systematize the knowledge, become more familiar with Flash, Photoshop, SwiSHmax, pathologist and other software applications, master Flash animation

4、design, production principles, I produced the MTV.The animation to achieve the functional requirements of this: Use a small amount of work to achieve perfect results; the coordination of the entire screen; debauchery and taste; easy operation.The production of the animation software used in the main

5、 Flash 8.0. Flash is the United States has introduced the excellent Macromedia software. It is an interactive animation design tools, it can be music, sound, animation and innovative interface together to produce high-quality dynamic effects. Flash is an authoring tool, designers and developers can

6、use it to create presentations, applications and other content to allow user interaction. Can include a simple Flash animation, video content, complex presentations, and applications, as well as between any of the content between them. Flash using vector graphics and streaming technologies. Flash th

7、rough the use of key frames and make icons generated animation (. Swf) file is very small. Flash animation powerful editing features allow designers to design a way to high-quality animation. The MTV in the production process, also used to SwiSHmax, graphics-editing software Photoshop cs2 software a

8、nd the pathologist.In this paper, in Flash animation, as well as the most basic knowledge of Flash 8.0 software in the environment of the production process of MTV Animation FLASH and some related applications, and MTV produced FLASH animation to show the characteristics of FLASH animation.Keywords

9、music; animation; MTV目 录1 概述11.1 初识Flash 811.1.1 Flash 8开始界面11.1.2 Flash 8工作窗口21.1.3 文档选项卡21.1.4 时间轴21.1.5 工具箱21.1.6 舞台31.2 网格、辅助线和标尺的概述41.2.1 网格41.2.2 标尺41.2.3 辅助线41.3 常用面板简介51.3.1 【滤镜】面板51.3.2 【动作】面板51.3.3 【属性】面板51.4 设计面板组61.4.1 【对齐】面板61.4.2 【颜色样本】面板61.4.3 【混色器】面板61.4.4 【信息】面板61.4.5 【场景】面板71.4.6 【

10、变形】面板72 总体设计思路82.1 元件82.1.1 创建元件82.1.2 元件库的使用92.1.3 按钮元件102.2 创建动画102.2.1 动画的环境与元素102.2.2 帧内容112.2.3 创建逐帧动画的方法112.2.4 创建补间动画的方法112.3 应用声音和视频122.3.1 在Flash 中应用声音122.3.2 导入视频与视频的控制123 本设计的制作过程133.1 素材准备133.2 本次MTV的制作过程133.2.1 做MTV的开头133.2.2 导入歌曲173.2.3 插入歌词173.2.4 插入背景193.2.5 结局的制作233.3 制作过程要注意的地方244

11、Flash动画的发布264.1 动画发布前的测试264.2 动画发布264.2.1 动画发布264.2.2 Flash选项卡264.2.2 Flash选项卡274.2.3 Flash版本检测27结束语29参考文献30附 录32321 概述Flash是美国的Macromedia公司推出的优秀软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的动态效果。Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容

12、。Flash使用矢量图形和流式播放技术。Flash通过使用关键帧和图符使得所生成的动画(.swf)文件非常小。Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。1.1 初识Flash 81.1.1 Flash 8开始界面运行Flash 8，首先映入读者眼帘的是操作的“开始”页面。图1.1所示。图1.1 “开始页面”（1）【打开最近项目】：列表中显示最近操作的文件，可选择一项打开。单击列表中的【打开】图标，可选择并打开列表没有列出的Flash文件。（2）【创建新项目】：单击【创建新项目】下的【Flash文档】就可以创建一个新的动画文件。（3）【从模板创建】：选择一个模板，可

13、以创建基于该模板的文档。1.1.2 Flash 8工作窗口Flash 8的工作窗口由几大部分组成，最上方的是“主菜单栏”；“主工具栏”的下方是“文档选项卡”；“时间轴”和“舞台”位于工作界面的中心位置；左边是功能强大的“工具箱”；多个“面板”围绕在“舞台”的下边和右边，包括常用的【属性】、【动作】和【滤镜】面板，还有【颜色】面板和【库】面板等，如图1.2所示。图1.2 Flash 8的工作窗口1.1.3 文档选项卡新建或打开一个文档时，在“时间轴”的上方会显示出“文档选项卡”。单击文档名称，可以在多个文档之间进行快速切换。用鼠标右键单击“文档选项卡”，在弹出的菜单中可以快速实现【新建】、【打开

14、】、【保存】等功能，如图1.3所示。图1.3 文档选项卡1.1.4 时间轴“时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。Flash动画是把绘制出来的对象放到一格格的帧中，然后再来播放。1.1.5 工具箱工具箱是Flash中最常用的一个面板，用鼠标单击能选中各种工具，如图1.4所示。用户可以自定义工具箱中的工具编排，执行【编辑】/【自定义工具面板】命令，打开【自定义工具栏】对话框，可根据需要重新安排和组合工具的位置，如图1.5。图1.4 工具箱图1.5 【自定义工具栏】对话框1.1.6 舞台“舞台”位于工作界面的正中间部位，是旋转动画内容的区域。如图1.6所示。根据需要可以在“

15、时间轴”右上角的“显示比例”中设置“舞台”的显示比例，最小比例为8%，最大比例为2000%。如图1.7所示。图1.6 舞台图1.7 设置舞台显示比例1.2 网格、辅助线和标尺的概述网格、标尺和辅助线可以帮助我们精确地勾画和安排对象。1.2.1 网格执行【视图】/【网格】/【显示网格】命令，可以显示或隐藏“网格线”。执行【视图】/【网格】/【编辑网格】命令，打开编辑【网格】对话框，在对话框中可编辑网格的各种属性，如图1.8所示。图1.8 【网格】对话框1.2.2 标尺执行【视图】/【标尺】/命令，可以显示或隐藏【标尺】。舞台的左上角为“标尺”的“零起点”，执行【修改】/【文档】命令，打开【文档属

16、性】对话框，在【标尺单位】下拉列表框中可选择合适的单位，如图1.9所示。图1.9 设置“标尺”单位1.2.3 辅助线执行【视图】/【辅助线】/【编辑辅助线】命令，打开如图1.10所示的【辅助线】对话框。可以在该对话框中编辑【辅助线】的颜色，选择是否【显示辅助线】、【对齐辅助线】和【锁定辅助线】。在【对齐精确度】下拉菜单中还可设置“辅助线”的“对齐精确度”。图1.10 【辅助线】对话框1.3 常用面板简介Flash 8有很多面板，默认状态下，在“舞台”的正下方有4个比较常用的浮云面板，分别是【动作】面板、【属性】面板、【滤镜】面板和【参数】面板。单击面板的“标题栏”，可以依次展开它们，如图1.1

17、1所示。图1.11 展开的常用面板1.3.1 【滤镜】面板【滤镜】面板提供了7种滤镜效果，可以对文字、影片剪辑和按钮进行美化和修饰。这7种滤镜效果是【投影】、【模糊】、【发光】、【斜角】、【渐变发光】、【渐变斜角】和【调整颜色】，每种滤镜效果都可以调整各种参数，从而产生更多的变化。1.3.2 【动作】面板【动作】面板是主要“开发面板“之一，是动作脚本的编辑器，如图1.11所示。1.3.3 【属性】面板 【属性】面板（如图1.12所示）可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性。图1.12 【属性】面板1.4 设计面板组 “设计面板组”中包括【对齐】

18、面板、【颜色样本】面板、【混合器】面板、【信息】面板和【变形】面板。1.4.1 【对齐】面板 【对齐】面板可以重新调整选定对象的对齐方式和分布。【对齐】面板分为的5个区域：1.【相对于舞台】：按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方式和分布。2.【对齐】：用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底对齐。3.【分布】用于调整选定对象的顶部、水平居中和底部分布，以及左侧、垂直居中和右侧分布。4.【匹配大小】：用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。5.【间隔】：用于调整选定对象的水平间隔和垂直间隔。1.4.2 【颜色样本】面板【颜色样本】面板为用户提供了最

19、为常用的“颜色”，并且能“添加颜色”和“保存颜色”。用鼠标单击可选择需要的常用颜色。 1.4.3 【混色器】面板用【混色器】面板可以创建和编辑“笔触颜色”和“填充颜色”。默认为RGB模式，显示红、绿和蓝的颜色值，“Alpha值”用来指定颜色的透明度，其范围在0%100%，0%为完全透明，100%为完全不透明。可以在面板的“颜色空间”单击鼠标，选择一种颜色，上下拖动右边的“亮度控件”可调整颜色的亮度。1.4.4 【信息】面板【信息】面板可以查看对象的大小、位置、颜色和鼠标指针的信息。面板分为4个区域：左上方显示对象的【宽】和【高】信息；右上方显示对象的【X】轴和【Y】轴坐标信息，；左下方显示在舞

20、台中鼠标位置处的颜色值与Alpha值；右下方显示鼠标的【X】轴和【Y】轴坐标信息，如图1.13所示。图1.13 【信息】面板1.4.5 【场景】面板当动画包含多个场景时，将按照它们在【场景】面板中的先后顺序进行播放，单击【场景】面板下方的3个按钮可以执行“复制”、“添加”和“删除”场景的操作。双击“场景名称”可以重新命名，上下拖动“场景名称”可以调整场景的先后顺序。1.4.6 【变形】面板单击【变形】面板下方的【复制并应用变形】按钮，可执行变形操作并且复制对象的副本；单击【重置】按钮，可恢复上一步的变形操作，如图2.4所示。图1.14 【变形】面板2 总体设计思路要做出一个高品质的Flash动

21、画，必须得有一个清晰的设计思路。首先，必须清楚做出的Flash动画最终要达到的效果；其次，必须清楚一个完整的Flash动画由哪几部分组成，这样设计时才有明确的方法，从而做出高质量的Flash动画。2.1 元件元件的作用就是一个对象，多次重复使用。设计元件是为了帮助用户更容易地创建动态且密集的影片。如果用户想用尽可能小的文件来传递交互性很强的Flash影片，那么学习元件就非常有必要了。2.1.1 创建元件Flash中的元件类型包括3种，即“图形”、“按钮”、和“影片剪辑”。1.创建图形元件：能创建“图形元件”的元素可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的的线条、色块等。

22、选择相关元素，按键盘上的F8键，弹出【转换为元件】对话框，在【名称】文本框中可输入元件的名称，在【类型】中选择【图形】，如图2.1所示。单击【确定】按钮后，在【库】中生成相应的“元件”。图2.1 图形元件转换2.创建按钮元件：能创建“按钮元件”的元素可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的任何图形，选择要转换为“按钮元件”的对象，按键盘上的F8键，弹出【转换为元件】对话框，在【类型】中选择【按钮】，如图2.2所示，单击【确定】按钮，即可完成“按钮元件”的创建。3.创建影片剪辑元件：选择舞台上需要转换的对象，按键盘上的F8键，弹出【转换为元件】对话框，在【类型】中选择【

23、影片剪辑】，如图2.3单击【确定】按钮即可完成创建。图2.2 按钮元件转换图2.3 影片剪辑元件转换4.新建空白元件：在确定舞台上没有任何对象被选取的情况下执行【插入】/【新建元件】命令，可打【创建新元件】对话框，在对话框中输入元件名称，选择元件的类型，单击【确定】按钮，即可进入新元件编辑模式。2.1.2 元件库的使用1.清理多余项目：从【库】菜单中单击【选择未用项目】命令，Flash会把这些未用的元件全部选中，单击菜单中的【删除】命令，将它们删除。2.公用元件库:在【窗口】/【公用库】菜单列表中，可以看到Flash 8为用户提供的【学习交互】、【按钮】、【类】3个类别的常“元件”，选择其中之

24、一，在“舞台”上就会出现一个相应的“公用元件库”，图2.4就是一个“学习交互”库。图2.4 【库-学习交互.fla】2.1.3 按钮元件按钮元件是Flash中的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作脚本，是实现动画交互效果的关键对象。按钮有特殊的编辑环境，通过在4个不同状态的帧上创建内容，可以指定不同的按钮状态。【弹起】帧：表示鼠标指针不在按钮上时的状态。【指针经过】帧：表示鼠标指针在按钮上时的状态。【按下】帧：表示鼠标单击按钮时的状态。【点击】帧：定义对鼠标做出反应的区域。2.2 创建动画利用Flash可以创建出丰富多彩的动画效果，可以使一个对象旋转、变色、放大或缩

25、小、改变形状以及发射光芒等。这些动作可以单独发生，也可以组合发生，例如一个对象边旋转边移动它的位置，还可以不断地改变颜色。2.2.1 动画的环境与元素1.时间轴：时间轴面板分成四个部分：顶区、图层区、时间帧区和状态栏，如图2.5。2.场景面板：执行【窗口】/【其他面板】/【场景】命令或者按Shift+F2组合键，打开【场景】面板，如图2.6所示。在【场景】面板中可以复制场景、增加场景、删除场景、更改场景名称、更改场景顺序、转换场景。图2.5 时间轴面板图2.6 【场景】面板2.2.2 帧内容帧内容就好比演员，一般常用的有以下几种：1.矢量图形:矢量图形是指在场景中用鼠标或压感笔画出的图形，它是

26、Flash中最基本的动画元素。2.位图图像:在Flash中导入的gif、jpg、png等格式的图像是由像素构成的。3.文字对象。4.按钮对象：按钮在实现Flash交互性方面有非常重要的作用。5.声音对象：在动画中添加声音，可以使你的作品更有吸引力。6.影片剪辑：影片剪辑是Flash中的小型影片，它有自己的时间轴和属性，可以用动作脚本来控制播放、跳转等。7.动作脚本语句：动作脚本语句可以添加在时间帧、实例、按钮上。2.2.3 创建逐帧动画的方法创建逐帧动画的常见方法有以下几种：1.用导入的静态图片建立逐帧动画。2.绘制矢量逐帧动画。3.文字逐帧动画。4.指令逐帧动画。5.导入序列图像。2.2.4

27、 创建补间动画的方法1.创建形状补间动画的方法：在动画形如播放的地方创建或选择一个关键帧，并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的下拉按钮，在弹出的菜单中选择【形状】，如图2.7所示，一个形状补间动画就创建完了。图2.7 形状补间动画的【属性】面板2.创建动画补间动画的方法：在动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能播放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性。再单击开始帧，或用鼠标右键单击帧，在弹出的菜单中选择【创建补间动画】，就建立

28、了“动画补间动画”，图2.8为动画补间动画的【属性】面板。图2.8 动画补间动画的【属性】面板2.3 应用声音和视频Flash 8提供了许多使用声音的方式。可以使声音独立于时间轴连续播放，或使动画与一个声音同步播放。还可以向按钮添加声音，使按钮具有更强的感染力。2.3.1 在Flash 中应用声音1.导入声音：打开没有添加声音的一个文件，执行【文件】/【导入】/【导入到库】命令，就可以声音导入到当前影片文档的【库】面板中。2.引用声音：新建一个图层，并重新命名为“声音”，选择这个图层的第1帧，然后将【库】面板中的声音对象拖放到场景中。2.3.2 导入视频与视频的控制1.向Flash中导入视频：

29、执行【文件】/【导入】/【导入到舞台】/【导入到库】命令，弹出【导入】对话框，在该对话框中选择导入的视频文件后，单击【打开】按钮，就能导入视频了。2.控制视频：Flash 8对导入到文档中的视频提供了很多控制方式，除了可以利用【属性】面板调整大小、位置等外，还可以利用“时间轴”、“行为”、“视频组件”和“视频模板”等来控制视频回放。3 本设计的制作过程本章着重介绍本次MTV的制作过程和在制作中应该注意的一些问题。3.1 素材准备要做一个好的MTV，仅仅用到Flash是不行的，还得用到其他软件来做一些素材。1.用Photoshop CS2来加工处理一些精美的图片来做MTV的背景。2.用SwiSH

30、max来制作一些具有自己独特风格的动态文字，在下一节中会详细介绍。3.用绘声绘影软件编辑视频插在MTV中，这个在下一节中也会有详细的介绍。3.2 本次MTV的制作过程3.2.1 做MTV的开头1单击【插入】菜单下的【新建元件】，建一个图形元件做遮挡，我们把它命名为“元件1”。绘制一个矩形，颜色为黑色，宽为550，高为200，坐标为（0，0）。新建一个图层，复制刚刚绘制的矩形，右键单击选择“剪切”，选中图层2，复制到该位置，然后把坐标改为（0，200），这时间2个黑色矩形就占满了整个场景，如图3.1所示。图3.1 被占满的舞台同时选中2个图层的第50帧，右键单击，选择【插入关键帧】，然后【创建补

31、间动画】。选中图层1的第50帧，然后左键单击元件，在属性里面把高改为25。选中图层2的第50帧，同理把高改为25，坐标改为（0，375）（如图3.2），然后保存。这样就做好了屏幕缓缓拉开的过程。图3.2 “序幕”拉开后的舞台2.做MTV的遮挡。同时选中二个图层的元件，右键单击“复制”，然后右键单击图层2的第51帧，选择【插入空白关键帧】，然后将先前复制的元件“粘贴到当前位置”，在图层2的第1000帧处【插入帧】，在图层1的第51帧处【插入空白关键帧】，这样就形成了遮挡效果，把图层2改名为“遮挡”。3.背景的制作。新建一图层，取名为“背景层”，在第51帧处【插入空白关键帧】。新建一图形元件，导入

32、背景图“四主人公”，调整图片大小宽550高400，放在“背景层”的第51帧处。在该图层第75帧处【插入关键帧】，然后【创建补间动画】，选中第51帧，在背景图【属性】里面选择“颜色/Alpha”，将其透明度设为0%，这样就有了慢慢淡入的效果，如图3.3。 图3.3 背景图的属性4.用SWiSHmax软件制作“仙剑奇侠传4”这几个字的效果。打开SWiSHmax,【开始新建一个空影片】，选择文字工具，输入“仙剑奇侠传4”，颜色为蓝色，字体为华文行楷，大小72。选中“仙剑奇侠传4”右键单击选择“效果/显示到位置/前来-神秘”，如图3.4所示，然后单击【文件】/【导出】/【SWF】保存到“毕业设计素材”

33、。新建一个“影片剪辑元件”，导入刚做好的“仙剑奇侠传4”，在图层1第75帧处【插入空白关键帧】，将元件放入该帧，双击选中元件，在元件最后一帧处选择【动作-帧】/【全局函数】/【时间轴控制】，然后双击（如图3.5），调整好元件大小。图3.4 用SwiSHmax做的文字效果图3.5 元件的动作属性5.与第4步一样，用SwiSHmax软件制作“制作人：朱俊杰”和“指导老师：唐琨皓”，效果为“回到起始位置/波浪-晕眩”。新建图层4，在第120帧处【插入空白关键帧】，然后新建影片剪辑元件，导入刚做好的“制作人：朱俊杰”，选中元件的最后一帧，【动作-帧】/【全局函数】/【时间轴控制】/“stop”。在第1

34、70帧和第200帧处【插入关键帧】、【创建补间动画】，选中第200帧，将元件拖到场景外面，这样就形成了元件退出场景的动画。新建图层5，在第200帧处【插入空白关键帧】，与图层4操作一样，然后在第250和280帧处【插入关键帧】【创建补间动画】操作又与图层4一样。同理，在图层1的第280帧和第310帧处【插入关键帧】【创建补间动画】，在第310帧处将“仙剑奇侠传4”拖出场景。在图层1的第311帧和图层4的第201帧处【插入空白关键帧】。6.选中图层1的第311帧，单击【窗口】/【公用库/按钮】选中如图3.6按钮，拖入场景，选中按钮，右键单击【动作】，在【影片剪辑控制】中做如图3.7设置，然后选中

35、第311帧，同第5步在【动作-帧】中做如图3.5设置。图3.6 播放按钮图3.7 按钮动作属性7.在图层1第351帧处【插入空白关键帧】，插入新元件“歌题画面”，然后在375帧处【插入关键帧】【创建补间动画】，在351帧处把图片透明度设为0。新建图层6和图层7，在图层1图层5、图层6和图层7的第375帧处【插入空白关键帧】，用SwiSHmax做“回梦游仙-千年缘”插入图层5的第375帧，然后在第420帧处【插入关键帧】【创建补间动画】，把第375帧处的透明度设为0。分别在图层1、图层6和图层7的第375帧插入文字“演唱：心然”“作词：小疯”“编曲：千草仙”，然后在它们的第400帧处【插入关键帧

36、】【创建补间动画】，分别调整好文本的位置。在图层1、图层6和图层7的第450帧处【插入关键帧】，然后在图层1、图层5、图层6和图层7的第480帧处【插入关键帧】【创建补间动画】，在它们第480帧处把各自元件的透明度设为0。图3.8为第395帧处的场景状态。图3.8 第395帧处的场景3.2.2 导入歌曲单击【文件】菜单下的【导入】/【导入到舞台】,然后选择歌曲“回梦游仙MP3”，单击【文件】菜单下的【保存】。图3.9是导入【库】的歌曲。图3.9 导入的歌曲在图层4第312帧处【插入空白关键帧】，在该帧属性栏中选好导入的歌曲（如图3.10），以后图层4就是音乐层了。图3.10 声音属性3.2.3

37、 插入歌词把图层5、图层6和图层7设为歌词层，如图3.11。歌词用两种效果，制作方法即前面介绍过的形状补间动画和动画补间动画。建3个歌词层是为了能够同时出现3句不同动作的歌词，以达到不同的效果。这里要注意的是要把歌词和歌曲对应起来。要把每一句歌词的插入过程都写在这里是不可能的，一是篇幅太长，二是没必要。图3.11 MTV图层在这里我就来介绍第2825帧到第2903帧之间的歌词的插入和一些相关的操作。在这两帧之间的歌词插入包含了形状补间动画和动画补间动画。首先来介绍形状补间动画。在图层7的第2825帧处插入关键帧，在这帧处的歌词是“笑红尘画朱颜浮云翩跹”，用选择工具选中歌词，然后按Ctrl+B打

38、散元件。然后新建图形元件，用文本工具输入下一句歌词“情难却 情相牵”，在图层7第2869帧处插入关键帧，插入刚刚新建的元件，用选择工具选中歌词，调整好坐标，按Ctrl+B打散元件，然后选中第2825处，在【属性】面板中将补间类型设为【形状】，如图3.12所示。这样就做出了歌词从“笑红尘画朱颜浮云翩跹”到“情难却情相牵”的变形。图3.12 形状补间属性设置在这个变形过程中，下一句歌词也要出来了，新建图形元件，用文本工具输入下一句歌词“只羡鸳鸯不羡仙”，选中图层6的第2860帧右键单击【插入空白关键帧】，把元件拖进场景，然后在图层6的第2903处插入关键帧，右键单击【创建补间动画】，在第2860帧

39、处选中歌词，在【属性】面板中把坐标设为（485，-200），如图3.13所示。图3.13 第2860帧处的坐标同样把2903处歌词坐标设为（485，175），如图3.14所示。的变形。图3.14 第2903帧处的坐标做到这里，这几句歌词的变形和出场就做好了，这个时候时间轴如图3.15所示。图3.15 时间轴的状态3.2.4 插入背景新建2个图层，加上开始的图层1，把它们设为背景层，如图3.16。 图3.16 背景层背景由图片和视频组成。图片用Photoshop CS2加工处理，视频由会声会影来做分割声频、剪辑等处理。同样，建3个背景层也是为了舞台上能同时出现3个不同背景的叠加效果，配合变化多彩

40、的歌词和优美的音乐，让人看了赏心悦目。这里要注意的是各个背景的透明度。下面我来介绍在本MTV中插入的第一段视频的过程，在这段视频播放的过程中，还插入了不少图片。打开“会声会影2”，选择会声会影编辑器，如图3.17。然后点加载视频，在素材中选择中视频“片头动画.avi”，如图3.18。图3.17 打开会声会影界面 图3.18 加载视频然后将视频拖到“视频轨”上，如图3.19。图3.19 视频轨在本MTV中，导入Flash的视频是不要声音的，右键单击视频轨中的视频，在弹出菜单中选择【分割声频】，在下面的声音轨中就会出现“片头动画.avi”的音频，如图3.20所示。然后右键单击音频，在弹出菜单中选择

41、【删除】，这样导入来的视频就没声音了。图3.20 分割出来的音频接下来就是剪辑视频了，按下，然后用飞梭栏选好要剪的位置，图3.21所示被剪下来的视频。图3.21 被剪的视频到这里，视频就剪好了，下面就是导出视频，左键单击【分享】面板里的【创建视频文件】，如图3.22所示，格式选择FLA（600480），保存在【毕业论文素材】文件夹里。现在回到Flash上来，单击【插入】菜单下的【新建元件】，【名称】改为“片头动画”，类型选择【影片剪辑】，如图3.23 所示，单击【确定】按钮，然后打开【文件】菜单下的【导入】/【导入视频】，导入刚剪辑好的视频，单击下一步，如图3.24，在部署面板中选择【在SWF

42、中嵌入视频并在时间轴上播放】。调整好视频的大小，完为550，高为400，然后回到场景中来。图3.22 创建视频文件图3.23 插入【影片剪辑】元件图3.24 导入视频部署设置在背景层第1285帧处插入空白关键帧，将刚插入的“片头动画”元件放进场景中，坐标设为(0，0)，透明度也为0%，然后在第1320帧处插入关键帧，把元件透明度设为80%,方便等下跟图片一起出现在场景中。新建图片“元件32”，导入用Photoshop CS2处理过的图片，由于篇幅问题在这里就不介绍Photoshop了，图片大小改为宽550高400。在“图层1背景”第1334帧处插入空白关键帧，将元件32放入场景中，图片透明度设

43、为30%，坐标为（-550，0）。然后在第1379帧处插入关键帧，图片透明度还是30%，坐标变为（0，0），这样就做好了视频在后面播放，前面又出现一张图片从场景左边缓缓进来的效果，如图3.25。图3.25 有视频与图片的场景3.2.5 结局的制作结局屏幕缓缓合拢，跟做开头屏幕缓缓拉开一样，这里不多说了。这里要注意的是，在动画的最后一帧要添加一个让动画从开始第1帧播放的按钮，即replay按钮，如图3.26所示。选中该按钮，右键单击，在【动作帧】面板中做如图3.27编辑。然后选中该帧，在【动作】面板中，做如图3.28调整，使动画到此停止。 图3.26 replay按钮 图3.27 replay按

44、钮【动作】属性图3.28 动画停止【动作】属性做到这里，完整的MTV就做完了，在这里，必须注意一点，随着动画制作过程的进展，【库】项目将变得越来越杂乱，这样就会白白浪费源文件的空间，所以一定要记得清理【库】中多余的项目。右键单击【库】在出现的菜单中单击【选择未用项目】命令，这样Flash会把在制作过程中未用到的元件全部选中，这时右键单击这些元件，在弹出的菜单中单击【删除】，将它们删除。3.3 制作过程要注意的地方1.由于要在flash中导入图片,图片的格式最好是,jpg的这样的容量才不会很大,声音格式也应为.mp3格式的。一般说来在flash的最后应对整个flash进行整体减肥,也就是去掉一些

45、没有用到的而又事先导入库的素材,只需在库的右上方点击选择未使用的项目,点击删除,再保存即可。2.在制作的过程中尽量使用变形动画,避免过多的使用帧动画,关键帧越多,文件的体积便会更大。3. 在创建补间动画时要注意：1）对于动画补间动画：必须建立开始和结束关键帧，动画补间动画中的开始和结束关键帧的对象必须是组对象或者元件对象，如果是flash中的图形对象就会出现错误，如果在结束帧未建立关键帧也会出现错误。2）“变形动画”也就是形状补间动画的关键技巧和注意事项：变形动画必须是图形对象，文本对象必须经过Break Apart(即分离功能）变为单字体对象，再经过经过Break Apart字体就转化为图形

46、对象就可以作变形动画；必须在开始建立关键帧，在结束建立空白关键帧，在结束关键帧建立变形结果图形对象。4 Flash动画的发布Flash动画制作完成以后，可以使用Dreamweaver、FrontPaeg等网页编辑工具来将Flash动画嵌入到网页中。此外利用Flash的出版发布功能，也可以将用户完成的作品输出成动画、图像以及HTML等文件。4.1 动画发布前的测试执行【控制】/【测试影片】命令，或者按键盘上的Ctrl+Enter快捷键即可以对动画进行测试。观赏完毕关闭动画后，打开刚才保存动画的目录，会看到现在目录中多出了一个后缀名为“SWF”的文件，双击该文件就能播放动画。4.2 动画发布4.2.1 动画发布执行【文件】/【发布设置】命令，弹出【发布设置】对话框，如图4.1所示。图4.1 发布网页文件格式设置在【发布设置】对话框的【格式】