中職網(wǎng)頁動(dòng)畫制作項(xiàng)目七耀動(dòng)的文字電子課件（高教版）中職網(wǎng)頁動(dòng)畫制作項(xiàng)目七耀動(dòng)的文字電子課件（高教版）項(xiàng)目七

耀動(dòng)的文字——文本動(dòng)畫的制作

任務(wù)一

文本的制作方法

任務(wù)二制作文本元件

任務(wù)三創(chuàng)建文本的補(bǔ)間動(dòng)畫

任務(wù)四創(chuàng)建文本的遮罩動(dòng)畫

【知識(shí)加油站】

實(shí)戰(zhàn)演練制作喜結(jié)良緣的文本動(dòng)畫

拓展訓(xùn)練導(dǎo)入聲音和制作字幕的方法來制作一個(gè)短小的MTV動(dòng)畫

目錄任務(wù)一文本的制作方法[本任務(wù)目標(biāo)]:掌握文本工具的使用方法和文本屬性的設(shè)置方法。

[本任務(wù)重點(diǎn)]:1.變形文字的制作方法2.漸變文字的制作方法項(xiàng)目任務(wù)上一頁下一頁【開篇語】

上一頁下一頁文字是Flash動(dòng)畫中最基本的要素之一，閃耀舞動(dòng)的文字可以突出主題、烘托氣氛、增強(qiáng)動(dòng)畫效果。此外，F(xiàn)lash中的文字還具有動(dòng)態(tài)和交互的效果，允許文本內(nèi)容隨著動(dòng)畫的推進(jìn)而發(fā)生動(dòng)態(tài)變化，也允許用戶在動(dòng)畫過程中隨時(shí)輸入文本，這些特性使得Flash中的文本使用更加靈活、功能更加強(qiáng)大。本項(xiàng)目以一個(gè)兒童學(xué)習(xí)網(wǎng)站的標(biāo)題動(dòng)畫為實(shí)例，重點(diǎn)介紹了文本工具的使用、文本屬性的設(shè)置和文本動(dòng)畫的制作方法。此外，在知識(shí)加油站里還介紹了在Flash中如何使用導(dǎo)入聲音，以及如何將聲音、文字和畫面結(jié)合制作MTV的方法。項(xiàng)目任務(wù)圖7-1無寬度限制的文本輸入框上一頁下一頁一、輸入文本內(nèi)容在FlashCS4中，使用文本工具可以輸入任何形式的文本。單擊工具面板中的文本工具按鈕,此時(shí)光標(biāo)以圖標(biāo)顯示，在舞臺(tái)中需要輸入文本的位置點(diǎn)擊鼠標(biāo)左鍵，會(huì)出現(xiàn)一個(gè)右上角為圓圈的文本輸入框，在此文本輸入框中輸入的文本沒有寬度限制，文本輸入框的寬度會(huì)隨著輸入文字的增加而增寬，如圖7-1所示。項(xiàng)目任務(wù)如果鼠標(biāo)在舞臺(tái)中不是單擊左鍵，而是拖動(dòng)左鍵生成一個(gè)固定大小的文本輸入框，此時(shí)文本框的右上角顯示為一個(gè)矩形，那么表示該文本輸入框中的文本有寬度限制，超出文本框?qū)挾确秶奈谋緯?huì)自動(dòng)換行，而文本框的寬度不變，如圖7-2所示。如果想改變文本框的寬度，可以用鼠標(biāo)拖動(dòng)文本框四個(gè)角上的調(diào)節(jié)句柄（四個(gè)矩形）。圖7-2有寬度限制的文本輸入框上一頁下一頁項(xiàng)目任務(wù)無寬度限制的文本輸入框和有寬度限制的文本輸入框之間可以自由轉(zhuǎn)換，雙擊有寬度限制文本輸入框右上角的小矩形圖形，可以將它轉(zhuǎn)換為無寬度限制的文本輸入框；同樣將光標(biāo)放置在無寬度限制的文本框的四個(gè)角的調(diào)節(jié)句柄處，拖動(dòng)文本輸入框可以將無寬度限制的文本框轉(zhuǎn)換為有寬度限制的文本框。上一頁下一頁項(xiàng)目任務(wù)二、設(shè)置文本屬性1．設(shè)置文本類型在FlashCS4中，使用文本工具可以創(chuàng)建三種類型的文本，分別為靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。在文本編輯狀態(tài)下，打開如圖7-3所示的“文本工具”屬性面板，在文本類型的下拉列表中可以為文字設(shè)置類型屬性。圖7-3設(shè)置文本類型上一頁下一頁項(xiàng)目任務(wù)（1）【靜態(tài)文本】：系統(tǒng)默認(rèn)的文本類型，在制作動(dòng)畫時(shí)即確定了文本的內(nèi)容和樣式，在動(dòng)畫播放過程中不能再進(jìn)行任何編輯和改變。（2）【動(dòng)態(tài)文本】：該文本類型可以在動(dòng)畫的播放過程中，根據(jù)情況的變化動(dòng)態(tài)更新文本的內(nèi)容與樣式，通常需要在ActionScript腳本代碼的控制下完成操作。（3）【輸入文本】：使用該文本類型，用戶可以在動(dòng)畫播放的過程中，通過表單或調(diào)查表隨時(shí)輸入文本，它也需要ActionScript腳本代碼的配合使用。上一頁下一頁項(xiàng)目任務(wù)2．設(shè)置文本的字符屬性在Flash中選擇輸入文本后，在屬性面板中的【字符】選項(xiàng)可以設(shè)置文本的字符屬性，包括文字的字體、大小、顏色、顯示效果等。屬性面板中的字符選項(xiàng)設(shè)置及設(shè)置后的文本效果如圖7-4所示。圖7-4文本字符屬性的設(shè)置及效果上一頁下一頁項(xiàng)目任務(wù)（1）【系列】：用于設(shè)置文字的字體。如果要用一些特殊字體，可以將字體文件復(fù)制到“C:\Windows\Fonts”下，這樣就能在右側(cè)的下拉列表中顯示這些特殊字體的選項(xiàng)了。（2）【樣式】：用于設(shè)置文字的傾斜、加粗、加粗傾斜樣式。注意只有有限的一些英文字體才能設(shè)置字體的樣式。（3）【大小】：用于設(shè)置文字的大小，在數(shù)值處單擊會(huì)出現(xiàn)文本輸入框，輸入所需的大小數(shù)值即可；也可以將光標(biāo)移動(dòng)到數(shù)值處，在出現(xiàn)形狀圖標(biāo)后，通過左右拖動(dòng)鼠標(biāo)改變文字的大小。越向左拖動(dòng)字體越小，越向右拖動(dòng)字體越大。（4）【字母間距】：用于設(shè)置選擇的文字之間的距離，數(shù)值越大則文字之間的間距越大，反之間距越小。（5）【顏色】：用于設(shè)置選擇文字的字體顏色。（6）【自動(dòng)調(diào)整字距】：此選項(xiàng)用于對(duì)字體的內(nèi)置字距進(jìn)行微調(diào)。（7）【消除鋸齒】：此項(xiàng)用于設(shè)置文本是否采用平滑處理，以及采用什么樣的平滑處理，從而決定文字顯示的清晰程度，一般使用默認(rèn)值即可。上一頁下一頁項(xiàng)目任務(wù)3．設(shè)置文本的段落屬性文本的段落屬性包括段落中文本的對(duì)齊方式、行距、縮進(jìn)、頁邊距、排列等，主要通過屬性面板中的【屬性】選項(xiàng)來設(shè)置。段落選項(xiàng)的設(shè)置及設(shè)置后的文本效果如圖7-5所示。圖7-5文本段落屬性的設(shè)置及效果上一頁下一頁項(xiàng)目任務(wù)（1）【格式】：用于設(shè)置選擇文本的對(duì)齊方式。文字是水平方向時(shí)包括【左對(duì)齊】、【居中對(duì)齊】、【右對(duì)齊】與【兩端對(duì)齊】四個(gè)選項(xiàng)。若文字是垂直方向的，則相應(yīng)選項(xiàng)變?yōu)椤卷攲?duì)齊】、【居中對(duì)齊】、【底對(duì)齊】與【兩端對(duì)齊】。（2）【間距】：包括【縮進(jìn)】和【行距】兩個(gè)參數(shù)項(xiàng)。【縮進(jìn)】用于設(shè)置文本框中首行文字的縮進(jìn)距離；【行距】用于設(shè)置文本框中每行文字之間的行間距。（3）【邊距】：包括【左邊距】和【右邊距】兩個(gè)參數(shù)項(xiàng)。【左邊距】用于設(shè)置文字距離文本左邊框的距離；【右邊距】用于設(shè)置文字距離文本右邊框的距離。（4）【方向】：單擊該按鈕，在彈出的下拉列表中可以選擇文本的方向，有【水平】、【垂直，從左向右】和【垂直，從右向左】3個(gè)選項(xiàng)。上一頁下一頁項(xiàng)目任務(wù)三、美化文本1．為文本添加濾鏡在創(chuàng)建文本并為其設(shè)置各種字符及段落屬性之后，還可以為文本添加濾鏡，制作出陰影、模糊、發(fā)光等效果，使文本更加美觀。文本的濾鏡效果通過屬性面板中的【濾鏡】選項(xiàng)來設(shè)置。濾鏡選項(xiàng)的設(shè)置及設(shè)置后的文本效果如圖7-6所示。上一頁下一頁項(xiàng)目任務(wù)圖7-6文本濾鏡效果的設(shè)置及效果上一頁下一頁項(xiàng)目任務(wù)上一頁下一頁（1）【添加濾鏡】按鈕：單擊該按鈕可將設(shè)置好的濾鏡及其參數(shù)保存起來，以便應(yīng)用于其它對(duì)象。（2）【預(yù)設(shè)】按鈕：單擊該按鈕可以為文字添加濾鏡效果，包括投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色，添加濾鏡后會(huì)出現(xiàn)該濾鏡的相關(guān)屬性，通過對(duì)屬性值的設(shè)置可以獲得不同的效果。Flash中的7種效果可以疊加使用，統(tǒng)一管理?！緞h除全部】是將所有濾鏡效果全都刪除，清空選項(xiàng)列表；【啟用全部】是將所有濾鏡效果全部顯示出來；【禁用全部】是取消所有濾鏡的顯示效果，但并未刪除，執(zhí)行【啟用全部】命令還能將效果顯示出來。項(xiàng)目任務(wù)上一頁下一頁（3）【剪貼板】按鈕：單擊該按鈕，在彈出的列表中選擇【復(fù)制所有】或【復(fù)制全部】命令，可以復(fù)制所選濾鏡或全部濾鏡的參數(shù)和效果；選擇【粘貼】命令可以粘貼剪貼板中的濾鏡參數(shù)和效果。（4）【啟用或禁用濾鏡】按鈕：單擊該按鈕可以啟用或禁用所選的濾鏡效果。（5）【重置濾鏡】按鈕：單擊該按鈕可將所選濾鏡的參數(shù)重置為默認(rèn)值。（6）【刪除濾鏡】按鈕：單擊該按鈕可將所選濾鏡刪除。項(xiàng)目任務(wù)2．制作變形與漸變文字在Flash中創(chuàng)建的文本默認(rèn)情況下是一個(gè)整體，無法對(duì)每一個(gè)文字單獨(dú)進(jìn)行調(diào)整和填充，必須對(duì)文本進(jìn)行分離操作。選中文本后按【Ctrl+B】鍵執(zhí)行分離操作，將文本分離成單個(gè)文字，再按【Ctrl+B】鍵執(zhí)行一次分離操作，可以將文本分離成矢量圖形，如圖7-7所示。圖7-7文本的兩次分離上一頁下一頁項(xiàng)目任務(wù)分離為矢量圖形的文本可以使用【任意變形工具】進(jìn)行變形操作，制作各種異型文字，如圖7-8所示。圖7-8使用變形工具制作的變形文字上一頁下一頁項(xiàng)目任務(wù)此外，文本轉(zhuǎn)換成矢量圖形后，還可以用【顏色面板】中的漸變色進(jìn)行填充，如圖7-9所示。圖7-9使用填充工具制作的漸變文字上一頁項(xiàng)目任務(wù)[本任務(wù)目標(biāo)]:制作文本元件。[本任務(wù)重點(diǎn)]:1、漸變文字的制作方法。2、文字影片剪輯的制作方法。任務(wù)二制作文本元件上一頁下一頁項(xiàng)目任務(wù)一、輸入文本新建一個(gè)Flash文件，命名為“耀動(dòng)的文字”。在舞臺(tái)上使用文本工具輸入文字“兒童快樂課堂”，并設(shè)置文本屬性，系列為迷你簡秀英，大小為50，顏色為橙色（#FF6600）,屬性參數(shù)和文字效果如圖7-10所示。圖7-10文字參數(shù)設(shè)置和效果上一頁下一頁項(xiàng)目任務(wù)二、分離文本選中文字，按【Ctrl+B】鍵執(zhí)行一次分離操作，將文本分離成單個(gè)文字，再按【Ctrl+B】鍵執(zhí)行一次分離操作，將文本分離成矢量圖形，如圖7-11所示。圖7-11文字的兩次分離效果上一頁下一頁項(xiàng)目任務(wù)三、制作漸變文字選中文字的矢量圖形，在顏色面板中類型為線性，左側(cè)顏色為黃色（##FFFF00），右側(cè)顏色為橙色（#FF6600）,漸變色的參數(shù)設(shè)置和文字效果如圖7-12所示。圖7-12漸變填充參數(shù)設(shè)置和填充效果上一頁下一頁項(xiàng)目任務(wù)四、制作“兒”文字的影片剪輯由于制作“兒童快樂課堂”的文本動(dòng)畫需要每一個(gè)字單獨(dú)處理，所以要把每個(gè)字制作成一個(gè)單獨(dú)的元件放在一個(gè)圖層中。矢量圖形和圖形元件都不能添加濾鏡效果，所以要把文字逐個(gè)轉(zhuǎn)換為影片剪輯元件，并為影片剪輯添加投影濾鏡。上一頁下一頁項(xiàng)目任務(wù)首先使用【選擇工具】選中“兒”字，再按【F8】鍵將它轉(zhuǎn)換為元件，元件命名為“兒”，類型為影片剪輯。然后打開屬性面板，單擊左下角“添加濾鏡”按鈕，在菜單中選擇“投影”，為它添加投影濾鏡。投影濾鏡的參數(shù)設(shè)置和效果如圖7-13所示。圖7-13投影濾鏡的參數(shù)設(shè)置和效果上一頁下一頁項(xiàng)目任務(wù)五、制作其它文字的影片剪輯按相同的方法將其它的文字轉(zhuǎn)換為影片剪輯元件，分別命名為“童”、“快”、“樂”、“課”和“堂”。然后選擇“兒”字的實(shí)例對(duì)象，在屬性面板中單擊左下角“剪貼板”按鈕執(zhí)行【復(fù)制全部】命令復(fù)制濾鏡參數(shù)。然后再選擇其它文字，在屬性面板的濾鏡選項(xiàng)中執(zhí)行剪貼板下的【粘貼】命令，來復(fù)制濾鏡參數(shù)，這樣就可以為每一個(gè)文字設(shè)置相同的投影效果。所有文字的投影效果如圖7-14所示。圖7-14投影濾鏡的參數(shù)設(shè)置和效果上一頁項(xiàng)目任務(wù)[本任務(wù)目標(biāo)]:為文字制作動(dòng)畫[本任務(wù)重點(diǎn)]:1、掌握文字移動(dòng)動(dòng)畫制作2、掌握文字旋轉(zhuǎn)動(dòng)畫制作任務(wù)三創(chuàng)建文本的補(bǔ)間動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)一、導(dǎo)入背景圖片新建一個(gè)名為“背景”的圖層，將光盤中“素材與實(shí)例→project07→素材”目錄下的課堂背景.jpg導(dǎo)入到舞臺(tái)。然后執(zhí)行【修改】→【文檔】命令將文件大小改為700（寬）*300（高），參數(shù)設(shè)置如圖7-15所示，單擊“確定”按鈕完成設(shè)置。選擇背景圖，利用屬性面板將圖片調(diào)整為700（寬）*300（高），并與場(chǎng)景對(duì)齊。圖7-15文檔屬性參數(shù)設(shè)置上一頁下一頁項(xiàng)目任務(wù)二、建立文字圖層單擊時(shí)間軸面板左下角的新建文件夾按鈕，新建一個(gè)名為“兒童快樂課堂”的文件夾，再新建六個(gè)圖層分別命名為“兒”、“童”、快”、“樂”、“課”和“堂”。然后將六個(gè)文字的影片剪輯實(shí)例對(duì)象分別剪切下來粘貼到對(duì)應(yīng)的圖層中，并將這六個(gè)圖層拖到文件下，刪除“圖層1”，建立文字圖層如圖7-16所示。上一頁下一頁圖7-16建立文字圖層項(xiàng)目任務(wù)三、制作文字的右移動(dòng)畫1．制作“兒”字的右移動(dòng)畫在背景圖層的第210幀處單擊右鍵執(zhí)行【插入幀】命令，將背景的顯示延長到210幀。然后選中“兒”圖層的第210幀，單擊右鍵執(zhí)行【插入幀】命令，再在第1幀與210幀之間單擊右鍵執(zhí)行【創(chuàng)建補(bǔ)間動(dòng)畫】命令，創(chuàng)建一個(gè)補(bǔ)間動(dòng)畫。然后選擇第1幀中的文字對(duì)象，在屬性面板中設(shè)置參數(shù)x為280，y為90，寬度為64，高度為62，將【色彩效果】選項(xiàng)中樣式下的Alpha值調(diào)整0%。在第15幀處選中文字，將屬性面板中的x值改為345.3，y為55，寬度為52.7，高度為51，Alpha值改為100%，這樣就可以制作出文字的淡入右移動(dòng)畫，如圖7-17所示。上一頁下一頁項(xiàng)目任務(wù)圖7-17“兒”字的淡入右移動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)2．制作“童”字的右移動(dòng)畫按“兒”字淡入右移動(dòng)畫的制作方法，制作“童”字的淡入右移動(dòng)畫。將“童”圖層中的第1幀移動(dòng)到第15幀，選中文字并設(shè)置屬性參數(shù)x為342，y為107，寬度為62，高度為58，Alpha為0%。在第30幀處插入幀，選中文字并修改屬性參數(shù)x為400，y為53，寬度為53，高度為54，Alpha為100%，在15幀到30幀之間創(chuàng)建補(bǔ)間動(dòng)畫，最后在第210幀處插入幀，將動(dòng)畫延長到210幀，如圖7-18所示。上一頁下一頁項(xiàng)目任務(wù)圖7-18“童”字的淡入右移動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)四、制作文字的旋轉(zhuǎn)動(dòng)畫1．制作“快”字的旋轉(zhuǎn)動(dòng)畫將“快”圖層中的第1幀移動(dòng)到第38幀，選中文字，設(shè)置屬性參數(shù)x為453，y為53，寬度為51，高度為47，Alpha為0%。在第65幀處插入幀，選中文字，并修改屬性參數(shù)Alpha為100%，在35幀到65幀之間創(chuàng)建補(bǔ)間動(dòng)畫，在屬性面板中設(shè)置補(bǔ)間動(dòng)畫為順時(shí)針旋轉(zhuǎn)1次，如圖7-19所示。最后在第210幀處插入幀，將動(dòng)畫延長到210幀，如圖7-20所示。上一頁下一頁項(xiàng)目任務(wù)圖7-19補(bǔ)間動(dòng)畫的旋轉(zhuǎn)設(shè)置上一頁下一頁項(xiàng)目任務(wù)圖7-20“快”字的順時(shí)針旋轉(zhuǎn)動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)2．制作“樂”字的旋轉(zhuǎn)動(dòng)畫按照“快”字旋轉(zhuǎn)動(dòng)畫的方法制作“樂”字的旋轉(zhuǎn)動(dòng)畫，動(dòng)畫從第65幀開始到第90幀結(jié)束，逆時(shí)針旋轉(zhuǎn)1次，并延長到第210幀。其中第65幀的屬性參數(shù)x為505，y為55.5，寬度為44.5，高度為45.4，Alpha為0%。第90幀處修改屬性參數(shù)Alpha為100%，如圖7-21所示。上一頁下一頁項(xiàng)目任務(wù)圖7-21“樂”字的逆時(shí)針旋轉(zhuǎn)動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)五、制作文字的左移動(dòng)畫1．制作“課”字的左移動(dòng)畫按照前面介紹的制作右移動(dòng)畫的方法，給“課”“堂”兩個(gè)圖層制作左移動(dòng)畫?！罢n”圖層的左移補(bǔ)間動(dòng)畫從第90幀到第105幀。第90幀的屬性參數(shù)x為590，y為70，寬度為64，高度為62，Alpha為0%。第105幀修改屬性參數(shù)x為555，y為55.5，寬度為54，高度為52，Alpha為100%。最后給圖層的第210幀處插入幀以延長畫面，如圖7-22所示。上一頁下一頁項(xiàng)目任務(wù)圖7-22“課”字的左移動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)2．制作“堂”字的左移動(dòng)畫在“堂”圖層的第120幀處插入幀，再在第1幀與第120幀之間創(chuàng)建補(bǔ)間動(dòng)畫，然后將第1幀拖動(dòng)到第105幀。第105幀的屬性參數(shù)x為640，y為90，寬度為64，高度為62，Alpha為0%。第120幀修改屬性參數(shù)x為610，y為52，寬度為54，高度為52，Alpha為100%。最后給圖層的第210幀處插入幀以延長畫面，如圖7-23所示。上一頁下一頁項(xiàng)目任務(wù)圖7-23“堂”字的左移動(dòng)畫上一頁項(xiàng)目任務(wù)[本任務(wù)目標(biāo)]:運(yùn)用遮罩動(dòng)畫制作特效文本[本任務(wù)重點(diǎn)]:

發(fā)光濾鏡的應(yīng)用任務(wù)四創(chuàng)建文本的遮罩動(dòng)畫上一頁下一頁項(xiàng)目任務(wù)一、編輯“與你共同成長”的文字在文件夾上方新建一個(gè)名為“與你共同成長”的圖層，使用【文本工具】輸入文字“與你共同成長”，然后設(shè)置文字屬性，系列為華康海報(bào)體，大小為27，顏色為粉色（#FF9999），文本的屬性參數(shù)設(shè)置和文本效果如圖7-24所示。圖7-24文本參數(shù)設(shè)置和效果上一頁下一頁項(xiàng)目任務(wù)二、制作文字發(fā)光動(dòng)畫在圖層的第150幀處插入關(guān)鍵幀，選中文本對(duì)象，在【屬性面板】中為文字添加發(fā)光濾鏡，設(shè)置發(fā)光參數(shù)如圖7-25所示。圖7-25第150幀處的濾鏡參數(shù)上一頁下一頁項(xiàng)目任務(wù)再在第165幀處插入關(guān)鍵幀，將文本對(duì)象的發(fā)光濾鏡的參數(shù)修改為圖7-26所示的數(shù)值，然后在150到165幀之間創(chuàng)建傳統(tǒng)補(bǔ)間。圖7-26第165幀處的濾鏡參數(shù)上一頁下一頁項(xiàng)目任務(wù)最后在第180幀處插入關(guān)鍵幀，將文本對(duì)象的發(fā)光濾鏡的參數(shù)修改為圖7-27所示的數(shù)值，然后在165到180幀之間創(chuàng)建傳統(tǒng)補(bǔ)間。圖7-27第180幀處的濾鏡參數(shù)上一頁下一頁項(xiàng)目任務(wù)完成文字的發(fā)光動(dòng)畫效果如圖7-28所示。圖7-28文字發(fā)光動(dòng)畫效果和時(shí)間軸上一頁下一頁項(xiàng)目任務(wù)三、制作文字遮罩動(dòng)畫在“與你共同成長”圖層上新建一個(gè)名為“遮罩”的圖層，使用【矩形工具】在文字的左側(cè)繪制一個(gè)能完全覆蓋文字的無筆觸的矩形，矩形的填充色可以為任意顏色，因?yàn)檎谡謭D層的填充色會(huì)被忽略。在第125幀和150幀處插入關(guān)鍵幀，然后將第150幀處的矩形移到文字的上方蓋住文字，在第125幀到第150幀之間創(chuàng)建傳統(tǒng)補(bǔ)間。最后選中遮罩圖層，單擊右鍵執(zhí)行【遮罩】命令，將遮罩圖層轉(zhuǎn)換為遮罩層，將與你共同成長圖層轉(zhuǎn)換為被遮罩層，遮罩文字動(dòng)畫效果如圖7-29所示。上一頁下一頁項(xiàng)目任務(wù)圖7-29文字的遮罩動(dòng)畫效果和時(shí)間軸上一頁項(xiàng)目任務(wù)【知識(shí)加油站】動(dòng)畫中的聲音上一頁下一頁項(xiàng)目任務(wù)一、在動(dòng)畫中應(yīng)用聲音在Flash動(dòng)畫中恰當(dāng)?shù)丶由下曇裟苁箘?dòng)畫更加生動(dòng)。Flash導(dǎo)入聲音的格式有多種，不僅可以導(dǎo)入常用的MP3、WAV格式的聲音文件，如果系統(tǒng)安裝了QuickTime4或更高版本，還可以導(dǎo)入一些附加的聲音文件格式。1．導(dǎo)入聲音在Flash動(dòng)畫中導(dǎo)入聲音的方法很簡單，執(zhí)行【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】或者【導(dǎo)入到庫】命令，然后在彈出的“導(dǎo)入”或“導(dǎo)入到庫”對(duì)話框中雙擊需要導(dǎo)入的聲音文件，即可將選擇的聲音文件導(dǎo)入到當(dāng)前文檔的庫面板中。注意無論使用哪種方法導(dǎo)入聲音，只能將聲音導(dǎo)入到Flash的庫中，而不能直接導(dǎo)入到舞臺(tái)中。上一頁下一頁項(xiàng)目任務(wù)如果想要將導(dǎo)入庫中的聲音文件應(yīng)用在Flash文檔中，只需要將庫中的聲音文件拖到舞臺(tái)中，即可將該聲音添加到當(dāng)前圖層中。添加聲音后，在時(shí)間軸面板的當(dāng)前圖層中會(huì)出現(xiàn)聲音的音軌，以波形的形式顯示。在文檔中添加聲音時(shí)需要注意以下幾點(diǎn)：（1）最好在一個(gè)單獨(dú)的圖層上放置聲音，將聲音與動(dòng)畫內(nèi)容分開，便于對(duì)它們分別進(jìn)行管理。（2）聲音必須添加在關(guān)鍵幀或空白關(guān)鍵幀上。（3）如果要在一個(gè)動(dòng)畫文檔中添加多個(gè)聲音文件時(shí)，最好一個(gè)聲音放在一個(gè)獨(dú)立的圖層上以便于管理。除了可以導(dǎo)入聲音文件外，F(xiàn)lashCS4在公用庫中還提供了多種用作效果的聲音文件。執(zhí)行【窗口】→【公用庫】→【聲音】命令，打開聲音公用庫，將要使用的聲音從庫中拖到舞臺(tái)上即可。上一頁下一頁項(xiàng)目任務(wù)

2．添加、刪除及切換聲音為文檔添加聲音文件后，可以在幀的屬性面板中對(duì)聲音進(jìn)行設(shè)置。選擇“聲音”圖層的任意一幀，然后在【聲音】選項(xiàng)中單擊名稱右側(cè)的按鈕，打開如圖7-30所示的下拉列表，選擇“無”，則會(huì)將該幀處添加的聲音刪除。選擇所要添加的聲音文件即可在將該聲音文件添加到當(dāng)前文檔中。如果該文檔中包括多個(gè)聲音，選擇不同的聲音文件，可以進(jìn)行各個(gè)聲音的切換。圖7-30在屬性面板中改變聲音文件上一頁下一頁項(xiàng)目任務(wù)

3．添加聲音效果在【幀屬性面板】中還能為聲音添加不同的聲音效果，包括淡入、淡出、左右聲道的不同播放等，使之更符合動(dòng)畫的要求。選擇聲音圖層的任意一幀，然后在屬性面板中的【聲音】選項(xiàng)中，單擊效果右側(cè)按鈕，在彈出的下拉列表中添加聲音特效，如圖7-31所示。圖7-31在屬性面板中添加聲音效果上一頁下一頁項(xiàng)目任務(wù)

（1）【無】：選擇該項(xiàng)不對(duì)聲音應(yīng)用效果，也可以將以前添加了的特效刪除。（2）【左聲道】|【右聲道】：選擇該項(xiàng)，只在左聲道或右聲道中播放聲音。（3）【向右淡出】|【向左淡出】：選擇該項(xiàng)，會(huì)將聲音從一個(gè)聲道切換到另一個(gè)聲道。（4）【淡入】：選擇該項(xiàng)，在聲音的持續(xù)時(shí)間內(nèi)逐漸增加音量。（5）【淡出】：選擇該項(xiàng)，在聲音的持續(xù)時(shí)間內(nèi)逐漸減小音量。（6）【自定義】：選擇該項(xiàng)可以根據(jù)自己的需要自定義編輯聲音的效果。上一頁下一頁項(xiàng)目任務(wù)

二、根據(jù)聲音制作動(dòng)畫和添加字幕在Flash中無論是制作MTV、動(dòng)畫短片還是多媒體課件，都需要在動(dòng)畫中配上聲音，并且根據(jù)聲音添加字幕。下面就介紹一下為動(dòng)畫配上聲音、添加字幕的方法。上一頁下一頁項(xiàng)目任務(wù)1．計(jì)算聲音長度制作音樂動(dòng)畫時(shí)，需要先添加歌曲，然后根據(jù)音樂的節(jié)奏和長度來安排動(dòng)畫內(nèi)容和添加字幕。將音樂的文件從庫中拖到舞臺(tái)上后，在圖層中會(huì)出現(xiàn)聲音的完整波形，這時(shí)就可以知道聲音占用的幀數(shù)樂。然后將動(dòng)畫其它圖層也在音樂結(jié)束幀處插入幀來延長畫面。2．制作字幕元件制作聲音的字幕時(shí)，為了保證添加時(shí)字幕的位置統(tǒng)一，以及能為字幕添加一些特效，可以應(yīng)每一句歌詞都制作成影片剪輯元件。并根據(jù)自己的喜好來設(shè)置文字的字體、字號(hào)和顏色和濾鏡效果等屬性，以使字幕更加美觀。3．添加字幕元件根據(jù)音樂內(nèi)容和動(dòng)畫要求的不同，字幕的形式也有所不同，有的字幕可以隨著畫面的內(nèi)容放置在任何地方，也有些字幕要求必須在畫面的同一位置。這樣為了保證位置的統(tǒng)一，可以采用交換元件的方法來放置字幕元件。上一頁項(xiàng)目任務(wù)實(shí)戰(zhàn)演練制作喜結(jié)良緣的文本動(dòng)畫[本任務(wù)目標(biāo)]:運(yùn)用所學(xué)知識(shí)制作一個(gè)文本動(dòng)畫

。[本任務(wù)重點(diǎn)]:1.遮罩效果的運(yùn)用。上一頁下一頁項(xiàng)目任務(wù)利用前面學(xué)習(xí)過的文本的編輯方法與文本動(dòng)畫的制作方法來制作喜結(jié)良緣的文本動(dòng)畫。其步驟參考如下：1．新建一個(gè)Flash文檔，起名為“喜結(jié)良緣.fla”。將文檔的尺寸改為寬度600像素，高度445像素。將光盤中“素材與實(shí)例→project07→素材”目錄下的喜結(jié)良緣.jpg圖片導(dǎo)入到舞臺(tái)，默認(rèn)圖層改名為“背景”。在屬性面板中修改背景圖片的尺寸同樣為600*445并與場(chǎng)景對(duì)齊。如圖7-32所示。上一頁下一頁項(xiàng)目任務(wù)圖7-32導(dǎo)入背景圖片上一頁下一頁項(xiàng)目任務(wù)2.新建一個(gè)名為“內(nèi)容”的圖形元件，選擇【橢圓工具】，在【顏色面板】中設(shè)置筆觸類型為無，設(shè)置填充類型為放射狀，將漸變顏色區(qū)域的由左至右分別設(shè)置為“#000000、#111916、#EBEBEB”，Alpha參數(shù)從左到右依次為設(shè)為“100%、40%、0%”，在舞臺(tái)上繪制一個(gè)正圓。參數(shù)設(shè)置與效果如圖7-33所示。圖7-33灰色圓的填充色設(shè)置與圖形效果上一頁下一頁項(xiàng)目任務(wù)3.再新建一個(gè)圖層，使用【橢圓工具】，按前面設(shè)置好的參數(shù)繪制一個(gè)正圓，再用【任意變形工具】調(diào)整為合適的形狀和大小。按照同樣的方法再新建幾個(gè)圖層至“圖層8”，在每個(gè)圖層繪制形態(tài)不同的橢圓形，如圖7-34所示。圖7-34繪制多個(gè)橢圓圖形上一頁下一頁項(xiàng)目任務(wù)4.在“圖層2”上新建“圖層9”，在【顏色面板】中設(shè)置筆觸類型為無，設(shè)置填充類型為放射狀，漸變顏色區(qū)域最左邊設(shè)為黃綠色（#ACBB81），Alpha參數(shù)從左到右依次設(shè)為“100%、30%、0%”，然后在舞臺(tái)上的相應(yīng)位置上繪制一個(gè)正圓。參數(shù)設(shè)置與效果如圖7-35所示。圖7-35黃綠圓的填充色設(shè)置與圖形效果上一頁下一頁項(xiàng)目任務(wù)5.在“圖層9”上新建“圖層10”，在【顏色面板】中設(shè)置筆觸類型為無，設(shè)置填充類型為放射狀，漸變顏色從左到右依次設(shè)為（#33664D）、（#333366）、（#ACBB81），Alpha參數(shù)從左到右依次為設(shè)為100%、40%、30%，然后在舞臺(tái)上相應(yīng)位置上繪制一個(gè)正圓，參數(shù)設(shè)置與效果如圖7-36所示。圖7-36藍(lán)綠圓的填充色設(shè)置與圖形效果上一頁下一頁項(xiàng)目任務(wù)6.在“圖層10”上新建“圖層11”，在【顏色面板】中設(shè)置筆觸類型為無，設(shè)置填充類型為放射狀，漸變顏色從左到右依次設(shè)為（#33664D）、（#ACBB81）、（#ACBB81），Alpha參數(shù)從左到右依次為設(shè)為100%、40%、30%，然后在舞臺(tái)上相應(yīng)位置上繪制一個(gè)正圓。參數(shù)設(shè)置與效果如圖7-37所示。圖7-37青綠圓的填充色設(shè)置與圖形效果上一頁下一頁項(xiàng)目任務(wù)7．新建一個(gè)名為“夢(mèng)幻字體”的圖形元件，將默認(rèn)圖層改名為“內(nèi)容”，從庫中將內(nèi)容元件拖入到舞臺(tái)并移至合適的位置上。再新建一個(gè)名為“字體”的圖層，用文本工具輸入文字“喜結(jié)良緣”，在屬性面板中設(shè)置字符系列為“迷你繁啟體”，大小為50點(diǎn)，顏色為深紅色（#990000）。如圖7-38所示。8．選中文字對(duì)象，執(zhí)行兩次分離操作，將整體文字打散為形狀，如圖7-39所示。圖7-38喜結(jié)良緣文字效果上一頁下一頁圖7-39打散的文字效果項(xiàng)目任務(wù)9．在“內(nèi)容”和“字體”圖層的第200幀處插入幀以延長畫面，選中“內(nèi)容”圖層的第1幀，將“內(nèi)容”元件對(duì)象移至文字的左面，在第100幀處插入關(guān)鍵幀，將“內(nèi)容”元件移至文字的右面。在第150幀處插入關(guān)鍵幀，將“內(nèi)容”元件移至文字的位置，在第200幀處插入關(guān)鍵幀，將“內(nèi)容”元件移再至文字的左面，然后分別創(chuàng)建三段傳統(tǒng)補(bǔ)間動(dòng)畫。再選中“字體”圖層，單擊右鍵選擇【遮罩層】，將“字體”圖層轉(zhuǎn)換為遮罩層，將“內(nèi)容”圖層轉(zhuǎn)換為被遮罩層。這樣“夢(mèng)幻字體”的特效就制作完成了。效果及時(shí)間軸如圖7-40所示。圖7-40遮罩動(dòng)畫時(shí)間軸及移動(dòng)位置上一頁下一頁項(xiàng)目任務(wù)10．新建一個(gè)名為“welcome模糊”的影片剪輯元件。使用文本工具輸入文字“welcome”。在【屬性面板】中設(shè)置字符系列為OneFellSwoop，大小為65點(diǎn)，顏色為粉色（#FF9999）。單擊【屬性面板】濾鏡項(xiàng)目左下角“添加濾鏡”按鈕，在菜單中選擇“漸變斜角”，參數(shù)設(shè)置和文字效果如圖7-41所示。圖7-41遮罩動(dòng)畫時(shí)間軸及移動(dòng)位置上一頁下一頁項(xiàng)目任務(wù)11．用【選擇工具】選中“welcome”文字，執(zhí)行分離操作，再單擊右鍵執(zhí)行【分散到圖層】命令，“welcome”文字被分散到7個(gè)不同的圖層中，圖層名自動(dòng)為“w、e、l、c、o、m、e”，刪掉默認(rèn)圖層1，再延長所有圖層到第100幀的位置。選中“w”圖層的第1幀上字母，在【屬性面板】中修改文字位置x為-145，y為-144，濾鏡中選擇模糊效果，參數(shù)如圖7-42（a)所示。在“w”圖層的第10幀處插入關(guān)鍵幀，選中字母，在屬性面板中修改文字位置x為-168.5，y為-111,濾鏡中的模糊效果參數(shù)如圖7-42（b)所示。最后在第1至10幀之間創(chuàng)建一個(gè)傳統(tǒng)補(bǔ)間動(dòng)畫。（a）第1幀中濾鏡的參數(shù)設(shè)置（b）第10幀中濾鏡的參數(shù)設(shè)置圖7-42文字濾鏡設(shè)置上一頁下一頁項(xiàng)目任務(wù)12．按照“w”圖層制作動(dòng)畫的方法制作其它字母的動(dòng)畫效果。其參數(shù)設(shè)置如下：（1）“e”圖層動(dòng)畫從第5幀到第15幀。第5幀中參數(shù)x為-57.8，y為-144，濾鏡參數(shù)如圖7-42（a)所示。第15幀中參數(shù)x為-31.3，y為-111，濾鏡參數(shù)如圖7-42（b)所示。（2）“l(fā)”圖層動(dòng)畫從第10幀到第20幀。第10幀中參數(shù)x為-27.3，y為-144，濾鏡參數(shù)如圖7-42（a)所示。第20幀中參數(shù)x為-11.8，y為-111，濾鏡參數(shù)如圖7-42（b)所示。（3）“c”圖層動(dòng)畫從第15幀到第25幀。第15幀中參數(shù)x為-2.4，y為-144，濾鏡參數(shù)如圖7-42（a)所示。第25幀中參數(shù)x為-6.7，y為-111，濾鏡參數(shù)如圖7-42（b)所示。上一頁下一頁項(xiàng)目任務(wù)（4）“o”圖層動(dòng)畫從第20幀到第30幀。第20幀中參數(shù)x為21.3，y為-144，濾鏡參數(shù)如圖7-42（a)所示。第30幀中參數(shù)x為-25.8，y為-111，濾鏡參數(shù)如圖7-42（b)所示。（5）“m”圖層動(dòng)畫從第25幀到第35幀。第25幀中參數(shù)x為55，y為-144，濾鏡參數(shù)如圖7-42（a)所示。第35幀中參數(shù)x為49，y為-111，濾鏡參數(shù)如圖7-42（b)所示。（6）第二個(gè)“e”圖層動(dòng)畫從第30幀到第40幀。第30幀中參數(shù)x為160，y為-144，濾鏡參數(shù)如圖7-42（a)所示。第40幀中參數(shù)x為90，y為-111，濾鏡參數(shù)如圖7-42（b)所示。上一頁下一頁項(xiàng)目任務(wù)這樣文字的模糊特效就制作完成了，時(shí)間軸和動(dòng)畫過程如圖7-43所示。圖7-43動(dòng)畫過程及時(shí)間軸上一頁下一頁項(xiàng)目任務(wù)13．返回場(chǎng)景1，在“背景”圖層上分別新建“夢(mèng)幻字體”和“welcome”兩個(gè)圖層。在“背景”圖層第250幀處插入幀。選擇“夢(mèng)幻字體”圖層，將庫中的夢(mèng)幻字體元件拖入舞臺(tái)中的合適位置，并將圖層延長至第200幀。最后選擇“welcome”圖層，在第200幀處插入關(guān)鍵幀，將庫中的welcome模糊元件拖入舞臺(tái)中的合適位置上，并將圖層延長至第250幀。時(shí)間軸如圖7-44所示。動(dòng)畫效果如圖7-45所示。圖7-44主場(chǎng)景文字位置及時(shí)間軸上一頁下一頁項(xiàng)目任務(wù)圖7-45文字動(dòng)畫效果上一頁項(xiàng)目任務(wù)拓展訓(xùn)練制作一個(gè)短小的MTV動(dòng)畫[本任務(wù)目標(biāo)]:綜合運(yùn)用所學(xué)知識(shí)制作一個(gè)短小的MTV動(dòng)畫。[本任務(wù)重點(diǎn)]:利用聲音和文字的補(bǔ)間動(dòng)畫制作一個(gè)MTV動(dòng)畫。上一頁下一頁項(xiàng)目任務(wù)利用前面學(xué)習(xí)過的導(dǎo)入聲音和制作字幕的方法來制作一個(gè)短小的MTV動(dòng)畫。其步驟參考如下：1．新建一個(gè)名為搖籃曲MTV的Flash文件，修改文檔屬性，寬度為550像素，長度為400像素，幀頻為12fps（減緩幀速以配合音樂）。將光盤中“素材與實(shí)例→project07→素材”目錄下的“背景1.jpg”圖片導(dǎo)入到舞臺(tái)（不導(dǎo)入序列中的所有圖像），默認(rèn)圖層改名為“背景1”。選中導(dǎo)入的圖像，在【屬性面板】中修改背景1圖片的尺寸同樣為550*400，并與場(chǎng)景對(duì)齊。2．在“背景1”圖層上新建一個(gè)名為“音樂”的圖層。執(zhí)行【文件】→【導(dǎo)入】→【導(dǎo)入到庫】命令，將光盤中“素材與實(shí)例→project07→素材”目錄下的“搖籃曲MP3.mp3”導(dǎo)入到庫。選中“音樂”圖層，將庫中的“搖籃曲MP3.mp3”音樂文件拖入舞臺(tái)。根據(jù)歌曲的長度可以確定動(dòng)畫的長度為380幀（歌曲時(shí)長（秒）*幀頻），在“音樂”圖層380幀處插入幀，此時(shí)在時(shí)間軸上會(huì)出現(xiàn)淺紫色的聲波，如圖7-46所示。上一頁下一頁項(xiàng)目任務(wù)圖7-46導(dǎo)入背景音樂上一頁下一頁項(xiàng)目任務(wù)3．將“背景1”圖層中的圖片轉(zhuǎn)換為圖形元件，然后在第380幀處插入幀來延長畫面。在第80幀和第110幀處插入關(guān)鍵幀，將第110幀中，選中圖片，設(shè)置Alpha屬性值設(shè)為0%，，然后創(chuàng)建第80幀到第110幀之間的傳統(tǒng)補(bǔ)間動(dòng)畫，完成背景1圖片的淡出效果，如圖7-47所示。圖7-47背景1的淡出動(dòng)畫效果和時(shí)間軸上一頁下一頁項(xiàng)目任務(wù)4．在“背景1”圖層上新建一個(gè)名為“背景2”的圖層，將同目錄下“背景2”圖片導(dǎo)入舞臺(tái)并轉(zhuǎn)換為圖形元件，調(diào)整為舞臺(tái)大小，再將畫面延長到380幀。選中第1幀單擊鼠標(biāo)向右拖動(dòng)到第100幀處，選中圖片將Alpha屬性值設(shè)為0%。在第130幀處插入關(guān)鍵幀，將Alpha屬性值改為100%。在第150幀處插入關(guān)鍵幀，屬性參數(shù)不變，在第200幀處插入關(guān)鍵幀，再把Alpha屬性值改為0%。然后分別創(chuàng)建第100幀到第130幀和第150幀到第200幀之間的兩段傳統(tǒng)補(bǔ)間動(dòng)畫，實(shí)現(xiàn)“背景2”圖片的淡入和淡出動(dòng)畫效果，時(shí)間軸如圖7-48所示。圖7-48背景2淡入淡出動(dòng)畫的時(shí)間軸上一頁下一頁項(xiàng)目任務(wù)5．在“背景2”圖層上新建一個(gè)名為“背景3”的圖層，將同目錄下“背景3”圖片導(dǎo)入舞臺(tái)并轉(zhuǎn)換為圖形元件，再將畫面延長到380幀。選中第1幀單擊鼠標(biāo)向右拖動(dòng)到第190幀處，選中圖片將Alpha屬性值設(shè)為0%。在第220幀處插入關(guān)鍵幀，將Alpha屬性值改為100%。在第240幀處插入關(guān)鍵幀，屬性參數(shù)不變，在第285幀處插入關(guān)鍵幀，再把Alpha屬性值改為0%。然后分別創(chuàng)建第190幀到第220幀和第240幀到第285幀之間的兩段傳統(tǒng)補(bǔ)間動(dòng)畫，實(shí)現(xiàn)“背景3”圖片的淡入和淡出動(dòng)畫效果，時(shí)間軸如圖7-49