遮罩層中的圖形對(duì)象在播放時(shí)是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對(duì)象只能透過(guò)遮罩層中的對(duì)象被看到。

       可以在遮罩層、被遮罩層中分別或同時(shí)使用形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、引導(dǎo)線動(dòng)畫等動(dòng)畫手段，從而使遮罩動(dòng)畫變成一個(gè)可以施展無(wú)限想象力的創(chuàng)作空間。

【實(shí)1】探照燈效果。
（1）新建一個(gè)Flash文檔，舞臺(tái)大小設(shè)為550×400px，舞臺(tái)背景色設(shè)為黑色。
（2）將圖層1改名為“背景”。導(dǎo)入一個(gè)背景圖片到舞臺(tái)中，并且將背景圖片大小修改為和舞臺(tái)大小相同。
（3）在“背景”層第65幀插入關(guān)鍵幀。
（4）使用菜單“插入”→“新建元件”打開“創(chuàng)建新元件”對(duì)話框，類型選擇“圖形”，并將元件命名為“探照燈”。
（5）在元件舞臺(tái)上繪制一個(gè)無(wú)邊框的圓形，如圖8.53（2）所示。
（6）單擊“場(chǎng)景1”，返回場(chǎng)景，插入一個(gè)新圖層，命名為“探照燈”，單擊第1幀，在庫(kù)面板上將元件“探照燈”拖動(dòng)到舞臺(tái)上，并調(diào)整大小。
（7）在“探照燈”層25、40、65幀分別插入關(guān)鍵幀，分別調(diào)整“探照燈”實(shí)例的位置并創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，使探照燈在舞臺(tái)上來(lái)回運(yùn)動(dòng)。
（8）在“探照燈”層的圖標(biāo)上右擊，在彈出菜單中選中“遮罩層”。這時(shí)“探照燈”層和被遮罩的“背景”層自動(dòng)被鎖定，不能編輯。如需編輯，必須也解除鎖定。
（9）使用[Ctrl+Enter]鍵或菜單“控制”→“測(cè)試影片”，可以查看探照燈的效果。

【實(shí)例2】光影文字效果。
（1）新建一個(gè)Flash文檔，舞臺(tái)大小設(shè)為550×400px，舞臺(tái)背景色設(shè)為白色。
（2）使用菜單“插入”→“新建元件”，打開“創(chuàng)建新元件”對(duì)話框，類型選擇“圖形”，并將元件命名為“彩色背景”。
（3）在元件舞臺(tái)上繪制一個(gè)無(wú)邊框的矩形，用彩色漸變填充，并用填充變形工具進(jìn)行調(diào)整。
 
（4）單擊“場(chǎng)景1”，返回場(chǎng)景，從庫(kù)面板中將制作好的“彩色背景”元件拖到舞臺(tái)上。
（5）選中“彩色背景”實(shí)例，使用菜單“編輯”→“復(fù)制”，再使用3次菜單“編輯”→“粘貼到當(dāng)前位置”，將該元件復(fù)制3份。
（6）使用鼠標(biāo)拖動(dòng)或利用“→”、“←”，分別將4個(gè)“彩色背景”實(shí)例進(jìn)行調(diào)整，將其水平排列。
（7）將4個(gè)實(shí)例全部選中，使用菜單“修改”→“轉(zhuǎn)換為元件”，名稱為“背景組合”，類型為“圖形”，并將其放在舞臺(tái)的左側(cè)。

（8）在第30幀單擊鼠標(biāo)右鍵，選擇“插入關(guān)鍵幀”。再選擇“背景組合”元件，將其拖到舞臺(tái)的右側(cè)。
（9）在1—30幀之間任意一幀上單擊鼠標(biāo)右鍵，在彈出菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。
（10）插入一個(gè)新圖層，命名為“文本”，單擊第1幀，使用文本工具，在舞臺(tái)中間寫入“網(wǎng)頁(yè)制作”，字體為隸書，大小為90，顏色為黃色。
（11）在“文本”層的圖標(biāo)上右擊，在彈出菜單中選中“遮罩層”。
（12）使用[Ctrl+Enter]鍵或菜單“控制”→“測(cè)試影片”，可以查看光影文字的效果。

08/03] Flash動(dòng)畫制作：圍繞文字邊緣轉(zhuǎn)動(dòng)的星星

   [折疊]

【實(shí)例】圍繞文字邊緣轉(zhuǎn)動(dòng)的星星。
（1）新建一個(gè)Flash文檔，舞臺(tái)大小設(shè)為550×400px，舞臺(tái)背景色設(shè)為深藍(lán)色。
（2）選擇多角形繪制工具，在工具欄的顏色區(qū)域設(shè)置筆觸色為無(wú)，填充色為黃色。在“屬性”面板中單擊“選項(xiàng)”按鈕，設(shè)置“樣式”為星形，5角。然后在舞臺(tái)上繪制一個(gè)五角星。
（3）選擇五角星，并將其轉(zhuǎn)換為一個(gè)元件“五角星”。
（4）在第50幀插入一個(gè)關(guān)鍵幀，移動(dòng)五角星到合適的位置，創(chuàng)建一個(gè)動(dòng)作補(bǔ)間動(dòng)畫。
（5）在“屬性”面板設(shè)置動(dòng)作補(bǔ)間動(dòng)畫，旋轉(zhuǎn)為順時(shí)針，次數(shù)為10次。
（6）單擊時(shí)間軸的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕 ，新增一個(gè)引導(dǎo)層。
（7）在引導(dǎo)層的第1幀輸入一個(gè)文字“大”，設(shè)置顏色為紅色，字體為“華文彩云（需要使用空心字，也可使用墨水瓶工具制作空心字），大小為150。
（8）選中文字，使用菜單“修改”→“分離”，將文字打散，此時(shí)開始幀的五角星自動(dòng)附加到文字的邊緣上。
（9）選中橡皮擦工具，在文字邊緣擦除出一個(gè)缺口。然后，在被引導(dǎo)層的開始幀和結(jié)束幀分別將五角星移動(dòng)到缺口的兩邊。
（12）使用[Ctrl+Enter]鍵或菜單“控制”→“測(cè)試影片”，可以查看五角星沿著文字邊緣運(yùn)動(dòng)的效果。
使用多個(gè)層可以實(shí)現(xiàn)多個(gè)五角星在一系列文字邊緣運(yùn)動(dòng)的效果。

03] Flash動(dòng)畫制作：沿著規(guī)定路線行駛的汽車

   [折疊]

       引導(dǎo)路徑動(dòng)畫將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)。
       一個(gè)最基本的引導(dǎo)路徑動(dòng)畫由兩個(gè)圖層組成，上面一層是“引導(dǎo)層”，下面一層是“被引導(dǎo)層”。
       在普通圖層上單擊時(shí)間軸面板中的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕 ，該層的上面就會(huì)添加一個(gè)引導(dǎo)層，同時(shí)該普通層縮進(jìn)成為“被引導(dǎo)層”。

【實(shí)例】沿著規(guī)定路線行駛的汽車。
（1）新建一個(gè)Flash文檔，舞臺(tái)大小設(shè)為550×400px。
（2）將圖層1改名為“汽車”。
（3）導(dǎo)入一張汽車圖片，并將其轉(zhuǎn)換為元件“汽車”。
（4）在第30幀插入關(guān)鍵幀，移動(dòng)汽車的位置。并在1—30幀之間單擊右鍵，使用右鍵菜單“創(chuàng)建補(bǔ)間動(dòng)畫”創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。
（5）單擊時(shí)間軸的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕 ，新增一個(gè)引導(dǎo)層，此時(shí)“汽車”層自動(dòng)變?yōu)楸灰龑?dǎo)層。
（6）單擊引導(dǎo)層的第1幀，使用鋼筆工具繪制一條汽車運(yùn)動(dòng)的路線作為引導(dǎo)線，此時(shí)開始幀的汽車自動(dòng)移動(dòng)到引導(dǎo)線上，調(diào)整其到合適的位置。
（7）單擊選擇“汽車”層，選中第30幀，拖動(dòng)中間的圓形中間點(diǎn)到引導(dǎo)線的終點(diǎn)位置（可以使用自由變形工具將元件“汽車”旋轉(zhuǎn)至和引導(dǎo)線相適應(yīng)），如圖8.51所示。
 
圖8.51 拖動(dòng)元件的圓形中間點(diǎn)到引導(dǎo)線的終點(diǎn)
運(yùn)動(dòng)元件的中間點(diǎn)在開始幀和結(jié)束幀都必須在引導(dǎo)線上，只有這樣才能產(chǎn)生引導(dǎo)路徑動(dòng)畫。
（8）單擊“汽車”層的第1幀，在“屬性”面板的“旋轉(zhuǎn)”菜單中選擇“無(wú)”，再選中“調(diào)整到路徑”，使汽車在運(yùn)動(dòng)過(guò)程中車身方向自動(dòng)按路徑調(diào)整。如果不選擇“調(diào)整到路徑”，車身方向就不會(huì)沿引導(dǎo)線調(diào)整。
（9）使用[Ctrl+Enter]鍵或菜單“控制”→“測(cè)試影片”，可以查看汽車沿著規(guī)定的路線運(yùn)動(dòng)的效果。

08/03] Flash動(dòng)畫：來(lái)回運(yùn)動(dòng)的透明豎條

   [折疊]

【實(shí)例】來(lái)回運(yùn)動(dòng)的透明豎條。
（1）新建一個(gè)Flash文檔，舞臺(tái)大小設(shè)為400×100px。
（2）將圖層1的名稱改為“背景”，導(dǎo)入一幅深色的背景圖像，并將圖像大小調(diào)整為和舞臺(tái)大小相同。
（3）在背景層第30幀插入一個(gè)關(guān)鍵幀。
（4）新建一個(gè)圖層，改名為“豎條1”。
（5）在“豎條1”層左部繪制一個(gè)矩形豎條，用紅色填充。選中邊線和填充，在其上按右鍵，選擇“轉(zhuǎn)換為元件”，將元件命名為“豎條”。
（6）在舞臺(tái)上選中豎條，調(diào)整透明度為70%。
（7）在“豎條1”層的15幀插入一個(gè)關(guān)鍵幀，將元件“豎條”拖動(dòng)到舞臺(tái)中間位置，并調(diào)整透明度為40%。
（8）在“豎條1”層的1—15幀之間單擊右鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。
（9）在“豎條1”層的30幀插入一個(gè)關(guān)鍵幀，將中間的元件“豎條”拖動(dòng)到舞臺(tái)左邊原來(lái)的位置，并調(diào)整透明度為70%。
（10）在“豎條1”層的15—30幀之間單擊右鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。
（12）再新建一個(gè)圖層，改名為“豎條2”。
（13）單擊“豎條2”的第1幀，在庫(kù)面板中拖動(dòng)元件“豎條”到舞臺(tái)中間靠右的位置，使用自由變形工具適當(dāng)改變豎條的寬度，再適當(dāng)改變豎條的透明度。
（14）按照步驟（7）—（10）在“豎條2”創(chuàng)建來(lái)回移動(dòng)的豎條。
（15）根據(jù)需要再創(chuàng)建幾個(gè)豎條移動(dòng)的圖層。
（16）使用[Ctrl+Enter]鍵或菜單“控制”→“測(cè)試影片”，可以查看來(lái)回運(yùn)動(dòng)的透明豎條的效果。

08/03] Flash動(dòng)畫制作：小球在運(yùn)動(dòng)中變?yōu)槲淖?/span>

   [折疊]

       形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化，使用的元素多為用Flash繪制出的形狀，如果使用圖形元件、按鈕、文字，則必須先“打散”以后才可以創(chuàng)建變形動(dòng)畫。
       創(chuàng)建形狀補(bǔ)間動(dòng)畫時(shí)，在時(shí)間軸面板上動(dòng)畫開始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要開始變形的形狀，在動(dòng)畫結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開始幀，在“屬性”面板上的“補(bǔ)間”菜單中選擇“形狀”，一個(gè)形狀補(bǔ)間動(dòng)畫就創(chuàng)建完畢。

【實(shí)例】小球在運(yùn)動(dòng)中變?yōu)槲淖?/span>“網(wǎng)頁(yè)”。
（1）新建一個(gè)Flash文檔，舞臺(tái)大小設(shè)為550×400px。
（2）在第1幀繪制一個(gè)小球。
（3）在第25幀單擊右鍵，在彈出菜單中選擇“插入空白關(guān)鍵幀”。輸入文字“網(wǎng)頁(yè)”。
（4）選中文字，使用兩次菜單“修改”→“分離”或按[Ctrl+B]鍵兩次將文字打散。
（5）在時(shí)間軸的第1幀上單擊，然后在屬性面板的“補(bǔ)間”下拉菜單中選擇“形狀”，此時(shí)時(shí)間軸上從第1幀（開始幀）到第25幀（結(jié)束幀）出現(xiàn)一條長(zhǎng)的帶有箭頭的實(shí)線。
當(dāng)開始幀和結(jié)束幀之間為虛線時(shí)，表示結(jié)束幀的內(nèi)容丟失或應(yīng)該組合的對(duì)象沒(méi)有組合，此時(shí)動(dòng)畫不能實(shí)現(xiàn)。

（6）使用[Ctrl+Enter]鍵或菜單“控制”→“測(cè)試影片”，可以查看小球在運(yùn)動(dòng)中變?yōu)槲淖?/span>“網(wǎng)頁(yè)”的效果。
在時(shí)間軸上選擇1—25之間的一個(gè)幀，可看到形狀變化的過(guò)程。

08/03] Flash動(dòng)畫制作:小球運(yùn)動(dòng)

   [折疊]

制作動(dòng)畫是Flash最重要的功能。制作動(dòng)畫的關(guān)鍵是設(shè)置關(guān)鍵幀，Flash會(huì)自動(dòng)補(bǔ)間兩個(gè)關(guān)鍵幀之間的幀，得到完整的動(dòng)畫。補(bǔ)間產(chǎn)生動(dòng)畫的方法有動(dòng)作補(bǔ)間、形狀補(bǔ)間、引導(dǎo)路徑補(bǔ)間、遮罩動(dòng)畫以及逐幀動(dòng)畫等。

 動(dòng)作補(bǔ)間產(chǎn)生將開始幀的一個(gè)物體實(shí)現(xiàn)移動(dòng)、改變顏色和亮度、變形、改變大小等效果，在動(dòng)畫進(jìn)行過(guò)程中物體還可以旋轉(zhuǎn)。

       動(dòng)作補(bǔ)間動(dòng)畫的對(duì)象必須是元件，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等，但不能是形狀，只有把形狀組合或者轉(zhuǎn)換成元件后才可以做動(dòng)作補(bǔ)間動(dòng)畫。
       創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫的方法是在時(shí)間軸面板上動(dòng)畫開始幀創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置一個(gè)元件；在動(dòng)畫要結(jié)束幀處創(chuàng)建一個(gè)關(guān)鍵幀并設(shè)置該元件的屬性；再單擊開始幀，在“屬性”的“補(bǔ)間”下拉菜單中選擇“動(dòng)畫”；或單擊右鍵，在彈出菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。

1.新建Flash文檔
在“開始”頁(yè)面的“創(chuàng)建新項(xiàng)目”中選擇“Flash文檔”，可以創(chuàng)建一個(gè)新的Flash動(dòng)畫。也可以使用菜單“文件”→“新建”，打開“新建文檔”對(duì)話框，在“常規(guī)”選項(xiàng)卡中選擇“Flash文檔”。

2.設(shè)置舞臺(tái)
使用菜單“修改”→“文檔”，或在屬性面板上單擊“大小”右邊顯示大小的按鈕，可以打開“文檔屬性”對(duì)話框，設(shè)置文檔的相關(guān)屬性。

在“尺寸”欄中可以直接設(shè)置舞臺(tái)的寬和高。舞臺(tái)大小一般又由將來(lái)布局在網(wǎng)頁(yè)的什么位置決定。
在“匹配”欄單擊不同的按鈕將舞臺(tái)大小自動(dòng)匹配相應(yīng)的選項(xiàng)。選擇“打印機(jī)”匹配打印機(jī)設(shè)置的紙張，選擇“內(nèi)容”匹配當(dāng)前窗口中內(nèi)容所占的最大尺寸，選擇“默認(rèn)”自動(dòng)使用默認(rèn)值550×440像素。
在“背景顏色”下拉菜單中設(shè)置舞臺(tái)的背景顏色。
在“幀頻”框中設(shè)置每秒鐘播放的幀數(shù)（fps），默認(rèn)為每秒鐘播放12幀。
在“標(biāo)尺單位”下拉菜單中設(shè)置顯示標(biāo)尺時(shí)標(biāo)尺的單位。

3.繪制對(duì)象
設(shè)置好舞臺(tái)后，就可以使用工具箱上的繪圖工具繪制各種對(duì)象。
Flash 8的繪圖工具可以繪制出各種復(fù)雜的對(duì)象，使用元件、庫(kù)等功能可以更快速地處理對(duì)象，使用層可以繪制相互獨(dú)立的對(duì)象。如果需要，還可以導(dǎo)入各種圖像、音頻、視頻等對(duì)象。
這里先繪制一個(gè)簡(jiǎn)單的球。
（1）在工具欄的“顏色”區(qū)單擊“筆觸顏色”顏色按鈕，選擇“無(wú)”。在“填充顏色”區(qū)單擊顏色按鈕，選擇下部的放射漸變色。

（2）單擊工具欄上的橢圓工具 ，按住[Shift]鍵，在舞臺(tái)左邊繪制一個(gè)圓形。
（3）單擊顏料桶工具 ，在圓形的一側(cè)邊緣單擊，填充一個(gè)圓球。

（4）單擊工具欄上的選擇工具 ，在舞臺(tái)上拖動(dòng)出一個(gè)矩形選中小球，在上面單擊鼠標(biāo)右鍵，在快捷菜單中選擇“轉(zhuǎn)換為元件”，打開“轉(zhuǎn)換為元件”對(duì)話框。在“名稱”框中輸入元件的名稱，類型選擇“圖形”，單擊“確定”按鈕，即可將繪制好的圓球轉(zhuǎn)換為一個(gè)元件。

4.創(chuàng)建動(dòng)畫
創(chuàng)建動(dòng)畫是制作Flash中最重要的步驟。Flash 8可以創(chuàng)建各種復(fù)雜的動(dòng)畫效果，使用層、時(shí)間軸等可以創(chuàng)建一個(gè)對(duì)象連續(xù)變化、多個(gè)對(duì)象同時(shí)運(yùn)動(dòng)的動(dòng)畫效果。使用行為可以創(chuàng)建具有交互功能的動(dòng)畫。
這里創(chuàng)建小球在移動(dòng)過(guò)程中一邊滾動(dòng)、一邊變小的效果。
（1）在時(shí)間軸的第30幀上單擊，該幀的小方塊變?yōu)樗{(lán)色。在上面單擊右鍵，在快捷菜單中選擇“插入關(guān)鍵幀”。該幀上出現(xiàn)表示關(guān)鍵幀的小圓形，同時(shí)1—30幀之間的幀變?yōu)榛疑?，表示已?jīng)被自動(dòng)填充。
（2）在舞臺(tái)上將小球拖動(dòng)到右邊合適的位置。

在小球上單擊，選中圓球，使用菜單“修改”→ “變形”→“縮放和旋轉(zhuǎn)”，打開“縮放和旋轉(zhuǎn)”對(duì)話框，將“縮放”設(shè)為10%，“旋轉(zhuǎn)”設(shè)為360度。

（3）在時(shí)間軸上單擊第1幀。在“屬性”面板的“補(bǔ)間”下拉菜單中選擇“動(dòng)畫”，選中“縮放”復(fù)選框，在“旋轉(zhuǎn)”下拉菜單中選擇“順時(shí)針”和“1次”。
此時(shí)已經(jīng)建立了時(shí)間軸動(dòng)畫，時(shí)間軸變?yōu)檠a(bǔ)間動(dòng)畫標(biāo)志，1—30幀之間有一個(gè)實(shí)線箭頭。

5.測(cè)試動(dòng)畫效果
使用菜單“控制”→“播放”或按[Enter]鍵，可以在舞臺(tái)上觀看動(dòng)畫效果。
使用菜單“控制”→“測(cè)試影片”或按[Ctrl+Enter]鍵，可以打開一個(gè)窗口，測(cè)試輸出為SWF文件時(shí)的動(dòng)畫效果。

6.保存文檔
使用菜單“文件”→“保存”或單擊主工具欄上的按鈕 ，可以將創(chuàng)作的動(dòng)畫保存起來(lái)。Flash文件的擴(kuò)展名為.fla。保存文件類型可以選擇“Flash 8文檔”或“Flash MX2004文檔”，選擇為“Flash 8文檔”時(shí)，該文檔可能不能使用Flash MX 2004打開。

7.發(fā)布動(dòng)畫
.fla文件可以使用Flash 8繼續(xù)編輯，但不能脫離Flash觀看，必須發(fā)布后才能在網(wǎng)頁(yè)或其他程序中使用。
如果在網(wǎng)頁(yè)中使用Flash動(dòng)畫，通常發(fā)布為SWF格式。
使用菜單“文件”→“導(dǎo)出”→“導(dǎo)出影片”，打開“導(dǎo)出影片”對(duì)話框，可將動(dòng)畫導(dǎo)出為.swf文件或其他格式的電影文件。
使用菜單“文件”→“發(fā)布設(shè)置”，可以選擇發(fā)布成的類型，并可進(jìn)行詳細(xì)設(shè)置。再使用菜單“文件”→“發(fā)布”，將動(dòng)畫發(fā)布為.swf文件等。