1、本課將介紹兩種特殊的動畫：引導(dǎo)動畫和遮罩動畫。從制作原理上來說，它們都是由第十課所講的3種基本動畫演變而來的。,第十二課 制作引導(dǎo)動畫和遮罩動畫,制作引導(dǎo)動畫,引導(dǎo)動畫的制作方法 制作多層引導(dǎo)動畫,前面介紹過引導(dǎo)層和被引導(dǎo)層，它們是制作引導(dǎo)動畫的必需圖層。引導(dǎo)層應(yīng)位于被引導(dǎo)層的上方，在引導(dǎo)層中可以像其他層一樣繪制各種圖形和元件，它只是對對象運動起導(dǎo)向作用，在最終效果中不會顯示出來；而與之相鏈接的被引導(dǎo)層則沿著引導(dǎo)層中的路徑運動。,引導(dǎo)動畫的制作方法,制作引導(dǎo)動畫的具體操作如下。 （1）在普通層中創(chuàng)建一個元件。 （2）在普通層上方新建一個引導(dǎo)層，普通層自動變?yōu)楸灰龑?dǎo)層，在引導(dǎo)層中繪制一條路徑。

2、（3）將引導(dǎo)層中的路徑沿用到某一幀。,（4）在被引導(dǎo)層中將元件的中心控制點移動到路徑的起點。 （5）在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將元件移動到引導(dǎo)層中路徑的終點。 （6）在被引導(dǎo)層的兩個關(guān)鍵幀之間創(chuàng)建補間動畫，引導(dǎo)動畫制作完成。,下面通過一個樹葉飄落的動畫講解制作引導(dǎo)動畫的方法，具體操作如下。 （1）新建一個文件，選擇文件導(dǎo)入導(dǎo)入到舞臺菜單命令，導(dǎo)入圖片“葉子.eps”，將其縮至適當(dāng)大小，并放置在舞臺的左上方。 （2）選中樹葉，選擇修改轉(zhuǎn)換為元件菜單命令，將其轉(zhuǎn)換為圖形元件，如圖11-1所示。,圖11-1,（3）在時間軸的圖層區(qū)下方單擊 圖標(biāo)新建一個引導(dǎo)層，選中引導(dǎo)層的第1幀，單擊鉛筆工具

3、，在選項區(qū)域中選擇“平滑”模式，然后在舞臺中繪制一條光滑的曲線，如圖11-2所示。,圖11-2,（4）在引導(dǎo)層的第50幀按【F5】鍵沿用幀。 （5）選中被引導(dǎo)層中的樹葉，將其中心控制點移動到引導(dǎo)線的起點，然后在第50幀插入關(guān)鍵幀，并將樹葉放大一點。 （6）選中第50幀中的樹葉，將其中心控制點移動到引導(dǎo)線的終點位置，如圖11-3所示。然后在第1幀和第50幀之間創(chuàng)建動作補間動畫。,圖11-3,（7）選中第1幀，在“屬性”面板的“補間”下拉列表框中選擇“動作”選項，并選中 、 、 和 復(fù)選框，如圖11-4所示。,圖11-4,選中 、 和 復(fù)選框是為了使對象沿著引導(dǎo)路線移動，選中 復(fù)選框是為了使樹葉從

4、上到下飄落時逐漸增大。如果想讓樹葉在飄落時旋轉(zhuǎn)，還可以在“旋轉(zhuǎn)”下拉列表框中選擇“順時針”或“逆時針”選項。,制作多層引導(dǎo)動畫,一個引導(dǎo)層還可以鏈接多個被引導(dǎo)層，這樣可以使多個對象沿著同一條路徑運動；另外，一個引導(dǎo)層中還可以有多條運動路徑，使得不同的對象沿著不同的路徑運動。下面制作兩架飛機相撞的過程，來練習(xí)多層引導(dǎo)動畫的制作過程。其具體操作如下：,（1）新建一個文件，將背景色設(shè)為淺藍(lán)色，大小設(shè)為550300像素，將圖層1命名為“飛機1”，導(dǎo)入圖片“飛機1.eps”，將飛機1按比例縮小，并將其轉(zhuǎn)換為圖形元件，如圖11-5所示。,圖11-5,（2）新建一個圖層，將其命名為“飛機2”，導(dǎo)入圖片“飛機

5、2.eps”，將飛機2按比例縮小，并將其轉(zhuǎn)換為圖形元件，如圖11-6所示。,圖11-6,（3）選中圖層“飛機2”，單擊圖標(biāo)新建一個引導(dǎo)層，選中引導(dǎo)層的第1幀，單擊鉛筆工具 ，在選項區(qū)域中選擇“平滑”模式，然后在舞臺中繪制兩條相交的光滑曲線，然后在第50幀按【F5】鍵沿用幀，如圖11-7所示。,圖11-7,（4）在圖層“飛機1”中將“飛機1”移動到左邊曲線的左端點上，在圖層“飛機2”中將“飛機2”移動到右邊曲線的右端點上，如圖11-8所示。,圖11-8,（5）在圖層“飛機1”的第50幀插入關(guān)鍵幀，并將“飛機1”移動到兩條曲線的交點處，在圖層“飛機2”的第50幀插入關(guān)鍵幀，并將“飛機2”移動到兩條

6、曲線的交點處，如圖11-9所示。,圖11-9,（6）選中圖層“飛機1”中的第1幀，在“屬性”面板中按如圖11-10所示進(jìn)行設(shè)置，在第1幀和第50幀之間創(chuàng)建動作補間動畫。用相同的方法在圖層“飛機2”的第1幀和第50幀之間創(chuàng)建補間動畫。,圖11-10,（7）在場景中按【Enter】測試動畫，可以看到飛機2是沿著路徑運動，而飛機1并未按路徑運動，這是因為在圖層“飛機1”和引導(dǎo)層之間還沒建立鏈接關(guān)系，用鼠標(biāo)右鍵單擊圖層“飛機1”，在彈出的快捷菜單中選擇“屬性”命令，在打開的“圖層屬性”對話框中選中 單選項，單擊 按鈕即可將該圖層設(shè)置為被引導(dǎo)圖層。,（8）按【Ctrl+Enter】鍵播放動畫，即可看到兩

7、架飛機沿著不同的路徑飛行，最后碰在了一起，如圖11-11所示。,圖11-11,如果想使動畫效果更真實，還可以新建一個圖層，在第51幀繪制一團(tuán)飛機相撞爆炸后的煙霧，由于篇幅所限，這里不再具體制作，讀者可以根據(jù)所學(xué)知識自己制作。,制作遮罩動畫,遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層可以決定被遮罩層中對象的顯示情況，如被遮罩層中哪些地方顯示，哪些地方不顯示。在遮罩層中有對象的地方就是“透明”的，可以看到被遮罩層中的對象，而沒有對象的地方就是不透明的，被遮罩層中相應(yīng)位置的對象是看不見的。遮罩動畫的制作原理就是通過遮罩層來決定被遮罩層中的顯示內(nèi)容，出現(xiàn)動畫效果。,制作遮罩動畫的具體操作如下。 （1）在普通

8、層中創(chuàng)建要顯示的內(nèi)容。 （2）在普通層上方新建一個圖層，在其中創(chuàng)建一個對象或一段動畫用來遮罩對象。 （3）將上方的圖層轉(zhuǎn)換為遮罩層即可完成一個遮罩動畫的創(chuàng)建。,下面通過一個文字錄入效果練習(xí)遮罩層的制作。其具體操作如下。 （1）新建一個文件，在將背景大小設(shè)為380300像素，導(dǎo)入圖片“桃花.jpg”，并適當(dāng)縮小，使其剛好能覆蓋舞臺，如圖11-12所示。然后在第80幀按【F5】鍵沿用幀。,圖11-12,（2）新建一個圖層，在圖片的左上方輸入文字“去年今日此門中”，設(shè)置為“隸書、37、黃色、加粗”，如圖11-13所示。,圖11-13,（3）下面創(chuàng)建遮罩層。在圖層2上方新建一個圖層，在文字的左方繪制一

9、個矩形，要求其高度比文字高，如圖11-14所示。,圖11-14,（4）在第40幀插入關(guān)鍵幀，用任意變形工具 將矩形橫向拉長，使其覆蓋一行文字，然后在第1幀和第40幀之間創(chuàng)建形狀補間動畫，如圖11-15所示。,圖11-15,（5）用鼠標(biāo)右鍵單擊圖層3，在彈出的快捷菜單中選擇“遮罩層”命令，即可使圖層3變?yōu)檎谡謱?，圖層2變?yōu)楸徽谡謱?。圖層3和圖層2都同時被鎖定。 （6）按【Ctrl+Enter】鍵播放動畫即可看到文字逐漸出現(xiàn)的效果。 （7）下面用類似的方法輸入詩句的第二句。在圖層3上方新建一個圖層，為了使第二句詩比第一句詩后出現(xiàn)，在第41幀插入關(guān)鍵幀，并在圖層的右下方輸入文字“人面桃花相映紅”，設(shè)

10、置為“隸書、37、黃色、加粗”，如圖11-16所示。,圖11-16,（8）在圖層4上方新建一個圖層，在文字左方繪制一個矩形，要求其高度比文字高。 （9）在第80幀插入關(guān)鍵幀，用任意變形工具 將矩形橫向拉長，使其覆蓋一行文字，然后在第40幀和第80幀之間創(chuàng)建形狀補間動畫。 （10）用鼠標(biāo)右鍵單擊圖層5，在彈出的快捷菜單中選擇“遮罩層”命令，即可使圖層5變?yōu)檎谡謱?，圖層4變?yōu)楸徽谡謱印?（11）按【Ctrl+Enter】鍵播放動畫，最終效果如圖11-17所示。完成后的時間軸如圖11-18所示。,圖11-17,圖11-18,上機實戰(zhàn),制作百葉窗效果 毛筆字,在本課上機實戰(zhàn)中將進(jìn)行兩個練習(xí)：一是制作百

11、葉窗效果，以此練習(xí)遮罩動畫的制作方法；二是制作寫毛筆字的效果，以此練習(xí)引導(dǎo)動畫的制作方法。通過練習(xí)將使讀者理解引導(dǎo)層和遮罩層在動畫中的作用，并熟練掌握引導(dǎo)動畫和遮罩動畫的制作方法。對于沒有練習(xí)到的多層引導(dǎo)動畫的制作，讀者可結(jié)合課堂講解自行練習(xí)。,制作百葉窗效果,下面制作一個百葉窗效果，最終效果如圖11-19所示，其具體操作如下。,圖11-19,（1）新建一個文件，將背景大小設(shè)為400300像素，導(dǎo)入圖片“風(fēng)景1.jpg”，將其縮至適當(dāng)大小，使其剛好能覆蓋舞臺，如圖11-20所示。然后在第100幀插入普通幀。,圖11-20,（2）新建一個圖層，導(dǎo)入圖片“風(fēng)景2.jpg”，將其縮至適當(dāng)大小，使其剛

12、好能覆蓋舞臺，如圖11-21所示。,圖11-21,（3）現(xiàn)在制作遮罩層，選中圖層2，新建一個圖層3，在圖片的下方繪制一個無邊框的矩形，如圖11-22所示。,圖11-22,（4）選中該矩形，將其轉(zhuǎn)換為名為“葉片”的圖形元件，然后新建一個名為“百葉窗”的影片剪輯元件，將元件“葉片”拖放到元件編輯區(qū)中。 （5）用任意變形工具 選中矩形，將中心控制點移動到矩形下方的中點上，如圖11-23所示。,圖11-23,（6）在元件編輯區(qū)的第42幀插入關(guān)鍵幀，單擊任意變形工具，將鼠標(biāo)光標(biāo)移到矩形上方的中點，當(dāng)其變?yōu)殡p向箭頭時按住鼠標(biāo)左鍵向下拖動，使其變?yōu)橐粭l直線。 （7）在第47幀和第97幀插入關(guān)鍵幀，再將第1幀

13、復(fù)制到第97幀，然后依次在第1幀和第42幀、第47幀和第97幀之間創(chuàng)建動作補間動畫，最后在第100幀按【F5】鍵沿用幀，時間軸如圖11-24所示。,圖11-24,（8）單擊 圖標(biāo)回到場景中，將場景中的矩形刪除，選中圖層3，將元件“百葉窗”拖放到圖片下方，如圖11-25所示。,圖11-25,（9）用鼠標(biāo)右鍵單擊圖層3，在彈出的快捷菜單中選擇“遮罩層”命令，將圖層3變?yōu)檎谡謱印?（10）在圖層3上方新建一個圖層4，選中圖層3和圖層2中的所有幀，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“復(fù)制幀”命令。,（11）選中圖層4的第1幀，在彈出的快捷菜單中選擇“粘貼幀”命令，這時圖層4下方出現(xiàn)了圖層5，而圖層

14、4自動變?yōu)檎谡謱?，但圖層5并未成為被遮罩層。用鼠標(biāo)右鍵單擊圖層，在彈出的快捷菜單中選擇“屬性”命令，在打開的“圖層屬性”對話框中選中 單選項，再單擊 按鈕即可將圖層5與圖層4鏈接起來，如圖11-26所示。,圖11-26,（12）選中圖層4中的“百葉窗”元件，用選擇工具將其向上移動，使其下方剛好與圖層3的“百葉窗”元件上方相連接，如圖11-27所示。,圖11-27,為了便于確定“百葉窗”元件的位置，可以將所有的圖層以線框模式顯示，以免圖片阻礙視線。在后面的操作中也可以繼續(xù)采用線框模式。,（13）在圖層4上方新建一個圖層，同樣將圖層3和圖層2中的幀復(fù)制到該層中，并將該圖層中的“百葉窗”元件向上移動

15、到與圖層4中的“百葉窗”相連，如圖11-28所示。,圖11-28,（14）用同樣的方法依次添加遮罩圖層，并將復(fù)制的“百葉窗”元件依次向上移動到相互連接，至到“百葉窗”元件到達(dá)圖片頂部為止，如圖11-29所示。 （15）按【Ctrl+Enter】鍵測試動畫。,圖11-29,毛筆字,下面制作一個用毛筆寫字的效果，最終效果如圖11-30所示，其具體操作如下。,圖11-30,（1）新建一個文件，將背景大小設(shè)為270400像素，將“圖層1”重命名為“背景”，導(dǎo)入圖片“山水.jpg”，并將其大小調(diào)整到能夠覆蓋整個場景，如圖11-31所示。然后在第50幀按【F5】鍵沿用幀。,圖11-31,（2）新建一個圖層

16、，并命名為“文字”，然后使用文本工具 輸入文字“青山流水”，并將字體設(shè)置為“方正黃草簡體、69、白色”，再復(fù)制一份文字，將顏色改為綠色，移動到白色文字的左上方一點，形成綠字白底的立體字效果，如圖11-32所示。按【CtrlB】鍵將文字打散，以確保在沒有安裝該字體的電腦上也能正確顯示該字體效果。,圖11-32,（3）新建一個圖層，并命名為“遮罩層”，然后復(fù)制“底層”中的“山水.jpg”圖片，選擇編輯粘貼到當(dāng)前位置菜單命令，將其粘貼到“遮罩層”中相同的位置。 （4）新建一個圖層，命名為“毛筆”，然后導(dǎo)入素材“毛筆.swf”，并將其轉(zhuǎn)換為圖形元件，然后對其大小作適當(dāng)調(diào)整。最后用任意變形將毛筆的中心控

17、制點移動到筆尖上。 （5）選中“毛筆”層，然后單擊 按鈕在“毛筆”層上方創(chuàng)建一個引導(dǎo)層。,（6）在引導(dǎo)層中使用鉛筆工具沿著文字繪制如圖11-33所示的引導(dǎo)線，然后在該圖層的第50幀處插入普通幀。,圖11-33,（7）在“毛筆”層中將毛筆拖動到引導(dǎo)線的上端，使其中心控制點與上端點重合，如圖11-34所示。,圖11-34,（8）在“毛筆”層的第50幀插入關(guān)鍵幀，將其中的毛筆拖動到引導(dǎo)層的下端，使其中心控制點與下端點重合，如圖11-35所示。,圖11-35,（9）選中第1幀，在“屬性”面板中進(jìn)行如圖11-36所示的設(shè)置，注意一定不要選擇 復(fù)選框，否則在毛筆移動時可能發(fā)生翻轉(zhuǎn)。,圖11-36,這時可按【Enter】鍵測試，看毛筆是否沿引導(dǎo)線運動。如果沒有沿引導(dǎo)線運動，則應(yīng)檢查毛筆是否已吸附到引導(dǎo)線上或引導(dǎo)線的轉(zhuǎn)折是否過多，如果引導(dǎo)線的轉(zhuǎn)折過多則應(yīng)重新繪制引導(dǎo)線。,（10）將除“遮罩層”外的所有圖層鎖定，然后在 “遮罩層”的第2幀插入關(guān)鍵幀，