歌词与音乐的同步.docx

歌词与音乐的同步.docx

《歌词与音乐的同步.docx》由会员分享，可在线阅读，更多相关《歌词与音乐的同步.docx（13页珍藏版）》请在冰豆网上搜索。

歌词与音乐的同步

第十二章FlashMTV实战演习

第二节歌词与音乐的同步

（1）

上一节介绍了选择音乐的格式和前期处理。

在这节我们以一首歌为实例，来学习如何把选好的音乐文件导入到Flash中，掌握在Flash中编辑音乐的方法以及歌词与音乐同步的方法。

这些是完成FlashMTV的重要环节之一，也是FlashMTV之旅的第一站。

1.    音乐的导入和编辑

首先我们把选好的音乐导入到Flash中，这是一首MP3格式的音乐（文件路径：

配套光盘/……“xzl.mp3”）。

（1）    音乐的导入Flash的步骤

步骤1创建音乐图层

新建一个Flash文档，在【属性】面板中设置【背景】为蓝色（#0066FF）。

将【图层1】重新命名为“音乐”。

我们将把音乐“xzl.mp3”放置在该图层上。

说明：

改变图层的名称是为了避免以后在制作MTV的过程中图层逐渐增多能便于识别。

在制作MTV的过程中要养成按照内容来更改图层名称的好习惯。

步骤2将音乐导入到Flash中

执行【文件】|【导入】|【导入到库】命令，弹出【导入到库】对话框。

在【导入到库】对话框中选择要导入的声音文件“xzl.mp3”，单击【打开】按钮，将声音导入到【库】中，如图13-2-3所示。

图13-2-3【库】面板中的音乐

说明：

导入的声音最初并不出现在时间轴上，既使执行【文件】︱【导入】︱【导入到场景】命令，音乐文件也是出现在【库】中的，这里我们采用了【文件】|【导入】|【导入到库】命令，需要时可以随时在【库】中调用这个声音文件。

步骤4将音乐文件导入到场景中

选中【音乐】图层的第一帧，在【属性】面板中打开【声音】下拉菜单，选择刚导入的“xzl.mp3”，如图13-2-4所示。

图13-2-4【属性检查器】选择音乐

在【属性】面板选择了“xzl.mp3”以后，音乐就被导入到场景，【音乐】图层的第一帧出现一条表示声波的小横线。

说明：

还有一种将音乐文件导入到场景中的方法，选定要添加音乐图层的帧后，将声音从【库】面板中拖到舞台上释放鼠标，声音就添加到了当前层中。

（2）    计算和查看音乐长度的方法

步骤1直接计算音乐的长度

要计算音乐的长度（所占帧数），首先应该知道音乐的播放时间，选择【音乐】图层第1帧，打开【属性】面板就可以看到相应的信息，如图13-2-6所示。

图13-2-6音乐文件的相关信息

我们在新建文件的时候，将动画的播放速度采用默认的设置【帧频】：

12fps/s，即每秒播放12帧。

通过上面的信息提示知道音乐文件“xzl.mp3”的时间为205.1s（秒），那么可以用计算的方法算出播放完整音乐所需的帧数：

12×205.1=2461.2，取整数值为2461帧。

选择【音乐】图层的第2460帧，按F5键，延伸帧，使音乐能在时间轴上播放完，如图13-2-7所示。

图13-2-7延伸帧

步骤2在【编辑封套】面板中查看音乐长度

上面是通过计算的方法算出音乐的长度，还有一种方法是通过【编辑封套】面板来查看音乐的长度。

选中【音乐】图层的第一帧，打开【属性】面板，单击【编辑】按钮，弹出【编辑封套】对话框。

在【封套编辑】对话框的最下方有一组按钮，最右边的按钮为【帧】按钮

，按下它后，能使音乐以帧为单位的方式显示。

拖动下面的滚动条到最右边，单击【缩小】按钮

，如图13-2-9所示。

其中灰白交界的地方为音乐的长度。

我们选择了以帧为单位显示，音乐的长度就是音乐持续的帧数，本例中“xzl.mp3”帧数为“2461帧”，如图13-2-9所示。

图13-2-9查看音乐长度的帧数

步骤3声音全部显示在时间轴上

单击【确定】按钮，回到场景１，逐步增加【音乐】图层中的帧，直到图层的帧数为“2461帧”，这样，【音乐】图层上的帧数与音乐的长度就一致了。

完成后【音乐】图层上出现长长的音乐波形，如图13-2-10所示。

图13-2-10声音的波形

2.    流类型的音乐设置

FlashMTV以音乐衬托画面，在制作FlashMTV的时候，非常重要的一点就是要音乐和歌词以及我们所做的动画效果同步显示，这样才符合MTV最基本的要求。

这就要用到“流类型”的音乐设置，下面我们来学习流类型声音设置方法。

（1）    声音同步类型特征分析

选中【音乐】图层的第1帧，打开【属性】面板。

打开【同步】下拉菜单，在菜单中有四种同步类型：

【事件】、【开始】、【停止】和【数据流】，如图13-2-11所示。

这些知识我们已经在第五章的第一节中详细介绍了，这里不再赘述。

图13-2-11声音同步的四种选项

（2）    为什么MTV作品要用流类型声音

【数据流】同步音乐的方法，它所起的作用是播放动画的同时，与动画对应的声音也同时播放。

当发布影片时，音频流混合在一起的，是Flash强制动画和音频流同步，而且音频流的播放时间绝对不会比帧播放的时间长。

FlashMTV以音乐或歌词贯穿全部作品，以图形解释音乐，以音乐衬托画面，是视觉和听觉双重方式向观众表达作者创作的主题。

因此在用Flash制作MTV时，一定要使用流类型的声音设置，只有这样做才可以使声音文件和MTV的动画播放同步，画面与音乐结合得更紧密。

选择流类型声音分布类型，音乐文件的播放是以流的方式分布在动画对应的帧中，声音文件与和它相对应的动画播放是完全同步的，如果动画结束，声音的播放也会结束。

有些初学者忽略了流类型声音分布的重要性，在本地测试时候还是同步的，但是发布到网上观看时出现画面和声音的不同步现象，这就是在FlashMTV中一定要选择流类型声音分布的重要原因。

（3）    设置流类型声音方法

选中【音乐】图层的第1帧，在【属性】面板中选择【同步】为【数据流】，如图13-2-12所示。

图13-2-12【数据流】同步的设置

3.    歌词与音乐同步的方法

◆      选择了数据流的同步方法，流类型声音就设置好了，接下来就要给音乐加上歌词，为做动画做好准备。

在加歌词之前首先要确定每句歌词的位置，然后制作歌词元件，最后把做好的歌词元件添加到音乐层出现歌词的时间帧上，摆放到合适的位置，这样就完成了音乐的设置。

下面我们来学习具体的方法和步骤。

（1）    标识歌词的位置

步骤1建立歌词标记图层

单击【插入图层】按钮

，新建【图层2】，重新命名为【歌词标记】图层，如图13-2-13所示。

图13-2-13添加歌词标记图层

步骤2定义第一句的帧注释标记

拖动“播放头”到第1帧的位置，按键盘上的回车键，音乐开始播放了。

当听到开始唱第一句歌词时，再按一下键盘上的回车键，音乐停止播放。

我们看见红色的播放头停止在第550帧处，选中【歌词标记】图层的第550帧，按键盘上的F6键，插入一个关键帧。

保持第550帧处于被选中状态，打开【属性】面板，在【帧标签】中输入“第一句”三个字，如图13-2-14所示。

图13-2-14输入帧标签

打开【标签类型】下拉菜单，选择【注释】。

说明：

帧标签的【标签类型】有3种类型，【名称】标识时间轴中的关键帧的名称，在动作脚本中定位帧时，使用帧的名称；【锚记】可以使用浏览器中的“前进”和“后退”按钮从一个帧跳到另一个帧，或是从一个场景跳到另一个场景，从而使得Flash动画的导航变得简单；将文档发布为SWF文件时文件内部会包括帧名称和帧锚记的标识信息，文件的体积会相应地增大。

【注释】类型的帧标签，只对所选中的关键帧加以注释和说明，文件发布为Flash影片时不包含帧注释的标识信息，不会增大导出SWF文件的大小。

所以我们采用了【注释】类型的帧标签来给歌词加上标记。

步骤3完成其它歌词的帧注释标记

第一句歌词起始位置的“帧注释”标记添加完成后，再按键盘上的回车键，继续播放音乐，用同样方法在所有歌词的起始位置加上帧“注释”，直到整个歌曲的所有歌词添加完毕。

所有的歌词标记加好以后从头再听一遍，对于不够准确的帧【注释】可以选中加上“注释”的关键帧，拖动到合适准确的位置上即可。

加上帧“注释”以后，关键帧上出现两条绿色的小斜线和注释文字，效果如图13-2-15所示。

可参见配套光盘中的“歌词与音乐同步.fla”文件。

图13-2-15定义帧注释标记

（2）    歌词的制作与设置同步的方法和步骤

步骤1创建歌词图形元件

执行【插入】|【新建元件】命令（快捷键Ctrl+F8），新建【名称】为“歌词1”的【图形】元件。

步骤2设置歌词文本属性

进入“歌词1”图形元件的编辑场景，选择【文本工具】

，在舞台上单击鼠标，打开【属性】面板，设置文本类型为【静态文本】，字体选择【隶书】，字体大小为“24”，字体颜色为白色，按下加粗按钮

。

步骤3输入歌词内容并对齐

在舞台上输入第一句歌词“雪花飘，飘起了多少爱恋……”。

单击【选择工具】，选中舞台上的歌词文本，按快捷键Ctrl+K，打开【对齐】面板，按下【相对于舞台】按钮

，再分别单击【水平中齐】

和【垂直中齐】

按钮，使歌词显示在舞台中央处，如图13-2-17所示。

这样做便于我们在加入歌词时，歌词在相同的位置上，平时在制作元件时也应该养成对齐中心的好习惯。

图13-2-17输入歌词和对齐歌词

以此类推，用同样的方法依次制作出整首歌的14句歌词。

这首歌一共有16句歌词，其中有两句是一样的，在第一段和第二段中出现过两次，只做一个就可以了，可以在第一段和第二段调用同样的歌词，这样做可以减少文件的大小。

步骤4添加第一句歌词文本

切换到场景1，单击【插入图层】按钮

，新建【图层3】，重新命名为“歌词”。

把播放头定位到标记为“第一句”的帧，选中【歌词】图层上与其相同的帧，按快捷键F6，插入一个关键帧。

将【库】中的“歌词1”元件拖放到舞台合适的地方，如图13-2-18所示。

图13-2-18第一句歌词的加入

步骤5全部歌词同步的方法

第一句歌词加好以后，拖动播放头到【歌词标记】图层的“第二句”的帧标记处，选中【歌词】图层上与其相同的帧，按快捷键F6，插入一个关键帧。

这时【舞台】上依然显示的是第一句歌词的内容。

单击舞台上的“歌词1”实例，打开【属性】面板，在【属性】面板的中间有个【交换】按钮，如图13-2-19所示。

图13-2-19【属性检查器】面板的【交换】按钮

单击【交换】按钮，打开【交换元件】对话框，可以看见刚才做的所有的歌词元件都在这个对话框中，选中“歌词2”，单击【确定】，如图13-2-20所示。

图13-2-20【交换元件】对话框

单击【确定】按钮以后，【舞台】上原来的“歌词1”已经被替换成“歌词2”元件实例了，位置则与“歌词1”相同，如图13-2-21所示。

第二节歌词与音乐的同步（4）

图13-2-21将第二句歌词添加到舞台

以此类推，用上面同样的方法依次将后面的14句歌词替换到舞台上。

整首歌的全部歌词文本元件在几分钟之内就全部同步导入，这是一种简单快捷的办法。

（3）    歌词文本的特殊效果

根据作品的风格需要，我们常常需要一些特殊的字体来做歌词的文本，如果浏览者的电脑中没有安装你选择的字体，那么在观看你的作品时就会看见是系统默认的字体，这样会影响作品的效果。

解决这个问题的方法是将歌词文本打散成图形。

文本文件转变成图形以后，我们就可以按照编辑图形方法来进行编辑，如设置成带有渐变颜色的歌词效果。

步骤1分离歌词文本

打开【库】面板，双击【库】面板中的“歌词1”元件，进入“歌词1”元件的编辑状态。

选中歌词，执行【修改】︱【分离】命令（快捷键Ctrl+B），这时，歌词变成以每个文字为单位的文本格式，如图13-2-22所示。

图13-2-22歌词文本的第一次分离

接下来还需要再进行一次分离，再次执行【修改】︱【分离】命令（快捷键Ctrl+B），第一句歌词才彻底被打散，可以看见歌词文本变成麻麻点的选中状态，就和我们平时绘制的图形被选中时一样的状态，如图13-2-23所示。

图13-2-23歌词文本的彻底分离

说明：

如果你的歌词选用的是普通的常见字体，也没有其他的一些特殊效果，可以不做分离这步，因为分离以后会增大文件的大小。

步骤2创建歌词效果图层

歌词是单一的颜色，看起来比较单调，可以为它加上一些渐变颜色来做修饰，在“歌词1”的编辑场景中，用鼠标右键单击【图层1】的第1帧，在弹出菜单中选择【复制帧】，新建【图层2】，用鼠标右键单击【图层2】的第1帧，在弹出菜单中选择【粘贴帧】，锁定【图层1】，如图13-2-24所示。

图13-2-24锁定的图层结构

步骤3设置歌词的渐变色

执行【窗口】︱【设计面板】︱【混色器】命令（快捷键Shift+F9），打开【混色器】面板。

选择【线性】渐变填充。

根据作品的主要色调我们来选择三种颜色，在中间添加一个色标，三个色标的颜色从左到右，分别为“#FFDFFF”、“#D99EF5”、“#8321BE”，如图13-2-25所示。

图13-2-25颜色设置

步骤4填充渐变色

颜色调整好后，选择【颜料桶工具】

，单击歌词文本，进行填充，再选择【填充变形工具】

，旋转渐变颜色的填充方向为90度。

选中【图层2】的第一帧，用键盘上的方向键，向左下移动一个像素的距离，这样做的目的是为了露出下面【图层1】的白色文字的边线，这样看起来有立体感。

调整好的“歌词1”效果如图13-2-26所示。

图13-2-26填充并设置歌词效果

以此类推，用上面同样的方法依次将后面的13句歌词都编辑成同样的效果。

步骤5歌词的淡出效果处理

回到场景1，选中【歌词】图层上第二句歌词出现前10帧（第655帧），按F6键，插入一个关键帧。

选中舞台上的“歌词1”实例，在【属性】面板中打开【颜色】下拉菜单，选择【Alpha】（透明度），调整【Alpha】值为“60%”。

【Alpha】调整好以后，选中【歌词】图层第一句歌词起始的“550帧”，打开【属性】面板，在【补间】中选择【动作】，创建动作补间动画。

用同样的方法可以制作出淡入效果。

这里只是介绍淡入和淡出的方法，在制作《雪中莲》MTV时并没有采用歌词淡入淡出的手法。

还有一些歌词文字特效是通过专门做特效的第三方软件Swish来实现的。

也可以借助Swift3D来做一些特殊效果的文本，做出来的效果美观，但是文件的体积比较大。

整个歌词的制作过程全部完成。

赶快测试一下效果吧！