FLASH制作中歌詞與音樂(lè)的同步教程

1、FLASH制作中歌詞與音樂(lè)的同步教程我們以一首歌為實(shí)例，來(lái)學(xué)習(xí)如何把選好的音樂(lè)文件導(dǎo)入到Flash中，掌握在Flash中編輯音樂(lè)的方法以及歌詞與音樂(lè)同步的方法。這些是完成FlashMTV的重要環(huán)節(jié)之一，也是FlashMTV之旅的第一站。1.音樂(lè)的導(dǎo)入和編輯首先我們把選好的音樂(lè)導(dǎo)入到Flash中，這是一首MP3格式的音樂(lè)（文件路徑：/“xzl.mp3”）（1）音樂(lè)的導(dǎo)入Flash的步驟步驟1創(chuàng)建音樂(lè)圖層新建一個(gè)Flash文檔，在【屬性】面板中設(shè)置【背景】為藍(lán)色（#0066FF）。將【圖層1】重新命名為“音樂(lè)”。我們將把音樂(lè)“xzl.mp3”放置在該圖層上。說(shuō)明：改變圖層的名稱(chēng)是為了避免以后在制作

2、MTV的過(guò)程中圖層逐漸增多能便于識(shí)別。在制作MTV的過(guò)程中要養(yǎng)成按照內(nèi)容來(lái)更改圖層名稱(chēng)的好習(xí)慣。步驟2將音樂(lè)導(dǎo)入到Flash中執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到庫(kù)】命令，彈出【導(dǎo)入到庫(kù)】對(duì)話框。在【導(dǎo)入到庫(kù)】對(duì)話框中選擇要導(dǎo)入的聲音文件“xzl.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è)聲音文件。步驟4將音樂(lè)文件導(dǎo)入到場(chǎng)景中選中【音樂(lè)】圖層的第一幀，在【屬性】面板中打開(kāi)【聲

3、音】下拉菜單,選擇剛導(dǎo)入的“xzl.mp3”,【屬性檢查器】選擇音樂(lè)在【屬性】面板選擇了“xzl.mp3”以后，音樂(lè)就被導(dǎo)入到場(chǎng)景，【音樂(lè)】圖層的第一幀出現(xiàn)一條表示聲波的小橫線。說(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幀。

4、通過(guò)上面的信息提示知道音樂(lè)文件“xzl.mp3”的時(shí)間為205.1s（秒），那么可以用計(jì)算的方法算出播放完整音樂(lè)所需的幀數(shù)：12X205.1=2461.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)條到最右

5、邊，單擊【縮小】按鈕，如圖13-2-9所示。其中灰白交界的地方為音樂(lè)的長(zhǎng)度。我們選擇了以幀為單位顯示，音樂(lè)的長(zhǎng)度就是音樂(lè)持續(xù)的幀數(shù)，本例中“xzl.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è)波形，如圖13-2-10所示。聲音的波形2.流類(lèi)型的音樂(lè)設(shè)置FlashMTV以音樂(lè)襯托畫(huà)面,在制作FlashMTV的時(shí)候,非常重要的一點(diǎn)就是要音樂(lè)和歌詞以及我們所做的動(dòng)畫(huà)效果同步顯示，這樣才符合MTV最基本

6、的要求。這就要用到“流類(lèi)型”的音樂(lè)設(shè)置,下面我們來(lái)學(xué)習(xí)流類(lèi)型聲音設(shè)置方法。（1）聲音同步類(lèi)型特征分析選中【音樂(lè)】圖層的第1幀,打開(kāi)【屬性】面板。打開(kāi)【同步】下拉菜單,在菜單中有四種同步類(lèi)型：【事件】、【開(kāi)始】、【停止】和【數(shù)據(jù)流】這些知識(shí)我們已經(jīng)在第五章的第一節(jié)中詳細(xì)介紹了,這里不再贅述。聲音同步的四種選項(xiàng)（2）為什么MTV作品要用流類(lèi)型聲音【數(shù)據(jù)流】同步音樂(lè)的方法,它所起的作用是播放動(dòng)畫(huà)的同時(shí),與動(dòng)畫(huà)對(duì)應(yīng)的聲音也同時(shí)播放。當(dāng)發(fā)布影片時(shí)，音頻流混合在一起的，是Flash強(qiáng)制動(dòng)畫(huà)和音頻流同步，而且音頻流的播放時(shí)間絕對(duì)不會(huì)比幀播放的時(shí)間長(zhǎng)。FlashMTV以音樂(lè)或歌詞貫穿全部作品，以圖形解釋音樂(lè)，

7、以音樂(lè)襯托畫(huà)面，是視覺(jué)和聽(tīng)覺(jué)雙重方式向觀眾表達(dá)作者創(chuàng)作的主題。因此在用Flash制作MTV時(shí)，一定要使用流類(lèi)型的聲音設(shè)置，只有這樣做才可以使聲音文件和MTV的動(dòng)畫(huà)播放同步，畫(huà)面與音樂(lè)結(jié)合得更緊密。選擇流類(lèi)型聲音分布類(lèi)型，音樂(lè)文件的播放是以流的方式分布在動(dòng)畫(huà)對(duì)應(yīng)的幀中，聲音文件與和它相對(duì)應(yīng)的動(dòng)畫(huà)播放是完全同步的，如果動(dòng)畫(huà)結(jié)束，聲音的播放也會(huì)結(jié)束。有些初學(xué)者忽略了流類(lèi)型聲音分布的重要性，在本地測(cè)試時(shí)候還是同步的，但是發(fā)布到網(wǎng)上觀看時(shí)出現(xiàn)畫(huà)面和聲音的不同步現(xiàn)象，這就是在FlashMTV中一定要選擇流類(lèi)型聲音分布的重要原因。（3）設(shè)置流類(lèi)型聲音方法選中【音樂(lè)】圖層的第1幀，在【屬性】面板中選擇【同步】

8、為【數(shù)據(jù)流】【數(shù)據(jù)流】同步的設(shè)置3.歌詞與音樂(lè)同步的方法u選擇了數(shù)據(jù)流的同步方法，流類(lèi)型聲音就設(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定義第一句的幀注釋標(biāo)記拖動(dòng)“播放頭”到第1幀的位置，按鍵盤(pán)上的回車(chē)鍵，音樂(lè)開(kāi)始播放了。當(dāng)聽(tīng)到開(kāi)始唱第一句歌詞時(shí)，再按一下鍵盤(pán)上的回車(chē)鍵，音樂(lè)停

9、止播放。我們看見(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)簽類(lèi)型】下拉菜單，選擇【注釋】。說(shuō)明：幀標(biāo)簽的【標(biāo)簽類(lèi)型】有3種類(lèi)型，【名稱(chēng)】標(biāo)識(shí)時(shí)間軸中的關(guān)鍵幀的名稱(chēng)，在動(dòng)作腳本中定位幀時(shí)，使用幀的名稱(chēng)；【錨記】可以使用瀏覽器中的“前進(jìn)”和“后退”按鈕從一個(gè)幀跳到另一個(gè)幀，或是從一個(gè)場(chǎng)景跳到另一個(gè)場(chǎng)景，從而使得Flash動(dòng)畫(huà)的導(dǎo)航變得簡(jiǎn)單；將文檔發(fā)布為SWF文件時(shí)文件內(nèi)部會(huì)包括幀名稱(chēng)和幀錨記的標(biāo)識(shí)信息，文件的體積會(huì)相應(yīng)地增大?！咀⑨尅款?lèi)型的幀

10、標(biāo)簽，只對(duì)所選中的關(guān)鍵幀加以注釋和說(shuō)明，文件發(fā)布為Flash影片時(shí)不包含幀注釋的標(biāo)識(shí)信息，不會(huì)增大導(dǎo)出SWF文件的大小。所以我們采用了【注釋】類(lèi)型的幀標(biāo)簽來(lái)給歌詞加上標(biāo)記。步驟3完成其它歌詞的幀注釋標(biāo)記第一句歌詞起始位置的“幀注釋”標(biāo)記添加完成后，再按鍵盤(pán)上的回車(chē)鍵，繼續(xù)播放音樂(lè)，用同樣方法在所有歌詞的起始位置加上幀“注釋”，直到整個(gè)歌曲的所有歌詞添加完畢。所有的歌詞標(biāo)記加好以后從頭再聽(tīng)一遍，對(duì)于不夠準(zhǔn)確的幀【注釋】可以選中加上“注釋”的關(guān)鍵幀，拖動(dòng)到合適準(zhǔn)確的位置上即可。加上幀“注釋”以后，關(guān)鍵幀上出現(xiàn)兩條綠色的小斜線和注釋文字，效果如圖13-2-15所示?？蓞⒁?jiàn)配套光盤(pán)中的“歌詞與音樂(lè)同步

11、fla”文件。定義幀注釋標(biāo)記（2）歌詞的制作與設(shè)置同步的方法和步驟步驟1創(chuàng)建歌詞圖形元件執(zhí)行【插入】|【新建元件】命令（快捷鍵Ctrl+F8），新建【名稱(chēng)】為“歌詞1”的【圖形】元件。步驟2設(shè)置歌詞文本屬性進(jìn)入“歌詞1”圖形元件的編輯場(chǎng)景，選擇【文本工具】，在舞臺(tái)上單擊鼠標(biāo)，打開(kāi)【屬性】面板，設(shè)置文本類(lèi)型為【靜態(tài)文本】，字體選擇【隸書(shū)】，字體大小為“24”，字體顏色為白色，按下加粗按鈕。步驟3輸入歌詞內(nèi)容并對(duì)齊在舞臺(tái)上輸入第一句歌詞“雪花飄，飄起了多少愛(ài)戀”。單擊【選擇工具】，選中舞臺(tái)上的歌詞文本，按快捷鍵Ctrl+K,打開(kāi)【對(duì)齊】面板，按下【相對(duì)于舞臺(tái)】按鈕，再分別單擊【水平中齊】和【垂直中

12、齊】按鈕，使歌詞顯示在舞臺(tái)中央處，這樣做便于我們?cè)诩尤敫柙~時(shí)，歌詞在相同的位置上，平時(shí)在制作元件時(shí)也應(yīng)該養(yǎng)成對(duì)齊中心的好習(xí)慣。輸入歌詞和對(duì)齊歌詞以此類(lèi)推，用同樣的方法依次制作出整首歌的14句歌詞。這首歌一共有16句歌詞，其中有兩句是一樣的，在第一段和第二段中出現(xiàn)過(guò)兩次，只做一個(gè)就可以了，可以在第一段和第二段調(diào)用同樣的歌詞，這樣做可以減少文件的大小。步驟4添加第一句歌詞文本切換到場(chǎng)景1，單擊【插入圖層】按鈕，新建【圖層3】，重新命名為“歌詞”。把播放頭定位到標(biāo)記為“第一句”的幀，選中【歌詞】圖層上與其相同的幀，按快捷鍵F6,插入一個(gè)關(guān)鍵幀。將【庫(kù)】中的“歌詞1”元件拖放到舞臺(tái)合適的地方第一句歌詞

13、的加入步驟5全部歌詞同步的方法第一句歌詞加好以后，拖動(dòng)播放頭到【歌詞標(biāo)記】圖層的“第二句”的幀標(biāo)記處，選中【歌詞】圖層上與其相同的幀，按快捷鍵F6,插入一個(gè)關(guān)鍵幀。這時(shí)【舞臺(tái)】上依然顯示的是第一句歌詞的內(nèi)容。單擊舞臺(tái)上的“歌詞1”實(shí)例，打開(kāi)【屬性】面板，在【屬性】面板的中間有個(gè)【交換】按鈕【屬性檢查器】面板的【交換】按鈕單擊【交換】按鈕，打開(kāi)【交換元件】對(duì)話框，可以看見(jiàn)剛才做的所有的歌詞元件都在這個(gè)對(duì)話框中，選中“歌詞2”，單擊【確定】【交換元件】對(duì)話框單擊【確定】按鈕以后，【舞臺(tái)】上原來(lái)的“歌詞1”已經(jīng)被替換成“歌詞2”元件實(shí)例了，位置則與“歌詞1”相同將第二句歌詞添加到舞臺(tái)以此類(lèi)推，用上面

14、同樣的方法依次將后面的14句歌詞替換到舞臺(tái)上。整首歌的全部歌詞文本元件在幾分鐘之內(nèi)就全部同步導(dǎo)入，這是一種簡(jiǎn)單快捷的辦法。（3）歌詞文本的特殊效果根據(jù)作品的風(fēng)格需要，我們常常需要一些特殊的字體來(lái)做歌詞的文本，如果瀏覽者的電腦中沒(méi)有安裝你選擇的字體，那么在觀看你的作品時(shí)就會(huì)看見(jiàn)是系統(tǒng)默認(rèn)的字體，這樣會(huì)影響作品的效果。解決這個(gè)問(wèn)題的方法是將歌詞文本打散成圖形。文本文件轉(zhuǎn)變成圖形以后，我們就可以按照編輯圖形方法來(lái)進(jìn)行編輯，如設(shè)置成帶有漸變顏色的歌詞效果。步驟1分離歌詞文本打開(kāi)【庫(kù)】面板，雙擊【庫(kù)】面板中的“歌詞1”元件，進(jìn)入“歌詞1”元件的編輯狀態(tài)。選中歌詞，執(zhí)行【修改】丨【分離】命令（快捷鍵Ctr

15、l+B），這時(shí)，歌詞變成以每個(gè)文字為單位的文本格式圖13-2-22歌詞文本的第一次分離接下來(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)建歌詞效果圖層歌詞是單一的顏色，看起來(lái)比較單調(diào)，可以為它加上一些漸變顏色來(lái)做修飾，在“歌詞1”的編輯場(chǎng)景中，用鼠標(biāo)右鍵單擊【圖層1】的第1幀，在彈出菜單中選擇【復(fù)制幀】，新建【圖層2】，用

16、鼠標(biāo)右鍵單擊【圖層2】的第1幀，在彈出菜單中選擇【粘貼幀】，鎖定【圖層1】鎖定的圖層結(jié)構(gòu)步驟3設(shè)置歌詞的漸變色執(zhí)行【窗口】丨【設(shè)計(jì)面板】丨【混色器】命令（快捷鍵Shift+F9）,打開(kāi)【混色器】面板。選擇【線性】漸變填充。根據(jù)作品的主要色調(diào)我們來(lái)選擇三種顏色，在中間添加一個(gè)色標(biāo)，三個(gè)色標(biāo)的顏色從左到右，分別為“#FFDFFF”、“#D99EF5”、“#8321BE”顏色設(shè)置步驟4填充漸變色顏色調(diào)整好后，選擇【顏料桶工具】，單擊歌詞文本，進(jìn)行填充，再選擇【填充變形工具】，旋轉(zhuǎn)漸變顏色的填充方向?yàn)?0度。選中【圖層2】的第一幀，用鍵盤(pán)上的方向鍵，向左下移動(dòng)一個(gè)像素的距離，這樣做的目的是為了露出下面【圖層1】的白色文字的邊線，這樣看起來(lái)有立體感。調(diào)整好的“歌詞1”效果。填充并設(shè)置歌詞效果以此類(lèi)推，用上面同樣的方法依次將后面的13句歌詞都編輯成同樣的效果。步驟5歌詞的淡出效果處理回到場(chǎng)景1,選中【歌詞】圖層上第二句歌詞出現(xiàn)前10幀（第655幀），按F6鍵，插入一個(gè)關(guān)鍵幀。選中舞臺(tái)上的“歌詞1”實(shí)例，在【屬性】面板中打開(kāi)【顏色】下