1、如何實(shí)現(xiàn)歌詞與音樂(lè)的同步文源 /網(wǎng)絡(luò) 編輯 /幽谷星塵1. 音樂(lè)的導(dǎo)入和編輯首先我們把選好的音樂(lè)下載到桌面 （或我的電腦 ），這是一首 MP3 格式的音樂(lè)（ 1）音樂(lè)的導(dǎo)入 Flash 的步驟步驟 1 創(chuàng)建音樂(lè)圖層新建一個(gè) Flash 文檔，在【屬性】面板中設(shè)置【背景】為藍(lán)色（ #0066FF ）。將【圖層1】重新命名為 音樂(lè)”我們將把音樂(lè) “khm.mp3”放置在該圖層上。說(shuō)明：改變圖層的名稱是為了避免以后在制作 MTV 的過(guò)程中圖層逐漸增多能便于識(shí)別。步驟 2 將音樂(lè)導(dǎo)入到 Flash 中執(zhí)行【文件】 |【導(dǎo)入】 |【導(dǎo)入到庫(kù)】命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框。在【導(dǎo)入到庫(kù)】對(duì)話框中選擇要導(dǎo)入

2、的聲音文件 “khm.mp3” ，單擊【打開(kāi)】按鈕，將聲音導(dǎo)入到【庫(kù)】中，如圖所示?！編?kù)】面板中的音樂(lè)說(shuō)明：導(dǎo)入的聲音最初并不出現(xiàn)在時(shí)間軸上，既使執(zhí)行【文件】丨【導(dǎo)入】丨【導(dǎo)入到場(chǎng)景】命令，音樂(lè)文件也是出現(xiàn)在【庫(kù)】中的，這里我們采用了【文件】|【導(dǎo)入】 | 【導(dǎo)入到庫(kù)】命令，需要時(shí)可以隨時(shí)在【庫(kù)】中調(diào)用這個(gè)聲音文件。選中【音樂(lè)】 圖層的第一幀，步驟 4 將音樂(lè)文件導(dǎo)入到場(chǎng)景中在【屬性】 面板中打開(kāi) 【聲音】 下拉菜單， 選擇剛導(dǎo)入的 “ khm.mp3”， 如圖所示?！緦傩詸z查器】選擇音樂(lè)在【屬性】面板選擇了“khm.mp3”以后，音樂(lè)就被導(dǎo)入到場(chǎng)景，【音樂(lè)】圖層的第一幀出現(xiàn)一條表示聲波的小橫

3、線。說(shuō)明：還有一種將音樂(lè)文件導(dǎo)入到場(chǎng)景中的方法，選定要添加音樂(lè)圖層的幀后，將聲音從【庫(kù)】 面板中拖到舞臺(tái)上釋放鼠標(biāo)，聲音就添加到了當(dāng)前層中。（2）計(jì)算和查看音樂(lè)長(zhǎng)度的方法步驟 1 直接計(jì)算音樂(lè)的長(zhǎng)度要計(jì)算音樂(lè)的長(zhǎng)度（所占幀數(shù)），首先應(yīng)該知道音樂(lè)的播放時(shí)間，選擇【音樂(lè)】圖層第1 幀，打開(kāi)【屬性】面板就可以看到相應(yīng)的信息，如圖所示。音樂(lè)文件的相關(guān)信息我們?cè)谛陆ㄎ募臅r(shí)候，將動(dòng)畫(huà)的播放速度采用默認(rèn)的設(shè)置【幀頻】： 12fps/s ，即每秒播放 12 幀。通過(guò)上面的信息提示知道音樂(lè)文件“khm.mp3” 的時(shí)間為 205.1s （秒），那么可以用計(jì)算的方法算出播放完整音樂(lè)所需的幀數(shù)：12X205.仁2

4、461.2，取整數(shù)值為2461幀。選擇【音樂(lè)】圖層的第 2460幀，按F5 鍵，延伸幀，使音樂(lè)能在時(shí)間軸上播放完，如圖所示。延伸幀步驟 2 在【編輯封套】面板中查看音樂(lè)長(zhǎng)度上面是通過(guò)計(jì)算的方法算出音樂(lè)的長(zhǎng)度，還有一種方法是通過(guò)【編輯封套】面板來(lái)查看音樂(lè)的長(zhǎng)度。選中【音樂(lè)】圖層的第一幀，打開(kāi)【屬性】面板，單擊【編輯】按鈕，彈出【編輯封套】對(duì)話框。在【封套編輯】對(duì)話框的最下方有一組按鈕，最右邊的按鈕為【幀】按鈕，按下它后，能使音樂(lè)以幀為單位的方式顯示。拖動(dòng)下面的滾動(dòng)條到最右邊，單擊【縮小】按鈕，如圖所示。其中灰白交界的地方為音樂(lè)的長(zhǎng)度。我們選擇了以幀為單位顯示，音樂(lè)的長(zhǎng)度就是音樂(lè)持續(xù)的幀數(shù)，本例中

5、"khm.mp3幀數(shù)為"2461幀”如圖所示查看音樂(lè)長(zhǎng)度的幀數(shù)步驟 3 聲音全部顯示在時(shí)間軸上單擊【確定】按鈕，回到場(chǎng)景1,逐步增加【音樂(lè)】圖層中的幀，直到圖層的幀數(shù)為“ 2461幀”這樣，【音樂(lè)】圖層上的幀數(shù)與音樂(lè)的長(zhǎng)度就一致了。完成后【音樂(lè)】圖層上出現(xiàn)長(zhǎng)長(zhǎng)的音樂(lè)波形，如圖所示。聲音的波形2. 流類型的音樂(lè)設(shè)置Flash MTV 以音樂(lè)襯托畫(huà)面，在制作 FlashMTV 的時(shí)候，非常重要的一點(diǎn)就是要音樂(lè)和歌詞以及我們所做的動(dòng)畫(huà)效果同步顯示，這樣才符合MTV 最基本的要求。這就要用到“數(shù)據(jù)流 ”類型的音樂(lè)設(shè)置，下面我們來(lái)學(xué)習(xí)流類型聲音設(shè)置方法。 聲音同步類型的選擇選中【音樂(lè)

6、】圖層的第 1 幀，打開(kāi)【屬性】面板。打開(kāi)【同步】下拉菜單，在菜單中有四種同步類型：【事件】、【開(kāi)始】、【停止】和【數(shù)據(jù)流】選擇【數(shù)據(jù)流】。3. 歌詞與音樂(lè)同步的方法 選擇了數(shù)據(jù)流的同步方法， 流類型聲音就設(shè)置好了， 接下來(lái)就要給音樂(lè)加上歌詞， 為做動(dòng)畫(huà)做好準(zhǔn)備 在加歌詞之前首先要確定每句歌詞的位置，然后制作歌詞元件，最后把做好的歌詞元件添加到音樂(lè)層出現(xiàn) 歌詞的時(shí)間幀上，擺放到合適的位置，這樣就完成了音樂(lè)的設(shè)置。下面我們來(lái)學(xué)習(xí)具體的方法和步驟。（ 1）標(biāo)識(shí)歌詞的位置步驟 1 建立歌詞標(biāo)記圖層單擊【插入圖層】按鈕，新建【圖層 2】，重新命名為【歌詞標(biāo)記】圖層，如圖所示。添加歌詞標(biāo)記圖層步驟 2

7、定義第一句的幀注釋標(biāo)記拖動(dòng)“播放頭”到第 1幀的位置，按鍵盤(pán)上的回車鍵，音樂(lè)開(kāi)始播放了。當(dāng)聽(tīng)到開(kāi)始唱第一句歌詞時(shí)，再按一下鍵盤(pán)上的回車鍵，音樂(lè)停止播放。我們看見(jiàn)紅色的播放頭停止在第 550 幀處，選中【歌詞標(biāo)記】圖層的第 550 幀，按鍵盤(pán)上的 F6 鍵，插入一個(gè)關(guān)鍵幀。保持第 550 幀處于被選中狀態(tài)，打開(kāi)【屬性】面板，在【幀標(biāo)簽】中輸入 “第一句 ”三個(gè)字，如圖所示。輸入幀標(biāo)簽打開(kāi)【標(biāo)簽類型】下拉菜單，選擇【注釋】。說(shuō)明：幀標(biāo)簽的【標(biāo)簽類型】有 3 種類型，【名稱】標(biāo)識(shí)時(shí)間軸中的關(guān)鍵幀的名稱，在動(dòng)作腳本中定 位幀時(shí)，使用幀的名稱；【錨記】可以使用瀏覽器中的 “前進(jìn) ”和“后退”按鈕從一個(gè)幀

8、跳到另一個(gè)幀，或是 從一個(gè)場(chǎng)景跳到另一個(gè)場(chǎng)景，從而使得 Flash 動(dòng)畫(huà)的導(dǎo)航變得簡(jiǎn)單；將文檔發(fā)布為 SWF 文件時(shí)文件內(nèi)部 會(huì)包括幀名稱和幀錨記的標(biāo)識(shí)信息，文件的體積會(huì)相應(yīng)地增大?！咀⑨尅款愋偷膸瑯?biāo)簽，只對(duì)所選中的關(guān) 鍵幀加以注釋和說(shuō)明，文件發(fā)布為 Flash 影片時(shí)不包含幀注釋的標(biāo)識(shí)信息，不會(huì)增大導(dǎo)出 SWF 文件的大 小。所以我們采用了【注釋】類型的幀標(biāo)簽來(lái)給歌詞加上標(biāo)記。步驟 3 完成其它歌詞的幀注釋標(biāo)記第一句歌詞起始位置的 “幀注釋 ”標(biāo)記添加完成后，再按鍵盤(pán)上的回車鍵，繼續(xù)播放音樂(lè)，用同樣方法 在所有歌詞的起始位置加上幀 “注釋 ”，直到整個(gè)歌曲的所有歌詞添加完畢。所有的歌詞標(biāo)記加

9、好以后從頭 再聽(tīng)一遍，對(duì)于不夠準(zhǔn)確的幀【注釋】可以選中加上 “注釋 ”的關(guān)鍵幀，拖動(dòng)到合適準(zhǔn)確的位置上即可。加 上幀“注釋”以后，關(guān)鍵幀上出現(xiàn)兩條綠色的小斜線和注釋文字，效果如圖所示。 可參見(jiàn)配套光盤(pán)中的 “歌詞與音樂(lè)同步 .fla 文”件。定義幀注釋標(biāo)記（ 2 ）歌詞的制作與設(shè)置同步的方法和步驟步驟 1 創(chuàng)建歌詞圖形元件執(zhí)行【插入】 |【新建元件】命令（快捷鍵 Ctrl+F8 ），新建【名稱】為 “歌詞 1”的【圖形】元件。步驟 2 設(shè)置歌詞文本屬性進(jìn)入 “歌詞 1”圖形元件的編輯場(chǎng)景，選擇【文本工具】，在舞臺(tái)上單擊鼠標(biāo)，打開(kāi)【屬性】面板，設(shè) 置文本類型為【靜態(tài)文本】，字體選擇【隸書(shū)】，字體

10、大小為“24”，字體顏色為白色，按下加粗按鈕。步驟 3 輸入歌詞內(nèi)容并對(duì)齊在舞臺(tái)上輸入 “第一句歌詞 ”。單擊【選擇工具】 ，選中舞臺(tái)上的歌詞文本， 按快捷鍵 Ctrl+K ，打開(kāi)【對(duì) 齊】面板，按下【相對(duì)于舞臺(tái)】按鈕，再分別單擊【水平中齊】和【垂直中齊】按鈕，使歌詞顯示在舞臺(tái) 中央處，如圖 13-2-17 所示。這樣做便于我們?cè)诩尤敫柙~時(shí)，歌詞在相同的位置上，平時(shí)在制作元件時(shí)也應(yīng)該養(yǎng)成對(duì)齊中心的好習(xí)慣。輸入歌詞和對(duì)齊歌詞以此類推，用同樣的方法依次制作出整首歌的 14 句歌詞。這首歌一共有 16 句歌詞，其中有兩句是一樣的，在第一段和第二段中出現(xiàn)過(guò)兩次，只做一個(gè)就可以了，可以在第一段和第二段調(diào)

11、用同樣的歌詞，這樣做可以減少文件的大小。步驟 4 添加第一句歌詞文本切換到場(chǎng)景 1，單擊【插入圖層】按鈕，新建【圖層3】，重新命名為 “歌詞 ”。把播放頭定位到標(biāo)記為第一句”的幀，選中【歌詞】圖層上與其相同的幀，按快捷鍵F6，插入一個(gè)關(guān)鍵幀。將【庫(kù)】中的 “歌詞 1”元件拖放到舞臺(tái)合適的地方，如圖所示。第一句歌詞的加入步驟 5 全部歌詞同步的方法 第一句歌詞加好以后，拖動(dòng)播放頭到【歌詞標(biāo)記】圖層的 “第二句 ”的幀標(biāo)記處，選中【歌詞】圖層上 與其相同的幀，按快捷鍵 F6，插入一個(gè)關(guān)鍵幀。這時(shí)【舞臺(tái)】上依然顯示的是第一句歌詞的內(nèi)容。單擊舞 臺(tái)上的 “歌詞 1”實(shí)例，打開(kāi)【屬性】面板，在【屬性】面

12、板的中間有個(gè)【交換】按鈕，如圖所示?！緦傩詸z查器】面板的【交換】按鈕單擊【交換】按鈕，打開(kāi)【交換元件】對(duì)話框，可以看見(jiàn)剛才做的所有的歌詞元件都在這個(gè)對(duì)話框中，選中 “歌詞 2”，單擊【確定】?！窘粨Q元件】對(duì)話框單擊【確定】按鈕以后，【舞臺(tái)】上原來(lái)的“歌詞 1”已經(jīng)被替換成 “歌詞 2”元件實(shí)例了，位置則與詞 1”相同，如圖 13-2-21 所示。根據(jù)作品的風(fēng)格需要，我們常常需要一些特殊的字體來(lái)做歌詞的文本，如果瀏覽者的電腦中沒(méi)有安裝 你選擇的字體，那么在觀看你的作品時(shí)就會(huì)看見(jiàn)是系統(tǒng)默認(rèn)的字體，這樣會(huì)影響作品的效果。解決這個(gè)問(wèn) 題的方法是將歌詞文本打散成圖形。 文本文件轉(zhuǎn)變成圖形以后， 我們就可

13、以按照編輯圖形方法來(lái)進(jìn)行編輯， 如設(shè)置成帶有漸變顏色的歌詞效果。步驟 1 分離歌詞文本打開(kāi)【庫(kù)】面板，雙擊【庫(kù)】面板中的“歌詞 1”元件，進(jìn)入 “歌詞 1”元件的編輯狀態(tài)。選中歌詞，執(zhí)行【修改】丨【分離】命令（快捷鍵Ctrl+B ），這時(shí)，歌詞變成以每個(gè)文字為單位的文本格式。接下來(lái)還需要再進(jìn)行一次分離，再次執(zhí)行【修改】丨【分離】命令（快捷鍵Ctrl+B ），第一句歌詞才徹底被打散，可以看見(jiàn)歌詞文本變成麻麻點(diǎn)的選中狀態(tài)，就和我們平時(shí)繪制的圖形被選中時(shí)一樣的狀態(tài)。說(shuō)明：如果你的歌詞選用的是普通的常見(jiàn)字體，也沒(méi)有其他的一些特殊效果，可以不做分離這步，因?yàn)榉蛛x以后會(huì)增大文件的大小。步驟 2 創(chuàng)建歌詞效

14、果圖層歌詞 1”的編輯場(chǎng)景2】，用鼠標(biāo)右鍵歌詞是單一的顏色，看起來(lái)比較單調(diào)，可以為它加上一些漸變顏色來(lái)做修飾，在 中，用鼠標(biāo)右鍵單擊【圖層 1】的第 1 幀，在彈出菜單中選擇【復(fù)制幀】，新建【圖層單擊【圖層 2】的第 1 幀，在彈出菜單中選擇【粘貼幀】，鎖定【圖層1】步驟 3 設(shè)置歌詞的漸變色執(zhí)行【窗口】丨【設(shè)計(jì)面板】丨【混色器】命令（快捷鍵Shift+F9 ），打開(kāi)【混色器】面板。選擇【線性】漸變填充。根據(jù)作品的主要色調(diào)我們來(lái)選擇三種顏色，在中間添加一個(gè)色標(biāo)，三個(gè)色標(biāo)的顏色從左到右，分別為 “#FFDFF”F 、“#D99EF5” 、“#8321BE”步驟 4 填充漸變色 顏色調(diào)整好后，選擇【顏料桶工具】，單擊歌詞文本，進(jìn)行填充，再選擇【填充變形工具】，旋轉(zhuǎn)漸 變顏色的填充方向?yàn)?90 度。選中【圖層 2】的第一幀，用鍵盤(pán)上的方向鍵，向左下移動(dòng)一個(gè)像素的距離， 這樣做的目的是為了露出下面【圖層 1 】的白色文字的邊線，這樣看起來(lái)有立體感。調(diào)整好的“歌詞 1”以此類推，用上面同樣的方法依次將后面的 13 句歌詞都編輯