如何实现歌词与音乐的同步

《如何实现歌词与音乐的同步》由会员分享，可在线阅读，更多相关《如何实现歌词与音乐的同步（6页珍藏版）》请在金锄头文库上搜索。

1、如何实现歌词与音乐的同步文源/网络 编辑/幽谷星尘1.音乐的导入和编辑首先我们把选好的音乐下载到桌面( 或我的电脑)，这是一首 MP3 格式的音乐。（1）音乐的导入 Flash 的步骤步骤 1 创建音乐图层新建一个 Flash 文档，在【属性】面板中设置【背景】为蓝色（#0066FF）。将【图层 1】重新命名为“音乐”。我们将把音乐“khm.mp3” 放置在该图层上。说明：改变图层的名称是为了避免以后在制作 MTV 的过程中图层逐渐增多能便于识别。步骤 2 将音乐导入到 Flash 中执行【文件】|【导入】|【导入到库】命令，弹出【导入到库】对话框。在【导入到库】对话框中选择要导入的声音文件“

2、khm.mp3”，单击【打开】按钮，将声音导入到【库】中，如图所示。【库】面板中的音乐说明：导入的声音最初并不出现在时间轴上，既使执行【文件】【导入】【导入到场景】命令，音乐文件也是出现在【库】中的，这里我们采用了【文件】|【导入】|【导入到库】命令，需要时可以随时在【库】中调用这个声音文件。步骤 4 将音乐文件导入到场景中选中【音乐】图层的第一帧，在【属性】面板中打开【声音】下拉菜单，选择刚导入的“khm.mp3”，如图所示。 【属性检查器】选择音乐在【属性】面板选择了“khm.mp3”以后，音乐就被导入到场景，【音乐】图层的第一帧出现一条表示声波的小横线。说明：还有一种将音乐文件导入到场景

3、中的方法，选定要添加音乐图层的帧后，将声音从【库】面板中拖到舞台上释放鼠标，声音就添加到了当前层中。（2 ）计算和查看音乐长度的方法步骤 1 直接计算音乐的长度要计算音乐的长度（所占帧数），首先应该知道音乐的播放时间，选择【音乐】图层第 1 帧，打开【属性】面板就可以看到相应的信息，如图所示。音乐文件的相关信息我们在新建文件的时候，将动画的播放速度采用默认的设置【帧频】：12fps/s ，即每秒播放 12帧。通过上面的信息提示知道音乐文件“khm.mp3”的时间为 205.1s（秒），那么可以用计算的方法算出播放完整音乐所需的帧数：12205.1=2461.2 ，取整数值为 2461 帧。选择

4、【音乐】图层的第 2460 帧，按 F5 键，延伸帧，使音乐能在时间轴上播放完，如图所示。延伸帧步骤 2 在【编辑封套】面板中查看音乐长度上面是通过计算的方法算出音乐的长度，还有一种方法是通过【编辑封套】面板来查看音乐的长度。选中【音乐】图层的第一帧，打开【属性】面板，单击【编辑】按钮，弹出【编辑封套】对话框。在【封套编辑】对话框的最下方有一组按钮，最右边的按钮为【帧】按钮，按下它后，能使音乐以帧为单位的方式显示。拖动下面的滚动条到最右边，单击【缩小】按钮，如图所示。其中灰白交界的地方为音乐的长度。我们选择了以帧为单位显示，音乐的长度就是音乐持续的帧数，本例中“khm.mp3” 帧数为“246

5、1 帧”，如图所示。 查看音乐长度的帧数步骤 3 声音全部显示在时间轴上单击【确定】按钮，回到场景，逐步增加【音乐】图层中的帧，直到图层的帧数为“2461 帧”，这样，【音乐】图层上的帧数与音乐的长度就一致了。完成后【音乐】图层上出现长长的音乐波形，如图所示。声音的波形2. 流类型的音乐设置Flash MTV 以音乐衬托画面，在制作 Flash MTV 的时候，非常重要的一点就是要音乐和歌词以及我们所做的动画效果同步显示，这样才符合MTV 最基本的要求。这就要用到“数据流”类型的音乐设置，下面我们来学习流类型声音设置方法。声音同步类型的选择选中【音乐】图层的第 1 帧，打开【属性】面板。打开【

6、 同步】下拉菜单，在菜单中有四种同步类型：【事件】、【开始】、【停止】和【数据流】选择【数据流】。3. 歌词与音乐同步的方法 选择了数据流的同步方法，流类型声音就设置好了，接下来就要给音乐加上歌词，为做动画做好准备。在加歌词之前首先要确定每句歌词的位置，然后制作歌词元件，最后把做好的歌词元件添加到音乐层出现歌词的时间帧上，摆放到合适的位置，这样就完成了音乐的设置。下面我们来学习具体的方法和步骤。 （1 ）标识歌词的位置步骤 1 建立歌词标记图层单击【插入图层】按钮，新建【图层 2】，重新命名为 【歌词标记】图层，如图所示。添加歌词标记图层步骤 2 定义第一句的帧注释标记拖动“播放头”到第 1

7、帧的位置，按键盘上的回车键，音乐开始播放了。当听到开始唱第一句歌词时，再按一下键盘上的回车键，音乐停止播放。我们看见红色的播放头停止在第 550 帧处，选中【歌词标记】图层的第 550 帧，按键盘上的 F6 键，插入一个关键帧。保持第 550 帧处于被选中状态，打开【属性】面板，在【帧标签】中输入“第一句”三个字，如图所示。输入帧标签打开【标签类型】下拉菜单，选择【注释】。说明：帧标签的【标签类型】有 3 种类型，【名称】标识时间轴中的关键帧的名称，在动作脚本中定位帧时，使用帧的名称；【锚记】可以使用浏览器中的“前进”和“后退”按钮从一个帧跳到另一个帧，或是从一个场景跳到另一个场景，从而使得

8、Flash 动画的导航变得简单；将文档发布为 SWF 文件时文件内部会包括帧名称和帧锚记的标识信息，文件的体积会相应地增大。【注释】类型的帧标签，只对所选中的关键帧加以注释和说明，文件发布为 Flash 影片时不包含帧注释的标识信息，不会增大导出 SWF 文件的大小。所以我们采用了【注释】类型的帧标签来给歌词加上标记。步骤 3 完成其它歌词的帧注释标记第一句歌词起始位置的“帧注释”标记添加完成后，再按键盘上的回车键，继续播放音乐，用同样方法在所有歌词的起始位置加上帧“注释”，直到整个歌曲的所有歌词添加完毕。所有的歌词标记加好以后从头再听一遍，对于不够准确的帧【注释】可以选中加上“注释”的关键帧

9、，拖动到合适准确的位置上即可。加上帧“注释”以后，关键帧上出现两条绿色的小斜线和注释文字，效果如图所示。可参见配套光盘中的 “歌词与音乐同步.fla”文件。定义帧注释标记（2 ）歌词的制作与设置同步的方法和步骤步骤 1 创建歌词图形元件执行 【插入】|【新建元件】 命令（快捷键 Ctrl+F8），新建【名称】为“歌词 1”的【图形】元件。步骤 2 设置歌词文本属性进入“歌词 1”图形元件的编辑场景，选择 【文本工具】，在舞台上单击鼠标，打开 【属性】面板，设置文本类型为【静态文本】，字体选择【隶书】，字体大小为“24”，字体颜色为白色，按下加粗按钮。 步骤 3 输入歌词内容并对齐在舞台上输入“

10、第一句歌词”。单击【选择工具】，选中舞台上的歌词文本，按快捷键 Ctrl+K，打开【对齐】面板，按下【相对于舞台】按钮，再分别单击【水平中齐】和【垂直中齐】按钮，使歌词显示在舞台中央处，如图 13-2-17 所示。这样做便于我们在加入歌词时，歌词在相同的位置上，平时在制作元件时也应该养成对齐中心的好习惯。输入歌词和对齐歌词以此类推，用同样的方法依次制作出整首歌的 14 句歌词。这首歌一共有 16 句歌词，其中有两句是一样的，在第一段和第二段中出现过两次，只做一个就可以了，可以在第一段和第二段调用同样的歌词，这样做可以减少文件的大小。步骤 4 添加第一句歌词文本切换到场景 1，单击【插入图层】按

11、钮，新建【图层 3】，重新命名为“歌词”。把播放头定位到标记为“第一句 ”的帧，选中【 歌词】图层上与其相同的帧，按快捷键 F6，插入一个关键帧。将【库】中的“歌词 1”元件拖放到舞台合适的地方，如图所示。第一句歌词的加入步骤 5 全部歌词同步的方法第一句歌词加好以后，拖动播放头到【歌词标记】图层的“第二句”的帧标记处，选中【歌词】图层上与其相同的帧，按快捷键 F6，插入一个关键帧。这时【舞台】上依然显示的是第一句歌词的内容。单击舞台上的“歌词 1”实例，打开【 属性】面板，在【属性】面板的中间有个 【交换】按钮，如图所示。【属性检查器】面板的【交换】按钮单击【交换】按钮，打开【交换元件】对话

12、框，可以看见刚才做的所有的歌词元件都在这个对话框中，选中“歌词 2”，单击【确定】 。【交换元件】对话框单击【确定 】按钮以后，【 舞台】上原来的“歌词 1”已经被替换成“歌词 2”元件实例了，位置则与“歌词 1”相同，如图 13-2-21 所示。根据作品的风格需要，我们常常需要一些特殊的字体来做歌词的文本，如果浏览者的电脑中没有安装你选择的字体，那么在观看你的作品时就会看见是系统默认的字体，这样会影响作品的效果。解决这个问题的方法是将歌词文本打散成图形。文本文件转变成图形以后，我们就可以按照编辑图形方法来进行编辑，如设置成带有渐变颜色的歌词效果。步骤 1 分离歌词文本打开【库】 面板，双击【

13、库】 面板中的“歌词 1”元件，进入“歌词 1”元件的编辑状态。选中歌词，执行【修改】【分离】命令（快捷键 Ctrl+B），这时，歌词变成以每个文字为单位的文本格式。接下来还需要再进行一次分离，再次执行【修改】【分离】命令（快捷键 Ctrl+B），第一句歌词才彻底被打散，可以看见歌词文本变成麻麻点的选中状态，就和我们平时绘制的图形被选中时一样的状态。说明：如果你的歌词选用的是普通的常见字体，也没有其他的一些特殊效果，可以不做分离这步，因为分离以后会增大文件的大小。步骤 2 创建歌词效果图层歌词是单一的颜色，看起来比较单调，可以为它加上一些渐变颜色来做修饰，在“歌词 1”的编辑场景中，用鼠标右键

14、单击【图层 1】的第 1 帧，在弹出菜单中选择【复制帧 】，新建【图层 2】，用鼠标右键单击【图层 2】的第 1 帧，在弹出菜单中选择【粘贴帧 】，锁定【图层 1】。步骤 3 设置歌词的渐变色执行 【窗口 】【设计面板 】【混色器】命令（快捷键 Shift+F9），打开【混色器】面板。选择【线性】渐变填充。根据作品的主要色调我们来选择三种颜色，在中间添加一个色标，三个色标的颜色从左到右，分别为 “#FFDFFF”、“#D99EF5”、“#8321BE”。步骤 4 填充渐变色 颜色调整好后，选择【颜料桶工具】，单击歌词文本，进行填充，再选择【填充变形工具】，旋转渐变颜色的填充方向为 90 度。选

15、中【图层 2】的第一帧，用键盘上的方向键，向左下移动一个像素的距离，这样做的目的是为了露出下面【 图层 1】的白色文字的边线，这样看起来有立体感。调整好的“歌词 1”。以此类推，用上面同样的方法依次将后面的 13 句歌词都编辑成同样的效果。步骤 5 歌词的淡出效果处理回到场景 1，选中 【歌词】图层上第二句歌词出现前 10 帧（第 655 帧），按 F6 键，插入一个关键帧。选中舞台上的“歌词 1”实例，在【 属性】面板中打开【颜色】下拉菜单，选择 【Alpha】（透明度），调整【Alpha】值为“60%”。【Alpha】调整好以后，选中【歌词】图层第一句歌词起始的“550 帧”，打开【属性】面板，在【补间】中选择【动作】，创建动作补间动画。整个歌词的制作过程全部完成。