FLASH制作中歌詞與音樂的同步教程

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

2、MTV的過程中圖層逐漸增多能便于識別。在制作MTV的過程中要養(yǎng)成按照內(nèi)容來更改圖層名稱的好習(xí)慣。步驟2將音樂導(dǎo)入到Flash中執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令，彈出【導(dǎo)入到庫】對話框。在【導(dǎo)入到庫】對話框中選擇要導(dǎo)入的聲音文件“xzl.mp3”，單擊【打開】按鈕，將聲音導(dǎo)入到【庫】中【庫】面板中的音樂說明：導(dǎo)入的聲音最初并不出現(xiàn)在時間軸上，既使執(zhí)行【文件】丨【導(dǎo)入】丨【導(dǎo)入到場景】命令，音樂文件也是出現(xiàn)在【庫】中的，這里我們采用了【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令，需要時可以隨時在【庫】中調(diào)用這個聲音文件。步驟4將音樂文件導(dǎo)入到場景中選中【音樂】圖層的第一幀，在【屬性】面板中打開【聲

3、音】下拉菜單,選擇剛導(dǎo)入的“xzl.mp3”,【屬性檢查器】選擇音樂在【屬性】面板選擇了“xzl.mp3”以后，音樂就被導(dǎo)入到場景，【音樂】圖層的第一幀出現(xiàn)一條表示聲波的小橫線。說明：還有一種將音樂文件導(dǎo)入到場景中的方法，選定要添加音樂圖層的幀后，將聲音從【庫】面板中拖到舞臺上釋放鼠標(biāo)，聲音就添加到了當(dāng)前層中。（2）計算和查看音樂長度的方法步驟1直接計算音樂的長度要計算音樂的長度（所占幀數(shù)），首先應(yīng)該知道音樂的播放時間，選擇【音樂】圖層第1幀，打開【屬性】面板就可以看到相應(yīng)的信息，音樂文件的相關(guān)信息我們在新建文件的時候，將動畫的播放速度采用默認(rèn)的設(shè)置【幀頻】：12fps/s，即每秒播放12幀。

4、通過上面的信息提示知道音樂文件“xzl.mp3”的時間為205.1s（秒），那么可以用計算的方法算出播放完整音樂所需的幀數(shù)：12X205.1=2461.2,取整數(shù)值為2461幀。選擇【音樂】圖層的第2460幀，按F5鍵，延伸幀，使音樂能在時間軸上播放完，延伸幀步驟2在【編輯封套】面板中查看音樂長度上面是通過計算的方法算出音樂的長度，還有一種方法是通過【編輯封套】面板來查看音樂的長度。選中【音樂】圖層的第一幀，打開【屬性】面板，單擊【編輯】按鈕，彈出【編輯封套】對話框。在【封套編輯】對話框的最下方有一組按鈕，最右邊的按鈕為【幀】按鈕，按下它后，能使音樂以幀為單位的方式顯示。拖動下面的滾動條到最右

5、邊，單擊【縮小】按鈕，如圖13-2-9所示。其中灰白交界的地方為音樂的長度。我們選擇了以幀為單位顯示，音樂的長度就是音樂持續(xù)的幀數(shù)，本例中“xzl.mp3”幀數(shù)為“2461幀”查看音樂長度的幀數(shù)步驟3聲音全部顯示在時間軸上單擊【確定】按鈕，回到場景1，逐步增加【音樂】圖層中的幀，直到圖層的幀數(shù)為“2461幀”，這樣，【音樂】圖層上的幀數(shù)與音樂的長度就一致了。完成后【音樂】圖層上出現(xiàn)長長的音樂波形，如圖13-2-10所示。聲音的波形2.流類型的音樂設(shè)置FlashMTV以音樂襯托畫面,在制作FlashMTV的時候,非常重要的一點就是要音樂和歌詞以及我們所做的動畫效果同步顯示，這樣才符合MTV最基本

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

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

8、為【數(shù)據(jù)流】【數(shù)據(jù)流】同步的設(shè)置3.歌詞與音樂同步的方法u選擇了數(shù)據(jù)流的同步方法，流類型聲音就設(shè)置好了，接下來就要給音樂加上歌詞，為做動畫做好準(zhǔn)備。在加歌詞之前首先要確定每句歌詞的位置，然后制作歌詞元件，最后把做好的歌詞元件添加到音樂層出現(xiàn)歌詞的時間幀上，擺放到合適的位置，這樣就完成了音樂的設(shè)置。下面我們來學(xué)習(xí)具體的方法和步驟。（1）標(biāo)識歌詞的位置步驟1建立歌詞標(biāo)記圖層單擊【插入圖層】按鈕，新建【圖層2】，重新命名為【歌詞標(biāo)記】圖層添加歌詞標(biāo)記圖層步驟2定義第一句的幀注釋標(biāo)記拖動“播放頭”到第1幀的位置，按鍵盤上的回車鍵，音樂開始播放了。當(dāng)聽到開始唱第一句歌詞時，再按一下鍵盤上的回車鍵，音樂停

9、止播放。我們看見紅色的播放頭停止在第550幀處，選中【歌詞標(biāo)記】圖層的第550幀，按鍵盤上的F6鍵，插入一個關(guān)鍵幀。保持第550幀處于被選中狀態(tài)，打開【屬性】面板，在【幀標(biāo)簽】中輸入“第一句”三個字輸入幀標(biāo)簽打開【標(biāo)簽類型】下拉菜單，選擇【注釋】。說明：幀標(biāo)簽的【標(biāo)簽類型】有3種類型，【名稱】標(biāo)識時間軸中的關(guān)鍵幀的名稱，在動作腳本中定位幀時，使用幀的名稱；【錨記】可以使用瀏覽器中的“前進(jìn)”和“后退”按鈕從一個幀跳到另一個幀，或是從一個場景跳到另一個場景，從而使得Flash動畫的導(dǎo)航變得簡單；將文檔發(fā)布為SWF文件時文件內(nèi)部會包括幀名稱和幀錨記的標(biāo)識信息，文件的體積會相應(yīng)地增大?！咀⑨尅款愋偷膸?/p>

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

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

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

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

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

15、l+B），這時，歌詞變成以每個文字為單位的文本格式圖13-2-22歌詞文本的第一次分離接下來還需要再進(jìn)行一次分離，再次執(zhí)行【修改】丨【分離】命令（快捷鍵Ctrl+B），第一句歌詞才徹底被打散，可以看見歌詞文本變成麻麻點的選中狀態(tài)，就和我們平時繪制的圖形被選中時一樣的狀態(tài)歌詞文本的徹底分離說明：如果你的歌詞選用的是普通的常見字體，也沒有其他的一些特殊效果，可以不做分離這步，因為分離以后會增大文件的大小。步驟2創(chuàng)建歌詞效果圖層歌詞是單一的顏色，看起來比較單調(diào)，可以為它加上一些漸變顏色來做修飾，在“歌詞1”的編輯場景中，用鼠標(biāo)右鍵單擊【圖層1】的第1幀，在彈出菜單中選擇【復(fù)制幀】，新建【圖層2】，用

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