第三章動(dòng)畫(huà)基礎(chǔ)

1、第三章 動(dòng)畫(huà)基礎(chǔ)第五節(jié)遮罩動(dòng)畫(huà)知識(shí)提要 將線條轉(zhuǎn)化為填充 創(chuàng)建遮罩動(dòng)畫(huà) 使用變形面板學(xué)習(xí)使用【橡皮擦工具】中的“水籠頭”工具和擦除線條制作步驟（1）創(chuàng)建影片文檔步驟1設(shè)置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后，單擊【確定】按鈕，新建一個(gè)影片文檔，在【屬性】面板上設(shè)置文件大小為400×400像素，【背景色】為黑色（在教程中，我們?yōu)榱烁玫仫@示場(chǎng)景中的內(nèi)容，設(shè)置背景色為#003333），如圖3-5-3所示。圖3-5-3 文檔【屬性】面板步驟2 設(shè)置背景圖層選擇工具箱中的【矩形工具】，在場(chǎng)景中繪制出一個(gè)400×400像素的無(wú)邊

2、正方形，用【放射狀】漸變色進(jìn)行填充，如圖3-5-4所示。圖3-5-4 無(wú)邊矩形及混色器設(shè)置（2）創(chuàng)建元件步驟1 創(chuàng)建“閃光線條”元件 執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“閃光線條”。選擇工具箱中的【線條工具】，設(shè)置【筆觸顏色】為黃色，在場(chǎng)景中畫(huà)一條直線，具體參數(shù)設(shè)置如圖3-5-5所示。圖3-5-5 閃光線條的【屬性】面板參數(shù)設(shè)置步驟2 創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“閃光線條組合”，如圖3-5-6所示。-圖3-5-6 創(chuàng)建閃光線條元件從庫(kù)中將名為“閃光線條”的元件拖入新元件編輯場(chǎng)景中，在【屬性】面板中，設(shè)置【X】為-200

3、，【Y】為20。單擊工具箱中的【任意變形工具】，此時(shí)元件實(shí)例的中心會(huì)出現(xiàn)一個(gè)小白點(diǎn)，它就是對(duì)象的“變形點(diǎn)”，用鼠標(biāo)左鍵按住它，拖到場(chǎng)景的中心“+”處松手。圖3-5-7中顯示的是“變形點(diǎn)”在元件中心時(shí)的狀態(tài)，和“變形點(diǎn)”已拖到場(chǎng)景中心時(shí)的狀態(tài)。圖3-5-7 變形點(diǎn)所處的不同位置執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】命令，打開(kāi)【變形】面板，選中【旋轉(zhuǎn)】，角度為15度，連續(xù)單擊【復(fù)制并應(yīng)用變形】按鈕，在場(chǎng)景中復(fù)制出的效果如圖3-5-8所示。圖3-5-8 【變形】面板及復(fù)制完后的效果前面已經(jīng)提到了，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為

4、“填充”，所以我們應(yīng)該將線條轉(zhuǎn)換為填充形狀。在時(shí)間軸的關(guān)鍵幀上單擊一下，選中全部圖形，執(zhí)行【修改】|【分離】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】命令，將線條轉(zhuǎn)變?yōu)樾螤?。步驟3 創(chuàng)建“閃光”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“閃光”，如圖3-5-9所示。圖3-5-9 創(chuàng)建“閃光”元件單擊【確定】后進(jìn)入新元件編輯場(chǎng)景，接著把庫(kù)里名為“閃光線條組合”的元件拖到場(chǎng)景中，使元件實(shí)例的中心點(diǎn)對(duì)齊場(chǎng)景中的“+”符號(hào)。在第30幀處加關(guān)鍵幀，用鼠標(biāo)右鍵單擊第1幀，在彈出的菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，切換到【屬性】面板，設(shè)置【旋轉(zhuǎn)】為【順時(shí)針】，旋轉(zhuǎn)一周。新增

5、一個(gè)圖層，選中第1幀，執(zhí)行【編輯】|【粘貼到當(dāng)前位置】命令，使兩圖層中的“閃光線條組合”實(shí)例完全重合，執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令，讓復(fù)制過(guò)來(lái)的線條和第一層中的線條方向相反，在場(chǎng)景中形成交叉的圖形。選中第30幀，按F6鍵，新增一個(gè)關(guān)鍵幀，用鼠標(biāo)右鍵單擊第1幀，選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，建立動(dòng)作補(bǔ)間動(dòng)畫(huà)，在【屬性】面板中，設(shè)置【旋轉(zhuǎn)】為逆時(shí)針旋轉(zhuǎn)一周，最后將此層設(shè)為遮罩層，用鼠標(biāo)右鍵單擊靠上的圖層，選擇【遮罩層】，如圖3-5-10所示。圖中顯示的是“閃光”元件的時(shí)間軸面板和各圖層中的動(dòng)畫(huà)設(shè)置。（a） 創(chuàng)建遮罩后的【時(shí)間軸】面板-(b) 被遮罩層中的圖形（c）遮罩圖層中的圖形（d）兩個(gè)圖層

6、重合后的效果圖3-5-10“閃光”元件編輯界面步驟4 創(chuàng)建“紅星”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“紅星”。我們要在這個(gè)元件中畫(huà)一個(gè)漂亮的紅星，為了畫(huà)好紅星，我們分九步來(lái)敘述具體的畫(huà)法，圖3-5-11中的“1-9”的數(shù)字表示這九個(gè)步驟。圖3-5-11 紅星的九步畫(huà)法第一步，按住Shift鍵，從場(chǎng)景中心向上畫(huà)一根黃色的線條，如圖3-5-11中的“1”所示。第二步，選擇工具箱中的【任意變形工具】,在畫(huà)好的線條上單擊一下，這里，線條的中心出現(xiàn)一個(gè)白色的小圓點(diǎn)，我們叫它“變形點(diǎn)”，如圖3-5-11中的“2”所示。第三步，用鼠標(biāo)左鍵按住變形點(diǎn)，拖到線條的最下端，這是因?yàn)槲覀円?/p>

7、讓線條以下端為中心旋轉(zhuǎn)復(fù)制，如圖3-5-11中的“3”所示。第四步，執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】，打開(kāi)【變形】面板，各參數(shù)設(shè)置如圖3-5-12。按下【復(fù)制并應(yīng)用變形】按鈕四次，就會(huì)在場(chǎng)景中每隔72度復(fù)制出一條線條，五條線條的頂端構(gòu)成五角星的五個(gè)頂點(diǎn)，如圖3-5-11中的“4”所示。圖3-5-12 【變形】面板第五步，用綠色線條分別連接五條線條的頂端，五角星的模樣已經(jīng)出來(lái)了，如圖3-5-11中的“5”所示。第六步，用白色線條分別連接五角星中心和上一步連線的交叉點(diǎn)，如圖3-5-11中的“6”所示。第七步，選擇工具箱中的【橡皮擦工具】，在工具箱下面的【選項(xiàng)】中選擇【水龍頭】工具，在多余的線段

8、上單擊一下，按Delete鍵，刪除線段，修整好的五角星如圖3-5-11中的“7”所示。第八步，選擇工具欄上的【填充色】，在打開(kāi)的【調(diào)色器】面板中，用【拾色器】拾取由紅到黑的放射狀漸變色，從左到右兩個(gè)填充色塊的顏色值分別為：#FF0000、#000000，如圖3-5-13所示。圖3-5-13 設(shè)置五角星的填充顏色用【顏料桶工具】給五角星上色，再用【填充變形工具】調(diào)整每個(gè)角的顏色范圍，使之略有區(qū)別，增加立體感，如圖3-5-11中的“8”所示。第九步，再選擇【橡皮擦工具】，單擊【選項(xiàng)】下的按鈕，選擇【擦除線條】項(xiàng)（選擇后，會(huì)在“擦除線條”的左邊出現(xiàn)一個(gè)小勾），如圖3-5-14所示。圖3-5-14 擦

9、除線條用【橡皮擦工具】擦去紅星上的線條，一顆漂亮的紅星就繪制出來(lái)了，如圖3-2-11中的“9”所示。技巧：在Flash MX 2004中，還可以用更簡(jiǎn)單的方法繪制出紅星，單擊工具箱中【矩形工具】按鈕下方的小黑三角形，在下拉菜單中選擇【多角星形工具】。在【屬性】面板上設(shè)置，單擊按鈕，彈出【工具設(shè)置】對(duì)話框，參數(shù)設(shè)置如圖3-5-15所示。圖3-5-15 多角星形工具選項(xiàng)設(shè)置面板-設(shè)置完后，單擊【確定】按鈕，在場(chǎng)景中拖動(dòng)鼠標(biāo)，就會(huì)畫(huà)出一個(gè)五角星的形狀來(lái)。步驟5 導(dǎo)入音樂(lè)文件新建一層，執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到庫(kù)】命令，將配套光盤(pán)中的名為“sound1.mp3”的音樂(lè)文件導(dǎo)入到庫(kù)中（“sound

10、1.mp3”文件位置：光盤(pán)examplepart3*音樂(lè)sound1.mp3）。（3）創(chuàng)建動(dòng)畫(huà)回到主場(chǎng)景1中，新增三個(gè)圖層，把“閃光”元件拖入第二層中，“紅星”元件拖入到第三層中，在場(chǎng)景的下方輸入白色的“閃客啟航電影制片廠”文字，把聲音拖入到第四層中，完成后的時(shí)間軸面板與場(chǎng)景如圖3-5-16所示。圖3-5-16 時(shí)間軸及場(chǎng)景選中第四層的第一幀，在【屬性】面板中，設(shè)置【同步】為【事件】，如圖3-5-17所示。圖3-5-17 聲音【屬性】面板按快捷鍵Ctrl+Enter快捷鍵，測(cè)試動(dòng)畫(huà)。此時(shí)，你欣賞著自己親手做的“閃閃紅星”動(dòng)畫(huà)，心中再回想一下“遮罩”在動(dòng)畫(huà)中的作用，是否已經(jīng)感受到“遮罩”這一功能

11、的神奇？好吧，趁著興致正濃，我們?cè)儆谜谡謥?lái)做一個(gè)文字效果。5. 實(shí)例2要學(xué)做閃客實(shí)例簡(jiǎn)介“嗖”，伴著這聲音，一道白光迅速掠過(guò)一排文字，這是我們經(jīng)常在廣告和電視中看到的效果，如圖3-5-18所示。你想不想知道它們是怎么制作出來(lái)的呢？其實(shí)很簡(jiǎn)單，利用前面學(xué)過(guò)的知識(shí)就可輕易地做出這個(gè)效果，下面，讓我們動(dòng)手試一試。本例源文件：“我要學(xué)做閃客.fla”，在光盤(pán)相關(guān)目錄下。圖3-5-18 本例運(yùn)行效果知識(shí)要點(diǎn)  字體的二次打散  將字體轉(zhuǎn)為形狀  創(chuàng)建遮罩動(dòng)畫(huà)（1）創(chuàng)建影片文檔執(zhí)行【文件】|【新建】命令，在彈出的對(duì)話框中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后，單擊【確定】按鈕

12、，新建一個(gè)影片文檔，在【屬性】面板上設(shè)置文件大小為550×400像素，【背景色】為黑色（在教程中，我們?yōu)榱烁玫仫@示場(chǎng)景中的內(nèi)容，背景色設(shè)為了深綠色）,如圖3-5-19所示。圖3-5-19 文檔屬性（2）創(chuàng)建元件步驟1 創(chuàng)建“我要學(xué)做閃客”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“我要學(xué)做閃客”。單擊工具箱中的【文字工具】，在場(chǎng)景中輸入“我要學(xué)做閃客”六個(gè)字，在【屬性】面板中，設(shè)置文字參數(shù)如圖3-5-20所示。圖3-5-20 “我要學(xué)做閃客”文字選中字體，執(zhí)行【修改】|【分離】命令二次，把字體打散，再選擇【顏料桶工具】，把字體中心填充成紅色。各個(gè)步驟的文字效果如圖

13、3-5-21所示。圖3-5-21 文字效果步驟2 創(chuàng)建“輝光”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“輝光”。執(zhí)行【窗口】|【設(shè)計(jì)面板】|【混色器】命令，打開(kāi)【混色器】面板，設(shè)置【填充樣式】為線性，將三個(gè)色標(biāo)全部設(shè)置為白色，第一和第三個(gè)的【Alpha】值為零，中間的為74%（你可按需設(shè)置），設(shè)置完后，在場(chǎng)景中畫(huà)一個(gè)無(wú)邊矩形，大小為40×230，如圖3-5-22所示。圖3-5-22 【混色器】面板和圖形步驟3 導(dǎo)入音樂(lè)文件執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到庫(kù)】命令，將配套光盤(pán)中的名為“sound2.mp3”的音樂(lè)文件導(dǎo)入到庫(kù)中（“sound2.mp3”文件位置：光盤(pán)

14、examplepart3*音樂(lè)sound2.mp3）。（4）創(chuàng)建動(dòng)畫(huà)單擊時(shí)間軸右上角的【場(chǎng)景1】按鈕，切換到主場(chǎng)景。本例的主場(chǎng)景1中共有四個(gè)圖層，我們從下向上一層一層的做，可參看圖3-5-25所示。步驟1 創(chuàng)建【底層文字】層將【圖層1】重新命名為【底層文字】。從庫(kù)里把“我要學(xué)做閃客”的元件拖到場(chǎng)景中，在第60幀處添加普通幀，這一層起顯示文字的作用。步驟2 創(chuàng)建被遮罩層新建一個(gè)【輝光】圖層，從庫(kù)里把“輝光”元件拖到場(chǎng)景中，放在“我要學(xué)做閃客”元件實(shí)例的左邊。選擇工具欄上的【任意變形工具】，單擊【選項(xiàng)】中的【旋轉(zhuǎn)與傾斜】按鈕，將鼠標(biāo)放在“輝光”元件實(shí)例的任意一個(gè)角，拖動(dòng)鼠標(biāo)旋轉(zhuǎn)一定有角度，使“輝光

15、”元件實(shí)例產(chǎn)生一定的傾斜度。在第30、60幀處添加關(guān)鍵幀，在第30幀處把“輝光”元件實(shí)例拖到“我要學(xué)做閃客”元件實(shí)例的右邊，在第1幀和第30幀處建立動(dòng)作補(bǔ)間動(dòng)畫(huà)，如圖3-5-23所示。圖3-5-23 “輝光”元件在場(chǎng)景中的位置步驟3 創(chuàng)建遮罩層新建一個(gè)【遮罩層】圖層，復(fù)制【底層文字】層的第一幀中的元件實(shí)例，選擇【遮罩層】的第1幀，執(zhí)行【編輯】|【粘貼到當(dāng)前位置】命令，用鼠標(biāo)右鍵單擊【遮罩層】，選擇【遮罩層】，設(shè)置此層為遮罩層，這一層的作用是用字體做遮罩元素，用它來(lái)控制輝光在場(chǎng)景中出現(xiàn)的大小和位置。步驟4 設(shè)置聲音新增一個(gè)【聲音層】圖層，在第1、30幀處添加關(guān)鍵幀，在【屬性】面板上設(shè)置聲音選項(xiàng)，

16、如圖3-5-24所示。圖3-5-24 聲音設(shè)置至此，我們就已經(jīng)創(chuàng)建好了“我要學(xué)做閃客”這個(gè)動(dòng)畫(huà)，時(shí)間軸面板如圖3-5-25所示。圖3-5-25 時(shí)間軸面板上的圖層說(shuō)明：為了增強(qiáng)動(dòng)畫(huà)實(shí)例效果，實(shí)例中加入了一些聲音效果，關(guān)于將聲音導(dǎo)入Flash及應(yīng)用聲音的詳細(xì)方法，請(qǐng)你參考本書(shū)第五章的相關(guān)內(nèi)容第六節(jié)引導(dǎo)路徑動(dòng)畫(huà)在前面幾節(jié)里，我們已經(jīng)給大家介紹了一些動(dòng)畫(huà)效果，如飛機(jī)從山峰上飛過(guò)、輝光掠過(guò)文字等等，不知你注意到?jīng)]有，這些動(dòng)畫(huà)的運(yùn)動(dòng)軌跡都是直線的，可是在生活中，有很多運(yùn)動(dòng)是弧線或不規(guī)則的，如月亮圍繞地球旋轉(zhuǎn)、魚(yú)兒在大海里遨游等，在Flash中能不能做出這種效果呢？答案是肯定的，這就是“引導(dǎo)路徑動(dòng)畫(huà)”。將

17、一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫(huà)形式被稱(chēng)為“引導(dǎo)路徑動(dòng)畫(huà)”。這種動(dòng)畫(huà)可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則運(yùn)動(dòng)。1創(chuàng)建引導(dǎo)路徑動(dòng)畫(huà)的方法（1）創(chuàng)建引導(dǎo)層和被引導(dǎo)層一個(gè)最基本“引導(dǎo)路徑動(dòng)畫(huà)”由兩個(gè)圖層組成，上面一層是“引導(dǎo)層”，它的圖層圖標(biāo)為，下面一層是“被引導(dǎo)層”，圖標(biāo)為，同普通圖層一樣。在普通圖層上單擊時(shí)間軸面板中的【添加運(yùn)動(dòng)引導(dǎo)層】按鈕，該層的上面就會(huì)添加一個(gè)引導(dǎo)層，同時(shí)該普通層縮進(jìn)成為“被引導(dǎo)層”，如圖3-6-1所示。圖3-6-1 引導(dǎo)路徑動(dòng)畫(huà)（2）引導(dǎo)層和被引導(dǎo)層中的對(duì)象引導(dǎo)層是用來(lái)指示元件運(yùn)行路徑的，所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條

18、、橢圓工具、矩形工具或畫(huà)筆工具等繪制出的線段。而“被引導(dǎo)層”中的對(duì)象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應(yīng)用形狀。由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡，不難想象，“被引導(dǎo)”層中最常用的動(dòng)畫(huà)形式是動(dòng)作補(bǔ)間動(dòng)畫(huà)，當(dāng)播放動(dòng)畫(huà)時(shí)，一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。（3）向被引導(dǎo)層中添加元件“引導(dǎo)動(dòng)畫(huà)”最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫(huà)“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意“引導(dǎo)線”的兩端，被引導(dǎo)的對(duì)象起始、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對(duì)準(zhǔn)“引導(dǎo)線”的2個(gè)端頭，如圖3-6-2所示。圖3-6-2 元件中心十字星對(duì)準(zhǔn)引導(dǎo)線在圖3-6-2中，我們特地把“元件”的透明度設(shè)為50%，使你可以透過(guò)

19、元件看到下面的引導(dǎo)線，“元件”中心的十字星正好對(duì)著線段的端頭，這一點(diǎn)非常重要，是引導(dǎo)線動(dòng)畫(huà)順利運(yùn)行的前提。2應(yīng)用引導(dǎo)路徑動(dòng)畫(huà)的技巧（1）“被引導(dǎo)層”中的對(duì)象在被引導(dǎo)運(yùn)動(dòng)時(shí)，還可作更細(xì)致的設(shè)置，比如運(yùn)動(dòng)方向，在【屬性】面板上，選中【路徑調(diào)整】復(fù)選框，對(duì)象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。而如果選中【對(duì)齊】復(fù)選框，元件的注冊(cè)點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對(duì)齊，如圖3-6-3所示。圖3-6-3 路徑調(diào)整和對(duì)齊（2）引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見(jiàn)的，利用這一特點(diǎn)，可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層”的“引導(dǎo)層”，該引導(dǎo)層中可以放置一些文字說(shuō)明、元件位置參考等，此時(shí)，引導(dǎo)層的圖標(biāo)為。（3）在做引導(dǎo)路徑動(dòng)畫(huà)時(shí)，按下工具箱中的【對(duì)齊

20、對(duì)象】按鈕，可以使“對(duì)象附著于引導(dǎo)線”的操作更容易成功，拖動(dòng)對(duì)象時(shí)，對(duì)象的中心會(huì)自動(dòng)吸附到路徑端點(diǎn)上。（4）過(guò)于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫(huà)失敗，而平滑圓潤(rùn)的線段有利于引導(dǎo)動(dòng)畫(huà)成功制作。（5）向被引導(dǎo)層中放入元件時(shí)，在動(dòng)畫(huà)開(kāi)始和結(jié)束的關(guān)鍵幀上，一定要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的開(kāi)始和結(jié)束的端點(diǎn)，否則無(wú)法引導(dǎo)，如果元件為不規(guī)則形，可以點(diǎn)擊工具箱中的【任意變形工具】，調(diào)整注冊(cè)點(diǎn)。（6）如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”，或在圖層區(qū)的引導(dǎo)層上單擊右鍵，在彈出的菜單上選擇【屬性】，在對(duì)話框中選擇“正?！?，作為正常圖層類(lèi)型，如圖3-6-4所示。圖3-6-4 圖層【屬性】面板（7）如果想讓對(duì)象作圓周運(yùn)

21、動(dòng)，可以在“引導(dǎo)層”畫(huà)一根圓形線條，再用【橡皮擦工具】擦去一小段，使圓形線段出現(xiàn)2個(gè)端點(diǎn)，再把對(duì)象的起始、終點(diǎn)分別對(duì)準(zhǔn)端點(diǎn)即可。（9）引導(dǎo)線允許重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必需保持圓潤(rùn)，讓Flash能辨認(rèn)出線段走向，否則會(huì)使引導(dǎo)失敗。接下來(lái)，我們來(lái)制作二個(gè)實(shí)例，以鞏固學(xué)到的知識(shí)。3實(shí)例1星星字知識(shí)提要 創(chuàng)建多層引導(dǎo)路徑動(dòng)畫(huà) 用文字做路徑 創(chuàng)建光芒四射的星星制作步驟（1）創(chuàng)建影片文檔步驟1 設(shè)置影片文檔屬性執(zhí)行【文件】|【新建】命令，新建一個(gè)影片文檔，設(shè)置舞臺(tái)尺寸為515×152像素，背景色為黑色（在教程中，我們?yōu)榱烁玫仫@示場(chǎng)景中的內(nèi)容，背景色設(shè)為了深藍(lán)色），如圖3-6-

22、6所示。圖3-6-6 文檔屬性步驟2 創(chuàng)建背景圖層執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，將配套光盤(pán)中的名為“老康藍(lán)屋背景.bmp”的圖片導(dǎo)入到場(chǎng)景中（“老康藍(lán)屋.bmp”圖片位置：光盤(pán)examplepart3*圖片老康藍(lán)屋.bmp）。（2）創(chuàng)建元件步驟1 創(chuàng)建“老康藍(lán)屋”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“老康藍(lán)屋”，如圖3-6-7所示。圖3-6-7 創(chuàng)建“老康藍(lán)屋”元件選擇【文本工具】，在場(chǎng)景中輸入“老康藍(lán)屋”四個(gè)字，在【屬性】面板中，設(shè)置文本類(lèi)型【靜態(tài)文本】，字體【華文彩云】，字體大小為80，顏色為白色，如圖3-6-8所示。圖3-6-8 “老康藍(lán)屋”文字【屬

23、性】面板步驟2 創(chuàng)建“星星”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“星星”，如圖3-6-9所示。圖3-6-9 創(chuàng)建“星星”元件在這個(gè)新元件中，我們將用一個(gè)圓形構(gòu)成星星的主體，另用三條直線構(gòu)成星星四射的光芒。將【圖層1】名稱(chēng)重新命名為“中心”，選擇【橢圓工具】，設(shè)置【筆觸顏色】為無(wú)，在場(chǎng)景中畫(huà)一個(gè)圓形，大小為“13×13”像素。在【混色器】面板中，選擇【填充樣式】為【放射狀】，將兩個(gè)色標(biāo)的顏色均設(shè)置為白色，其中左邊的【Alpha】值為100%，右邊的為0%，用【顏料桶工具】填充圓形，設(shè)置顏料桶屬性和填充后的效果如圖3-6-10所示。圖3-6-10 畫(huà)星星的中心新建

24、一個(gè)圖層，重新命名為“光芒”，選擇工具欄上的【矩形工具】，設(shè)置【筆觸顏色】為無(wú)，在場(chǎng)景中繪制一個(gè)細(xì)長(zhǎng)的矩形。在【混色器】面板中，選擇【填充樣式】為【線性】，將四個(gè)色標(biāo)的顏色均設(shè)置為白色。其中，中間兩個(gè)色標(biāo)【Alpha】值為100%，左右兩邊的兩個(gè)色標(biāo)【Alpha】值為0%，用【顏料桶工具】填充矩形，設(shè)置顏料桶屬性如圖3-6-11所示。圖3-6-11 【混色器】面板接著，我們復(fù)制幾條光芒，執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】命令，打開(kāi)【變形】面板，設(shè)置【旋轉(zhuǎn)】為45度，連續(xù)單擊三次【復(fù)制并應(yīng)用變形】按鈕，星星的光芒就畫(huà)好了，變形面板及星星效果分別如圖3-6-12(a)和3-6-12(b)所示。3

25、-6-12（a） 制作完成的星星效果            圖3-6-12（b） 變形面板注意，畫(huà)好的星星中心要對(duì)準(zhǔn)場(chǎng)景中的十字星(為了顯示清楚，圖3-6-12中星星放大300%)。步驟3 創(chuàng)建“旋轉(zhuǎn)的星星”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“旋轉(zhuǎn)的星星”。從庫(kù)中將名為“星星”的元件拖到第1幀中，在第20幀添加關(guān)鍵幀，再在第1幀建立動(dòng)作補(bǔ)間動(dòng)畫(huà)，在【屬性】面板上設(shè)置順時(shí)針旋轉(zhuǎn)一周，如圖3-6-13所示。圖3-6-13 設(shè)置動(dòng)作補(bǔ)間動(dòng)畫(huà)的旋轉(zhuǎn)步驟4 創(chuàng)

26、建“填充顏色”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“填充顏色”。先從庫(kù)里把圖形元件“老康藍(lán)層”拖到場(chǎng)景中，然后執(zhí)行【修改】|【分離】命令三次，把文字打散為圖形，其中第一次是將圖形元件實(shí)例分離成文字，第二次是將文字分離成單個(gè)的字塊，第三次是將文字塊分離成圖形。選擇【選擇工具】，在場(chǎng)景的空白處單擊，取消對(duì)文字的選擇，再選擇【顏料桶工具】，把每個(gè)字中間的空隙都填充上藍(lán)色，如圖3-6-14所示。圖3-6-14 填充好的文字（3）創(chuàng)建動(dòng)畫(huà)單擊時(shí)間軸右上方的【編輯場(chǎng)景】按鈕，選擇【場(chǎng)景1】切換到主場(chǎng)景中。本實(shí)例場(chǎng)景中共有八個(gè)圖層，最下面的圖層是圖片背景，在前面已經(jīng)先建好了，現(xiàn)在我們

27、從最后第二層開(kāi)始向上一層一層地?cái)⑹?，在敘述過(guò)程中，請(qǐng)隨時(shí)參考圖3-6-16。步驟1創(chuàng)建【填充藍(lán)色的文字】層根據(jù)需要，我們先將背景圖層的幀延伸到第60幀，再插入一個(gè)新圖層并命名為“填充藍(lán)色的文字”。現(xiàn)在我們?cè)凇咎畛渌{(lán)色的文字】圖層中，把庫(kù)里的名為“填充顏色”的元件拖到場(chǎng)景中間，在【屬面】板中設(shè)置【X】為9，【Y】為65。注意，以后的操作中，上面各圖層中的文字都要和本圖層中的文字對(duì)齊。在第30、60幀插入關(guān)鍵幀，在第1、30幀間建立動(dòng)作補(bǔ)間動(dòng)畫(huà)，接著編輯第1、第60幀中的元件實(shí)例。分別選擇第1幀與第60幀中的“填充顏色”元件實(shí)例，在【屬性】面板上設(shè)置【Alpha】值為0%，如圖3-6-15所示。如

28、此設(shè)置的作用是讓文字的底色有明暗漸變的效果，讓畫(huà)面更生動(dòng)一些。圖3-6-15 在【屬性】面板中設(shè)置元件實(shí)例透明度步驟2 創(chuàng)建【文字】層新建名為“文字”的圖層，把庫(kù)里名為“老康藍(lán)屋”的元件拖到場(chǎng)景中，文字的邊緣要和下面的“填充藍(lán)色的文字”圖層文字邊緣對(duì)齊，必要時(shí)可把對(duì)象放大。步驟3 創(chuàng)建引導(dǎo)層和被引導(dǎo)層新建一圖層并命名為“星星一”，再單擊時(shí)間軸上的【添加引導(dǎo)層】按鈕，創(chuàng)建引導(dǎo)層，此時(shí)剛剛新建的圖層會(huì)自動(dòng)縮進(jìn)到引導(dǎo)層下面，單擊縮進(jìn)了的這一層，在時(shí)間軸上連續(xù)單擊【添加圖層】按鈕，共三次，就會(huì)在引導(dǎo)層下面創(chuàng)建好四個(gè)縮進(jìn)的被引導(dǎo)層，其它三個(gè)圖層分別命名為 “星星二”、“星星三”和“星星四”，在這些被引導(dǎo)

29、圖層中，用來(lái)放置旋轉(zhuǎn)的星星。完成后的時(shí)間軸如圖3-6-16所示。圖3-6-16 時(shí)間軸面板步驟4 設(shè)置引導(dǎo)層選中引導(dǎo)圖層，從庫(kù)里把名為“老康藍(lán)屋”的元件拖出來(lái)，其邊緣要和下面的“文字”圖層中的對(duì)象邊緣對(duì)齊，執(zhí)行【修改】|【分離】命令三次，把文字打散成形狀，注意，這時(shí)“老康藍(lán)屋”元件已經(jīng)被“打散”，原文字的邊緣已經(jīng)成為“線段”，它將被我們用作“引導(dǎo)線”。這時(shí)候的場(chǎng)景效果如圖3-6-17所示。圖3-6-17 打散文字，作為引導(dǎo)線步驟5 設(shè)置被引導(dǎo)層在步驟3里面，我們已經(jīng)創(chuàng)建了四個(gè)“被引導(dǎo)層”，現(xiàn)在我們來(lái)設(shè)置這四個(gè)“被引導(dǎo)層”里的內(nèi)容，每個(gè)圖層里放一個(gè)“星星”元件，并分別沿著“老康藍(lán)屋”4字的邊緣運(yùn)

30、動(dòng)。首先設(shè)置第一個(gè)“老”字：為了防止對(duì)引導(dǎo)層進(jìn)行誤操作，我們先鎖住該層，圖層結(jié)構(gòu)如圖3-6-18所示。圖3-6-18 鎖定引導(dǎo)層選中【星星一】圖層，單擊工具箱上的【對(duì)齊對(duì)象】按鈕，從庫(kù)里把名為“旋轉(zhuǎn)的星星”的元件拖出來(lái)，放在“老”字邊緣的某一點(diǎn)，這是星星運(yùn)動(dòng)的起始點(diǎn)，在第60幀添加關(guān)鍵幀，移動(dòng)星星到文字邊緣的另一處，這是星星運(yùn)動(dòng)的結(jié)束點(diǎn)。在第1幀建立動(dòng)作補(bǔ)間動(dòng)畫(huà)。切記：元件的中心點(diǎn)一定要位于文字邊緣的線上，如圖3-6-19所示。圖3-6-19 星星在第1、60幀中的位置從左向右拉動(dòng)播放頭，觀察星星是否沿文字的邊緣運(yùn)動(dòng)，如果從起始點(diǎn)直接運(yùn)動(dòng)到結(jié)束點(diǎn)，表示引導(dǎo)失敗，檢查元件的中心是不是位于文字邊緣

31、的線上，或者改變運(yùn)動(dòng)的起始點(diǎn)和結(jié)束點(diǎn)，二者之間的路徑不能太遠(yuǎn)，太復(fù)雜。另外3個(gè)被引導(dǎo)層的設(shè)置同上述一樣，只是分別對(duì)準(zhǔn)“康”、“藍(lán)”、“屋”3個(gè)文字對(duì)象，這里不再贅述。4實(shí)例2海底世界實(shí)例簡(jiǎn)介海底是很多人向往的神秘世界，今天，我們就用Flash來(lái)試著描繪這個(gè)世界。筆者設(shè)計(jì)的這個(gè)實(shí)例中包括了動(dòng)作補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、遮罩動(dòng)畫(huà)、引導(dǎo)路徑動(dòng)畫(huà)等四種動(dòng)畫(huà)形式，制作上要比前面幾節(jié)中的實(shí)例難度大一些，不過(guò)，它能綜合復(fù)習(xí)前面學(xué)過(guò)的內(nèi)容，操作原理也是我們熟悉的，相信你一定能順利完成這個(gè)實(shí)例，效果如圖3-6-20所示，本例的源文件“海底.fla”可以在光盤(pán)的相關(guān)目錄中找到。圖3-6-20 海底知識(shí)提要 綜合應(yīng)用

32、四種動(dòng)畫(huà)形式創(chuàng)建透明水泡 創(chuàng)建多層遮罩制作步驟（1）創(chuàng)建影片文檔新建一個(gè)影片文檔，設(shè)置舞臺(tái)尺寸為450×300像素，【背景色】為深藍(lán)色，如圖3-6-20所示。圖3-6-21 設(shè)置文檔屬性 （2）創(chuàng)建元件本例中的元件較前面的實(shí)例要多一些，我們把它們分成“水泡部分”、“海底部分”、“游魚(yú)部分”三大部分來(lái)敘述。先來(lái)創(chuàng)建和水泡有關(guān)的部分。步驟1 創(chuàng)建“單個(gè)水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“單個(gè)水泡”。先在場(chǎng)景中畫(huà)一個(gè)無(wú)邊的圓，顏色任意，大小為30×30像素，再在【混色器】面板中，添加兩個(gè)色標(biāo)，顏色全為白色，【Alpha】值從左向右依次為100%、4

33、0%、10%、100%，如圖3-6-22所示，選擇【顏料桶工具】，在畫(huà)好的圓的中心偏左上的地方單擊一下，如對(duì)填充的顏色不滿意，可以用【填充變形工具】進(jìn)行調(diào)整。圖3-6-22 水泡（放大400倍）、填充位置及混色器面板參數(shù)步驟2 創(chuàng)建“一個(gè)水泡及引導(dǎo)線”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“一個(gè)水泡及引導(dǎo)線”。單擊【添加引導(dǎo)層】按鈕，添加一個(gè)引導(dǎo)層，在此層中用【鉛筆工具】從場(chǎng)景的中心向上畫(huà)一條曲線，在第60幀處添加普通幀。將工具箱中的【對(duì)齊對(duì)象】按鈕按下，選中被引導(dǎo)層的第一幀，從【庫(kù)】中將名為“單個(gè)水泡”的元件，拖放在引導(dǎo)線的下端，在第60幀添加關(guān)鍵幀，把“單個(gè)水泡”元件

34、實(shí)例移到引導(dǎo)線的上端并設(shè)置【Alpha】值為50%，如圖3-6-23所示。圖3-6-23 水泡及引導(dǎo)線步驟3 創(chuàng)建“成堆的水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“成堆的水泡”。從庫(kù)里拖入數(shù)個(gè)“一個(gè)水泡及引導(dǎo)線”元件，任意改變大小和位置，圖3-6-24僅供參考。圖3-6-24 成堆的水泡（放大400倍）下面我們來(lái)做“游魚(yú)”部分的元件。步驟4 創(chuàng)建“游魚(yú)”元件執(zhí)行【插入】|【新建元件】命令，新建影片剪輯，名稱(chēng)為“游魚(yú)”。在場(chǎng)景中共設(shè)四層，圖層名稱(chēng)分別為“魚(yú)頭”、“中間魚(yú)尾”、“上面魚(yú)尾”、“下面魚(yú)尾”。在各圖層中畫(huà)出魚(yú)的各部分形狀，如圖3-6-25所示，“魚(yú)頭”層中是魚(yú)

35、的眼睛和圓滾滾的身子，為了體現(xiàn)魚(yú)游動(dòng)時(shí)的婀娜多姿，我們把魚(yú)尾分成上、中、下三部分（有關(guān)鼠繪的知識(shí)請(qǐng)看相關(guān)章節(jié)），畫(huà)好后在第7、14幀處各添加關(guān)鍵幀，把魚(yú)頭、魚(yú)尾位置形狀稍做改變，在第1、7、14幀處創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)。為了保持動(dòng)作連貫，第20幀和第1幀中的形狀是完全一樣的。圖3-6-25 魚(yú)在各幀的形狀及時(shí)間軸面板步驟5 創(chuàng)建“魚(yú)及引導(dǎo)線”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“魚(yú)及引導(dǎo)線”。此元件只有引導(dǎo)層和被引導(dǎo)層二層，單擊時(shí)間軸面板上的【添加運(yùn)動(dòng)引導(dǎo)層】按鈕，新建引導(dǎo)層，在引導(dǎo)層中用【鉛筆工具】畫(huà)一條曲線，作為魚(yú)兒游動(dòng)時(shí)的路徑，選擇引導(dǎo)圖層的第100幀，按F5鍵，使圖

36、層中的幀延伸到第100幀。在被引導(dǎo)層中拖入庫(kù)中名為“游魚(yú)”的元件，用【任意變形工具】調(diào)整“游魚(yú)”元件實(shí)例的大小，選擇第100幀，按F6鍵，插入關(guān)鍵幀，分別調(diào)整第1幀和第100幀中的“游魚(yú)”元件實(shí)例到引導(dǎo)線的兩端，在第1幀建立補(bǔ)間運(yùn)動(dòng)動(dòng)畫(huà)，其位置如圖3-6-26所示。圖3-6-26 魚(yú)在第1幀和第100幀的位置在【屬性】面板上，選中【路徑調(diào)整】、【同步】和【對(duì)齊】復(fù)選框，如圖3-6-27所示。圖3-6-27 設(shè)置屬性下面我們來(lái)創(chuàng)建海底實(shí)例中“水波蕩漾”效果所需的元件。步驟6 創(chuàng)建“海底”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“海底”。選擇第1幀，然后再執(zhí)行【文件】|【導(dǎo)入】

37、|【導(dǎo)入到舞臺(tái)】命令，將配套光盤(pán)中的名為“海底.bmp”的圖片導(dǎo)入到場(chǎng)景中（“海底.bmp”圖片位置：光盤(pán)examplepart3*圖片海底.bmp）。步驟7創(chuàng)建“遮罩矩形”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“遮罩矩形”。在場(chǎng)景中畫(huà)一個(gè)500×4的無(wú)邊矩形，因?yàn)椤罢谡謱印敝械膱D形在播放時(shí)不會(huì)顯示，所以設(shè)置顏色為任意。復(fù)制并粘貼這個(gè)矩形，向下移一點(diǎn)位置，使其變成二個(gè)，再?gòu)?fù)制并粘貼這二個(gè)矩形，再向下移一點(diǎn)位置，使其變?yōu)樗膫€(gè)，如此循環(huán)，在粘帖過(guò)程中，選中所有矩形，在【屬性】面板中查看圖形高度，直至創(chuàng)建出一個(gè)500×540的矩形，如圖3-6-28所示。圖3

38、-6-28 遮罩矩形步驟8創(chuàng)建“水波效果”元件水波蕩漾的效果是用遮罩動(dòng)畫(huà)的手法做的，看著挺漂亮，實(shí)際制作卻很簡(jiǎn)單，只用三層就完成了，里面有二個(gè)小技巧，在下面的講解過(guò)程中會(huì)著重介紹。執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“水波效果”，如圖3-6-29所示。圖3-6-29 創(chuàng)建“水波效果”元件從【庫(kù)】面板里將名為“海底”的圖形元件拖放到場(chǎng)景中，在【屬性】面板上設(shè)置元件的【X】值為0，【Y】值為0，在時(shí)間幀上單擊右鍵，在彈出菜單中選擇【復(fù)制幀】，在第100幀添加普通幀。然后新建一個(gè)圖層，在這層的第1幀上單擊鼠標(biāo)右鍵，在彈出菜單中選擇【粘貼幀】，就把剛才的元件粘到第二層中了，選中該層中的實(shí)例，在【屬性】面板上設(shè)置它的【X】值為0，【Y】值為1，【Alpha】值為80。注意：這里是一個(gè)技巧：第二層圖片與第一層圖片的位置差決定水波蕩漾的大??！位置差越大，水波越大，其【Alpha】值的大小決定水波的清晰程度，【Alpha】值越大，水波越清晰，反之越模糊。圖3-6-30是第一層和第二層中，兩張圖