注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一帆风顺

行有不得,反求诸己。

 
 
 

日志

 
 

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

2011-07-08 11:37:29|  分类: 制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
如何实现歌词与音乐的同步

文源/网络     编辑/幽谷星尘

 1.音乐的导入和编辑
            首先我们把选好的音乐下载到桌面(或我的电脑),这是一首MP3格式的音乐。

如何在flash中实现歌词与音乐同步 - 迎春 -

(1)音乐的导入Flash的步骤
              步骤1创建音乐图层
            新建一个Flash文档,在【属性】面板中设置【背景】为蓝色(#0066FF)。
            将【图层1】重新命名为“音乐”。我们将把音乐“khm.mp3”放置在该图层上。
            说明:改变图层的名称是为了避免以后在制作MTV的过程中图层逐渐增多能便于识别。
              步骤2 将音乐导入到Flash中
 执行【文件】|【导入】|【导入到库】命令,弹出【导入到库】对话框。在【导入到库】对话框中选择要导入的声音文件“khm.mp3”,单击【打开】按钮,将声音导入到【库】中,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

    【库】面板中的音乐
            说明:导入的声音最初并不出现在时间轴上,既使执行【文件】︱【导入】︱【导入到场景】命令,音乐文件也是出现在【库】中的,这里我们采用了【文件】|【导入】|【导入到库】命令,需要时可以随时在【库】中调用这个声音文件。
              步骤4 将音乐文件导入到场景中
            选中【音乐】图层的第一帧,在【属性】面板中打开【声音】下拉菜单,选择刚导入的“khm.mp3”,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

       【属性检查器】选择音乐
            在【属性】面板选择了“khm.mp3”以后,音乐就被导入到场景,【音乐】图层的第一帧出现一条表示声波的小横线。
            说明:还有一种将音乐文件导入到场景中的方法,选定要添加音乐图层的帧后,将声音从【库】面板中拖到舞台上释放鼠标,声音就添加到了当前层中。
             (2)计算和查看音乐长度的方法

              步骤1 直接计算音乐的长度
            要计算音乐的长度(所占帧数),首先应该知道音乐的播放时间,选择【音乐】图层第1帧,打开【属性】面板就可以看到相应的信息,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

         音乐文件的相关信息
            我们在新建文件的时候,将动画的播放速度采用默认的设置【帧频】:12fps/s,即每秒播放12帧。通过上面的信息提示知道音乐文件“khm.mp3”的时间为205.1s(秒),那么可以用计算的方法算出播放完整音乐所需的帧数:12×205.1=2461.2,取整数值为2461帧。选择【音乐】图层的第2460帧,按F5键,延伸帧,使音乐能在时间轴上播放完,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

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

如何在flash中实现歌词与音乐同步 - 迎春 -

      查看音乐长度的帧数
              步骤3 声音全部显示在时间轴上
            单击【确定】按钮,回到场景1,逐步增加【音乐】图层中的帧,直到图层的帧数为“2461帧”,这样,【音乐】图层上的帧数与音乐的长度就一致了。完成后【音乐】图层上出现长长的音乐波形,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

    声音的波形

              2.  流类型的音乐设置
            Flash MTV以音乐衬托画面,在制作Flash
            MTV的时候,非常重要的一点就是要音乐和歌词以及我们所做的动画效果同步显示,这样才符合MTV最基本的要求。这就要用到“数据流”类型的音乐设置,下面我们来学习流类型声音设置方法。
             声音同步类型的选择
            选中【音乐】图层的第1帧,打开【属性】面板。打开【同步】下拉菜单,在菜单中有四种同步类型:【事件】、【开始】、【停止】和【数据流】选择【数据流】。

                  3.     歌词与音乐同步的方法  
      选择了数据流的同步方法,流类型声音就设置好了,接下来就要给音乐加上歌词,为做动画做好准备。在加歌词之前首先要确定每句歌词的位置,然后制作歌词元件,最后把做好的歌词元件添加到音乐层出现歌词的时间帧上,摆放到合适的位置,这样就完成了音乐的设置。下面我们来学习具体的方法和步骤。

      (1)标识歌词的位置
        步骤1 建立歌词标记图层
      单击【插入图层】按钮,新建【图层2】,重新命名为【歌词标记】图层,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

 添加歌词标记图层
        步骤2 定义第一句的帧注释标记
      拖动“播放头”到第1帧的位置,按键盘上的回车键,音乐开始播放了。当听到开始唱第一句歌词时,再按一下键盘上的回车键,音乐停止播放。我们看见红色的播放头停止在第550帧处,选中【歌词标记】图层的第550帧,按键盘上的F6键,插入一个关键帧。保持第550帧处于被选中状态,打开【属性】面板,在【帧标签】中输入“第一句”三个字,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

 输入帧标签
      打开【标签类型】下拉菜单,选择【注释】。
      说明:帧标签的【标签类型】有3种类型,【名称】标识时间轴中的关键帧的名称,在动作脚本中定位帧时,使用帧的名称;【锚记】可以使用浏览器中的“前进”和“后退”按钮从一个帧跳到另一个帧,或是从一个场景跳到另一个场景,从而使得Flash动画的导航变得简单;将文档发布为SWF文件时文件内部会包括帧名称和帧锚记的标识信息,文件的体积会相应地增大。【注释】类型的帧标签,只对所选中的关键帧加以注释和说明,文件发布为Flash影片时不包含帧注释的标识信息,不会增大导出SWF文件的大小。所以我们采用了【注释】类型的帧标签来给歌词加上标记。
        步骤3 完成其它歌词的帧注释标记
      第一句歌词起始位置的“帧注释”标记添加完成后,再按键盘上的回车键,继续播放音乐,用同样方法在所有歌词的起始位置加上帧“注释”,直到整个歌曲的所有歌词添加完毕。所有的歌词标记加好以后从头再听一遍,对于不够准确的帧【注释】可以选中加上“注释”的关键帧,拖动到合适准确的位置上即可。加上帧“注释”以后,关键帧上出现两条绿色的小斜线和注释文字,效果如图所示。
      可参见配套光盘中的“歌词与音乐同步.fla”文件。

如何在flash中实现歌词与音乐同步 - 迎春 -

定义帧注释标记(2)歌词的制作与设置同步的方法和步骤

      步骤1 创建歌词图形元件
      执行【插入】|【新建元件】命令(快捷键Ctrl+F8),新建【名称】为“歌词1”的【图形】元件。
      步骤2 设置歌词文本属性
      进入“歌词1”图形元件的编辑场景,选择【文本工具】,在舞台上单击鼠标,打开【属性】面板,设置文本类型为【静态文本】,字体选择【隶书】,字体大小为“24”,字体颜色为白色,按下加粗按钮。
        步骤3 输入歌词内容并对齐
      在舞台上输入“第一句歌词”。单击【选择工具】,选中舞台上的歌词文本,按快捷键Ctrl+K,打开【对齐】面板,按下【相对于舞台】按钮,再分别单击【水平中齐】和【垂直中齐】按钮,使歌词显示在舞台中央处,如图13-2-17所示。
      这样做便于我们在加入歌词时,歌词在相同的位置上,平时在制作元件时也应该养成对齐中心的好习惯。

如何在flash中实现歌词与音乐同步 - 迎春 -

  输入歌词和对齐歌词
      以此类推,用同样的方法依次制作出整首歌的14句歌词。这首歌一共有16句歌词,其中有两句是一样的,在第一段和第二段中出现过两次,只做一个就可以了,可以在第一段和第二段调用同样的歌词,这样做可以减少文件的大小。
        步骤4 添加第一句歌词文本
      切换到场景1,单击【插入图层】按钮,新建【图层3】,重新命名为“歌词”。把播放头定位到标记为“第一句”的帧,选中【歌词】图层上与其相同的帧,按快捷键F6,插入一个关键帧。
      将【库】中的“歌词1”元件拖放到舞台合适的地方,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

 第一句歌词的加入
        步骤5 全部歌词同步的方法
      第一句歌词加好以后,拖动播放头到【歌词标记】图层的“第二句”的帧标记处,选中【歌词】图层上与其相同的帧,按快捷键F6,插入一个关键帧。这时【舞台】上依然显示的是第一句歌词的内容。单击舞台上的“歌词1”实例,打开【属性】面板,在【属性】面板的中间有个【交换】按钮,如图所示。

如何在flash中实现歌词与音乐同步 - 迎春 -

【属性检查器】面板的【交换】按钮
      
      单击【交换】按钮,打开【交换元件】对话框,可以看见刚才做的所有的歌词元件都在这个对话框中,选中“歌词 2”,单击【确定】。

如何在flash中实现歌词与音乐同步 - 迎春 -

【交换元件】对话框
      单击【确定】按钮以后,【舞台】上原来的“歌词1”已经被替换成“歌词 2”元件实例了,位置则与“歌词1”相同,如图13-2-21所示。
      根据作品的风格需要,我们常常需要一些特殊的字体来做歌词的文本,如果浏览者的电脑中没有安装你选择的字体,那么在观看你的作品时就会看见是系统默认的字体,这样会影响作品的效果。解决这个问题的方法是将歌词文本打散成图形。文本文件转变成图形以后,我们就可以按照编辑图形方法来进行编辑,如设置成带有渐变颜色的歌词效果。
      步骤1 分离歌词文本
      打开【库】面板,双击【库】面板中的“歌词1”元件,进入“歌词1”元件的编辑状态。选中歌词,执行【修改】︱【分离】命令(快捷键Ctrl+B),这时,歌词变成以每个文字为单位的文本格式。
      接下来还需要再进行一次分离,再次执行【修改】︱【分离】命令(快捷键
      Ctrl+B),第一句歌词才彻底被打散,可以看见歌词文本变成麻麻点的选中状态,就和我们平时绘制的图形被选中时一样的状态。
      说明:如果你的歌词选用的是普通的常见字体,也没有其他的一些特殊效果,可以不做分离这步,因为分离以后会增大文件的大小。
      步骤2 创建歌词效果图层
      歌词是单一的颜色,看起来比较单调,可以为它加上一些渐变颜色来做修饰,在“歌词1”的编辑场景中,用鼠标右键单击【图层1】的第1帧,在弹出菜单中选择【复制帧】,新建【图层2】,用鼠标右键单击【图层2】的第1帧,在弹出菜单中选择【粘贴帧】,锁定【图层1】。
      步骤3 设置歌词的渐变色
      执行【窗口】︱【设计面板】︱【混色器】命令(快捷键Shift+F9),打开【混色器】面板。选择【线性】渐变填充。根据作品的主要色调我们来选择三种颜色,在中间添加一个色标,三个色标的颜色从左到右,分别为“#FFDFFF”、“#D99EF5”、“#8321BE”。

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

如何实现歌词与音乐的同步 - 一帆风顺 - 一帆风顺如何实现歌词与音乐的同步 - 一帆风顺 - 一帆风顺如何实现歌词与音乐的同步 - 一帆风顺 - 一帆风顺如何实现歌词与音乐的同步 - 一帆风顺 - 一帆风顺如何实现歌词与音乐的同步 - 一帆风顺 - 一帆风顺


  评论这张
 
阅读(199)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017