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

1、FLASH制作中歌詞與音樂的同步教程我們以一首歌為實(shí)例，來學(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)建音樂圖層新建一個(gè)Flash文檔，在【屬性】面板中設(shè)置【背景】為藍(lán)色（#0066FF）。將【圖層1】重新命名為“音樂”。我們將把音樂“xzl.mp3”放置在該圖層上。說明：改變圖層的名稱是為了避免以后在制作

2、MTV的過程中圖層逐漸增多能便于識(shí)別。在制作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)在時(shí)間軸上，既使執(zhí)行【文件】丨【導(dǎo)入】丨【導(dǎo)入到場景】命令，音樂文件也是出現(xiàn)在【庫】中的，這里我們采用了【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令，需要時(shí)可以隨時(shí)在【庫】中調(diào)用這個(gè)聲音文件。步驟4將音樂文件導(dǎo)入到場景中選中【音樂】圖層的第一幀，在【屬性】面板中打開【聲

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

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

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

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

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

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

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

10、標(biāo)簽，只對所選中的關(guān)鍵幀加以注釋和說明，文件發(fā)布為Flash影片時(shí)不包含幀注釋的標(biāo)識(shí)信息，不會(huì)增大導(dǎo)出SWF文件的大小。所以我們采用了【注釋】類型的幀標(biāo)簽來給歌詞加上標(biāo)記。步驟3完成其它歌詞的幀注釋標(biāo)記第一句歌詞起始位置的“幀注釋”標(biāo)記添加完成后，再按鍵盤上的回車鍵，繼續(xù)播放音樂，用同樣方法在所有歌詞的起始位置加上幀“注釋”，直到整個(gè)歌曲的所有歌詞添加完畢。所有的歌詞標(biāo)記加好以后從頭再聽一遍，對于不夠準(zhǔn)確的幀【注釋】可以選中加上“注釋”的關(guān)鍵幀，拖動(dòng)到合適準(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”圖形元件的編輯場景，選擇【文本工具】，在舞臺(tái)上單擊鼠標(biāo)，打開【屬性】面板，設(shè)置文本類型為【靜態(tài)文本】，字體選擇【隸書】，字體大小為“24”，字體顏色為白色，按下加粗按鈕。步驟3輸入歌詞內(nèi)容并對齊在舞臺(tái)上輸入第一句歌詞“雪花飄，飄起了多少愛戀”。單擊【選擇工具】，選中舞臺(tái)上的歌詞文本，按快捷鍵Ctrl+K,打開【對齊】面板，按下【相對于舞臺(tái)】按鈕，再分別單擊【水平中齊】和【垂直中

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

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

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

15、l+B），這時(shí)，歌詞變成以每個(gè)文字為單位的文本格式圖13-2-22歌詞文本的第一次分離接下來還需要再進(jìn)行一次分離，再次執(zhí)行【修改】丨【分離】命令（快捷鍵Ctrl+B），第一句歌詞才徹底被打散，可以看見歌詞文本變成麻麻點(diǎn)的選中狀態(tài)，就和我們平時(shí)繪制的圖形被選中時(shí)一樣的狀態(tài)歌詞文本的徹底分離說明：如果你的歌詞選用的是普通的常見字體，也沒有其他的一些特殊效果，可以不做分離這步，因?yàn)榉蛛x以后會(huì)增大文件的大小。步驟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è)計(jì)面板】丨【混色器】命令（快捷鍵Shift+F9）,打開【混色器】面板。選擇【線性】漸變填充。根據(jù)作品的主要色調(diào)我們來選擇三種顏色，在中間添加一個(gè)色標(biāo)，三個(gè)色標(biāo)的顏色從左到右，分別為“#FFDFFF”、“#D99EF5”、“#8321BE”顏色設(shè)置步驟4填充漸變色顏色調(diào)整好后，選擇【顏料桶工具】，單擊歌詞文本，進(jìn)行填充，再選擇【填充變形工具】，旋轉(zhuǎn)漸變顏色的填充方向?yàn)?0度。選中【圖層2】的第一幀，用鍵盤上的方向鍵，向左下移動(dòng)一個(gè)像素的距離，這樣做的目的是為了露出下面【圖層1】的白色文字的邊線，這樣看起來有立體感。調(diào)整好的“歌詞1”效果。填充并設(shè)置歌詞效果以此類推，用上面同樣的方法依次將后面的13句歌詞都編輯成同樣的效果。步驟5歌詞的淡出效果處理回到場景1,選中【歌詞】圖層上第二句歌詞出現(xiàn)前10幀（第655幀），按F6鍵，插入一個(gè)關(guān)鍵幀。選中舞臺(tái)上的“歌詞1”實(shí)例，在【屬性】面板中打開【顏色】下