《FLASH制作中歌词与音乐的同步教程》由会员分享，可在线阅读，更多相关《FLASH制作中歌词与音乐的同步教程（5页珍藏版）》请在金锄头文库上搜索。
1、FLASH 制作中歌词与音乐的同步教程我们以一首歌为实例，来学习如何把选好的音乐文件导入到 Flash 中，掌握在 Flash 中编辑音乐的方法以及歌词与音乐同步的方法。这些是完成 FlashMTV 的重要环节之一，也是Flash MTV 之旅的第一站。1.音乐的导入和编辑首先我们把选好的音乐导入到 Flash 中，这是一首 MP3 格式的音乐（文件路径：/“xzl.mp3”）。（1）音乐的导入 Flash 的步骤步骤 1 创建音乐图层新建一个 Flash 文档，在【属性】面板中设置【背景】为蓝色（#0066FF）。将【图层 1】重新命名为“音乐”。我们将把音乐“xzl.mp3”放置在该图层上
2、。说明：改变图层的名称是为了避免以后在制作 MTV 的过程中图层逐渐增多能便于识别。在制作 MTV 的过程中要养成按照内容来更改图层名称的好习惯。步骤 2 将音乐导入到 Flash 中执行【文件】|【导入】| 【导入到库】命令，弹出【导入到库】对话框。在【导入到库】对话框中选择要导入的声音文件“xzl.mp3”，单击【打开】按钮，将声音导入到【库】中 【库】面板中的音乐说明：导入的声音最初并不出现在时间轴上，既使执行【文件】【导入】【导入到场景】命令，音乐文件也是出现在【库】中的，这里我们采用了【文件】|【导入】| 【导入到库】命令，需要时可以随时在【库】中调用这个声音文件。步骤 4 将音乐文
3、件导入到场景中选中【音乐】图层的第一帧，在【属性】面板中打开【声音】下拉菜单，选择刚导入的“xzl.mp3”， 【属性检查器】选择音乐在【属性】面板选择了“xzl.mp3”以后，音乐就被导入到场景，【音乐】图层的第一帧出现一条表示声波的小横线。说明：还有一种将音乐文件导入到场景中的方法，选定要添加音乐图层的帧后，将声音从【库】面板中拖到舞台上释放鼠标，声音就添加到了当前层中。（2）计算和查看音乐长度的方法步骤 1 直接计算音乐的长度要计算音乐的长度（所占帧数），首先应该知道音乐的播放时间，选择【音乐】图层第 1帧，打开【属性】面板就可以看到相应的信息， 音乐文件的相关信息我们在新建文件的时候，
4、将动画的播放速度采用默认的设置【帧频】：12fps/s，即每秒播放 12 帧。通过上面的信息提示知道音乐文件“xzl.mp3”的时间为 205.1s（秒），那么可以用计算的方法算出播放完整音乐所需的帧数：12205.1=2461.2，取整数值为 2461 帧。选择【音乐】图层的第 2460 帧，按 F5 键，延伸帧，使音乐能在时间轴上播放完， 延伸帧步骤 2 在【编辑封套】面板中查看音乐长度上面是通过计算的方法算出音乐的长度，还有一种方法是通过【编辑封套】面板来查看音乐的长度。选中【音乐】图层的第一帧，打开【属性】面板，单击【编辑】按钮，弹出【编辑封套】对话框。在【封套编辑】对话框的最下方有一
5、组按钮，最右边的按钮为【帧】按钮，按下它后，能使音乐以帧为单位的方式显示。拖动下面的滚动条到最右边，单击【缩小】按钮，如图 13-2-9 所示。其中灰白交界的地方为音乐的长度。我们选择了以帧为单位显示，音乐的长度就是音乐持续的帧数，本例中“xzl.mp3”帧数为“2461 帧” 查看音乐长度的帧数步骤 3 声音全部显示在时间轴上单击【确定】按钮，回到场景 1，逐步增加【音乐】图层中的帧，直到图层的帧数为“2461帧”，这样，【音乐】图层上的帧数与音乐的长度就一致了。完成后【音乐】图层上出现长长的音乐波形，如图 13-2-10 所示。声音的波形 2. 流类型的音乐设置 Flash MTV 以音乐
6、衬托画面，在制作 Flash MTV 的时候，非常重要的一点就是要音乐和歌词以及我们所做的动画效果同步显示，这样才符合MTV 最基本的要求。这就要用到“流类型” 的音乐设置，下面我们来学习流类型声音设置方法。（1）声音同步类型特征分析选中【音乐】图层的第 1 帧，打开【属性】面板。打开【同步】下拉菜单，在菜单中有四种同步类型：【事件】、【开始】、【停止】和【数据流】这些知识我们已经在第五章的第一节中详细介绍了，这里不再赘述。 声音同步的四种选项（2）为什么 MTV 作品要用流类型声音【数据流】同步音乐的方法，它所起的作用是播放动画的同时，与动画对应的声音也同时播放。当发布影片时，音频流混合在一
7、起的，是 Flash 强制动画和音频流同步，而且音频流的播放时间绝对不会比帧播放的时间长。Flash MTV 以音乐或歌词贯穿全部作品，以图形解释音乐，以音乐衬托画面，是视觉和听觉双重方式向观众表达作者创作的主题。因此在用 Flash 制作 MTV 时，一定要使用流类型的声音设置，只有这样做才可以使声音文件和 MTV 的动画播放同步，画面与音乐结合得更紧密。选择流类型声音分布类型，音乐文件的播放是以流的方式分布在动画对应的帧中，声音文件与和它相对应的动画播放是完全同步的，如果动画结束，声音的播放也会结束。有些初学者忽略了流类型声音分布的重要性，在本地测试时候还是同步的，但是发布到网上观看时出现
8、画面和声音的不同步现象，这就是在 Flash MTV 中一定要选择流类型声音分布的重要原因。（3）设置流类型声音方法选中【音乐】图层的第 1 帧，在【属性】面板中选择【同步】为【数据流】 【数据流】同步的设置 3. 歌词与音乐同步的方法 u 选择了数据流的同步方法，流类型声音就设置好了，接下来就要给音乐加上歌词，为做动画做好准备。在加歌词之前首先要确定每句歌词的位置，然后制作歌词元件，最后把做好的歌词元件添加到音乐层出现歌词的时间帧上，摆放到合适的位置，这样就完成了音乐的设置。下面我们来学习具体的方法和步骤。（1）标识歌词的位置步骤 1 建立歌词标记图层单击【插入图层】按钮，新建【图层 2】，
9、重新命名为【歌词标记】图层添加歌词标记图层步骤 2 定义第一句的帧注释标记拖动“播放头” 到第 1 帧的位置，按键盘上的回车键，音乐开始播放了。当听到开始唱第一句歌词时，再按一下键盘上的回车键，音乐停止播放。我们看见红色的播放头停止在第550 帧处，选中【歌词标记】图层的第 550 帧，按键盘上的 F6 键，插入一个关键帧。保持第 550 帧处于被选中状态，打开【属性】面板，在【帧标签 】中输入“ 第一句”三个字 输入帧标签打开【标签类型】下拉菜单，选择【注释】。说明：帧标签的【标签类型】有 3 种类型，【名称】标识时间轴中的关键帧的名称，在动作脚本中定位帧时，使用帧的名称；【锚记】可以使用浏
10、览器中的“前进” 和“后退”按钮从一个帧跳到另一个帧，或是从一个场景跳到另一个场景，从而使得 Flash 动画的导航变得简单；将文档发布为 SWF 文件时文件内部会包括帧名称和帧锚记的标识信息，文件的体积会相应地增大。【注释】类型的帧标签，只对所选中的关键帧加以注释和说明，文件发布为 Flash 影片时不包含帧注释的标识信息，不会增大导出 SWF 文件的大小。所以我们采用了【注释】类型的帧标签来给歌词加上标记。步骤 3 完成其它歌词的帧注释标记第一句歌词起始位置的“帧注释 ”标记添加完成后，再按键盘上的回车键，继续播放音乐，用同样方法在所有歌词的起始位置加上帧“注释” ，直到整个歌曲的所有歌词
11、添加完毕。所有的歌词标记加好以后从头再听一遍，对于不够准确的帧【注释】可以选中加上“注释” 的关键帧，拖动到合适准确的位置上即可。加上帧“注释” 以后，关键帧上出现两条绿色的小斜线和注释文字，效果如图 13-2-15 所示。可参见配套光盘中的“歌词与音乐同步 .fla”文件。 定义帧注释标记 （2）歌词的制作与设置同步的方法和步骤步骤 1 创建歌词图形元件执行【插入】|【新建元件】命令（快捷键 Ctrl+F8），新建【名称】为“歌词 1”的【图形】元件。步骤 2 设置歌词文本属性进入“歌词 1”图形元件的编辑场景，选择 【文本工具】，在舞台上单击鼠标，打开【属性】面板，设置文本类型为【静态文本
12、】，字体选择【隶书】，字体大小为“24”，字体颜色为白色，按下加粗按钮。步骤 3 输入歌词内容并对齐在舞台上输入第一句歌词“雪花飘，飘起了多少爱恋 ”。单击【选择工具】，选中舞台上的歌词文本，按快捷键 Ctrl+K，打开【对齐】面板，按下【相对于舞台】按钮，再分别单击【水平中齐】和【垂直中齐】按钮，使歌词显示在舞台中央处，这样做便于我们在加入歌词时，歌词在相同的位置上，平时在制作元件时也应该养成对齐中心的好习惯。 输入歌词和对齐歌词以此类推，用同样的方法依次制作出整首歌的 14 句歌词。这首歌一共有 16 句歌词，其中有两句是一样的，在第一段和第二段中出现过两次，只做一个就可以了，可以在第一段
13、和第二段调用同样的歌词，这样做可以减少文件的大小。步骤 4 添加第一句歌词文本切换到场景 1，单击【插入图层】按钮，新建【图层 3】，重新命名为“歌词”。把播放头定位到标记为“第一句”的帧，选中【歌词】图层上与其相同的帧，按快捷键 F6，插入一个关键帧。将【库】中的“歌词 1”元件拖放到舞台合适的地方 第一句歌词的加入步骤 5 全部歌词同步的方法第一句歌词加好以后，拖动播放头到【歌词标记】图层的“第二句” 的帧标记处，选中【歌词】图层上与其相同的帧，按快捷键 F6，插入一个关键帧。这时【舞台】上依然显示的是第一句歌词的内容。单击舞台上的“歌词 1”实例，打开【属性】面板，在【属性】面板的中间有
14、个【交换】按钮 【属性检查器】面板的【交换】按钮单击【交换】按钮，打开【交换元件】对话框，可以看见刚才做的所有的歌词元件都在这个对话框中，选中“歌词 2”，单击【确定】 【交换元件】对话框单击【确定】按钮以后，【舞台】上原来的“歌词 1”已经被替换成“ 歌词 2”元件实例了，位置则与“歌词 1”相同 将第二句歌词添加到舞台以此类推，用上面同样的方法依次将后面的 14 句歌词替换到舞台上。整首歌的全部歌词文本元件在几分钟之内就全部同步导入，这是一种简单快捷的办法。（3） 歌词文本的特殊效果根据作品的风格需要，我们常常需要一些特殊的字体来做歌词的文本，如果浏览者的电脑中没有安装你选择的字体，那么在
15、观看你的作品时就会看见是系统默认的字体，这样会影响作品的效果。解决这个问题的方法是将歌词文本打散成图形。文本文件转变成图形以后，我们就可以按照编辑图形方法来进行编辑，如设置成带有渐变颜色的歌词效果。步骤 1 分离歌词文本打开【库】面板，双击【库】面板中的“歌词 1”元件，进入“ 歌词 1”元件的编辑状态。选中歌词，执行【修改】【分离】命令（快捷键 Ctrl+B），这时，歌词变成以每个文字为单位的文本格式图 13-2-22 歌词文本的第一次分离接下来还需要再进行一次分离，再次执行【修改】【分离】命令（快捷键 Ctrl+B），第一句歌词才彻底被打散，可以看见歌词文本变成麻麻点的选中状态，就和我们平
16、时绘制的图形被选中时一样的状态 歌词文本的彻底分离说明：如果你的歌词选用的是普通的常见字体，也没有其他的一些特殊效果，可以不做分离这步，因为分离以后会增大文件的大小。步骤 2 创建歌词效果图层歌词是单一的颜色，看起来比较单调，可以为它加上一些渐变颜色来做修饰，在“歌词 1”的编辑场景中，用鼠标右键单击【图层 1】的第 1 帧，在弹出菜单中选择【复制帧】，新建【图层 2】，用鼠标右键单击【图层 2】的第 1 帧，在弹出菜单中选择 【粘贴帧】，锁定【图层 1】 锁定的图层结构步骤 3 设置歌词的渐变色执行【窗口】【设计面板】【混色器】命令（快捷键 Shift+F9），打开【混色器】面板。选择【线性】渐变填充。根据作品的主要色调我们来选择三种颜色，在中间添加一个色标，三个色标的颜色从左到右，分别为“#FFDFFF”、“#D99EF5”、“#8321BE”颜色设置 步骤 4 填充渐变色颜色调整好后，选择【颜料桶工具】，单击歌词文本，进行填充，再选择【填充变形工具】，旋转渐变颜色的填充方向为
