第12課制作引導(dǎo)動畫和遮罩動畫ppt課件

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)層中可以像其他層一樣繪制各種圖形和元件，它只是對對象運(yùn)動起導(dǎo)向作用，在最終效果中不會顯示出來；而與之相鏈接的被引導(dǎo)層那么沿著引導(dǎo)層中的途徑運(yùn)動。引導(dǎo)動畫的制造方法 制造引導(dǎo)動畫的詳細(xì)操作如下。 1在普通層中創(chuàng)建一個元件。 2在普通層上方新建一個引導(dǎo)層，普通層自動變?yōu)楸灰龑?dǎo)層，在引導(dǎo)層中繪制一條途徑。 3將引導(dǎo)層

2、中的途徑沿用到某一幀。 4在被引導(dǎo)層中將元件的中心控制點(diǎn)挪動到途徑的起點(diǎn)。 5在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將元件挪動到引導(dǎo)層中途徑的終點(diǎn)。 6在被引導(dǎo)層的兩個關(guān)鍵幀之間創(chuàng)建補(bǔ)間動畫，引導(dǎo)動畫制造完成。 下面經(jīng)過一個樹葉飄落的動畫講解制造引導(dǎo)動畫的方法，詳細(xì)操作如下。 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幀，單擊鉛筆工具 ，在選項區(qū)域中選擇“平滑方式，然后在舞臺中

3、繪制一條光滑的曲線，如圖11-2所示。圖11-2 4在引導(dǎo)層的第50幀按【F5】鍵沿用幀。 5選中被引導(dǎo)層中的樹葉，將其中心控制點(diǎn)挪動到引導(dǎo)線的起點(diǎn)，然后在第50幀插入關(guān)鍵幀，并將樹葉放大一點(diǎn)。 6選中第50幀中的樹葉，將其中心控制點(diǎn)挪動到引導(dǎo)線的終點(diǎn)位置，如圖11-3所示。然后在第1幀和第50幀之間創(chuàng)建動作補(bǔ)間動畫。圖11-3 7選中第1幀，在“屬性面板的“補(bǔ)間下拉列表框中選擇“動作選項，并選中 、 、 和 復(fù)選框，如圖11-4所示。圖11-4 選中 、 和 復(fù)選框是為了使對象沿著引導(dǎo)道路挪動，選中 復(fù)選框是為了使樹葉從上到下飄落時逐漸增大。假設(shè)想讓樹葉在飄落時旋轉(zhuǎn)，還可以在“旋轉(zhuǎn)下拉列表框

4、中選擇“順時針或“逆時針選項。制造多層引導(dǎo)動畫 一個引導(dǎo)層還可以鏈接多個被引導(dǎo)層，這樣可以使多個對象沿著同一條途徑運(yùn)動；另外，一個引導(dǎo)層中還可以有多條運(yùn)動途徑，使得不同的對象沿著不同的途徑運(yùn)動。下面制造兩架飛機(jī)相撞的過程，來練習(xí)多層引導(dǎo)動畫的制造過程。其詳細(xì)操作如下： 1新建一個文件，將背風(fēng)光設(shè)為淺藍(lán)色，大小設(shè)為550300像素，將圖層1命名為“飛機(jī)1，導(dǎo)入圖片“飛機(jī)1.eps，將飛機(jī)1按比例減少，并將其轉(zhuǎn)換為圖形元件，如圖11-5所示。圖11-5 2新建一個圖層，將其命名為“飛機(jī)2，導(dǎo)入圖片“飛機(jī)2.eps，將飛機(jī)2按比例減少，并將其轉(zhuǎn)換為圖形元件，如圖11-6所示。圖11-6 3選中圖層“

5、飛機(jī)2，單擊圖標(biāo)新建一個引導(dǎo)層，選中引導(dǎo)層的第1幀，單擊鉛筆工具 ，在選項區(qū)域中選擇“平滑方式，然后在舞臺中繪制兩條相交的光滑曲線，然后在第50幀按【F5】鍵沿用幀，如圖11-7所示。圖11-7 4在圖層“飛機(jī)1中將“飛機(jī)1挪動到左邊曲線的左端點(diǎn)上，在圖層“飛機(jī)2中將“飛機(jī)2挪動到右邊曲線的右端點(diǎn)上，如圖11-8所示。圖11-8 5在圖層“飛機(jī)1的第50幀插入關(guān)鍵幀，并將“飛機(jī)1挪動到兩條曲線的交點(diǎn)處，在圖層“飛機(jī)2的第50幀插入關(guān)鍵幀，并將“飛機(jī)2挪動到兩條曲線的交點(diǎn)處，如圖11-9所示。圖11-9 6選中圖層“飛機(jī)1中的第1幀，在“屬性面板中按如圖11-10所示進(jìn)展設(shè)置，在第1幀和第50幀

6、之間創(chuàng)建動作補(bǔ)間動畫。用一樣的方法在圖層“飛機(jī)2的第1幀和第50幀之間創(chuàng)建補(bǔ)間動畫。圖11-10 7在場景中按【Enter】測試動畫，可以看到飛機(jī)2是沿著途徑運(yùn)動，而飛機(jī)1并未按途徑運(yùn)動，這是由于在圖層“飛機(jī)1和引導(dǎo)層之間還沒建立鏈接關(guān)系，用鼠標(biāo)右鍵單擊圖層“飛機(jī)1，在彈出的快捷菜單中選擇“屬性命令，在翻開的“圖層屬性對話框中選中 單項選擇項，單擊 按鈕即可將該圖層設(shè)置為被引導(dǎo)圖層。 8按【Ctrl+Enter】鍵播放動畫，即可看到兩架飛機(jī)沿著不同的途徑飛行，最后碰在了一同，如圖11-11所示。圖11-11 假設(shè)想使動畫效果更真實，還可以新建一個圖層，在第51幀繪制一團(tuán)飛機(jī)相撞爆炸后的煙霧，由

7、于篇幅所限，這里不再詳細(xì)制造，讀者可以根據(jù)所學(xué)知識本人制造。制造遮罩動畫 遮罩動畫可經(jīng)過遮罩層創(chuàng)建。利用遮罩層可以決議被遮罩層中對象的顯示情況，如被遮罩層中哪些地方顯示，哪些地方不顯示。在遮罩層中有對象的地方就是“透明的，可以看到被遮罩層中的對象，而沒有對象的地方就是不透明的，被遮罩層中相應(yīng)位置的對象是看不見的。遮罩動畫的制造原理就是經(jīng)過遮罩層來決議被遮罩層中的顯示內(nèi)容，出現(xiàn)動畫效果。 制造遮罩動畫的詳細(xì)操作如下。 1在普通層中創(chuàng)建要顯示的內(nèi)容。 2在普通層上方新建一個圖層，在其中創(chuàng)建一個對象或一段動畫用來遮罩對象。 3將上方的圖層轉(zhuǎn)換為遮罩層即可完成一個遮罩動畫的創(chuàng)建。 下面經(jīng)過一個文字錄入

8、效果練習(xí)遮罩層的制造。其詳細(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上方新建一個圖層，在文字的左方繪制一個矩形，要求其高度比文字高，如圖11-14所示。圖11-14 4在第40幀插入關(guān)鍵幀，用恣意變形工具 將矩形橫向拉長，使其覆蓋一行文字，然后在第1幀和第40幀之間創(chuàng)建外形補(bǔ)間動畫，如圖11-15所示。圖

9、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è)置為“隸書、37、黃色、加粗，如圖11-16所示。圖11-16 8在圖層4上方新建一個圖層，在文字左方繪制一個矩形，要求其高度比文字高。 9在第80幀插入關(guān)鍵幀，用恣意變形工具 將矩形橫向拉長，使其覆蓋一行文字，然后在第40幀

10、和第80幀之間創(chuàng)建外形補(bǔ)間動畫。 10用鼠標(biāo)右鍵單擊圖層5，在彈出的快捷菜單中選擇“遮罩層命令，即可使圖層5變?yōu)檎谡謱?，圖層4變?yōu)楸徽谡謱印?11按【Ctrl+Enter】鍵播放動畫，最終效果如圖11-17所示。完成后的時間軸如圖11-18所示。圖11-17圖11-18上機(jī)實戰(zhàn)制造百葉窗效果 毛筆字 在本課上機(jī)實戰(zhàn)中將進(jìn)展兩個練習(xí)：一是制造百葉窗效果，以此練習(xí)遮罩動畫的制造方法；二是制造寫毛筆字的效果，以此練習(xí)引導(dǎo)動畫的制造方法。經(jīng)過練習(xí)將使讀者了解引導(dǎo)層和遮罩層在動畫中的作用，并熟練掌握引導(dǎo)動畫和遮罩動畫的制造方法。對于沒有練習(xí)到的多層引導(dǎo)動畫的制造，讀者可結(jié)合課堂講解自行練習(xí)。制造百葉窗效

11、果 下面制造一個百葉窗效果，最終效果如圖11-19所示，其詳細(xì)操作如下。 圖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)大小，使其剛好能覆蓋舞臺，如圖11-21所示。圖11-21 3如今制造遮罩層，選中圖層2，新建一個圖層3，在圖片的下方繪制一個無邊框的矩形，如圖11-22所示。圖11-22 4選中該矩形，將其轉(zhuǎn)換為名為“葉片的圖形元件，然后新建一個名為“百葉窗的影片剪輯元件，將元件“葉片拖放到元件編

12、輯區(qū)中。 5用恣意變形工具 選中矩形，將中心控制點(diǎn)挪動到矩形下方的中點(diǎn)上，如圖11-23所示。圖11-23 6在元件編輯區(qū)的第42幀插入關(guān)鍵幀，單擊恣意變形工具，將鼠標(biāo)光標(biāo)移到矩形上方的中點(diǎn)，當(dāng)其變?yōu)殡p向箭頭時按住鼠標(biāo)左鍵向下拖動，使其變?yōu)橐粭l直線。 7在第47幀和第97幀插入關(guān)鍵幀，再將第1幀復(fù)制到第97幀，然后依次在第1幀和第42幀、第47幀和第97幀之間創(chuàng)建動作補(bǔ)間動畫，最后在第100幀按【F5】鍵沿用幀，時間軸如圖11-24所示。圖11-24 8單擊 圖標(biāo)回到場景中，將場景中的矩形刪除，選中圖層3，將元件“百葉窗拖放到圖片下方，如圖11-25所示。圖11-25 9用鼠標(biāo)右鍵單擊圖層3，

13、在彈出的快捷菜單中選擇“遮罩層命令，將圖層3變?yōu)檎谡謱印?10在圖層3上方新建一個圖層4，選中圖層3和圖層2中的一切幀，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“復(fù)制幀命令。 11選中圖層4的第1幀，在彈出的快捷菜單中選擇“粘貼幀命令，這時圖層4下方出現(xiàn)了圖層5，而圖層4自動變?yōu)檎谡謱樱珗D層5并未成為被遮罩層。用鼠標(biāo)右鍵單擊圖層，在彈出的快捷菜單中選擇“屬性命令，在翻開的“圖層屬性對話框中選中 單項選擇項，再單擊 按鈕即可將圖層5與圖層4鏈接起來，如圖11-26所示。圖11-26 12選中圖層4中的“百葉窗元件，用選擇工具將其向上挪動，使其下方剛好與圖層3的“百葉窗元件上方相銜接，如圖11-2

14、7所示。圖11-27 為了便于確定“百葉窗元件的位置，可以將一切的圖層以線框方式顯示，以免圖片妨礙視野。在后面的操作中也可以繼續(xù)采用線框方式。 13在圖層4上方新建一個圖層，同樣將圖層3和圖層2中的幀復(fù)制到該層中，并將該圖層中的“百葉窗元件向上挪動到與圖層4中的“百葉窗相連，如圖11-28所示。圖11-28 14用同樣的方法依次添加遮罩圖層，并將復(fù)制的“百葉窗元件依次向上挪動到相互銜接，至到“百葉窗元件到達(dá)圖片頂部為止，如圖11-29所示。 15按【Ctrl+Enter】鍵測試動畫。 圖11-29毛筆字 下 面 制造一個用毛筆寫字的效果，最終效果如圖11-30所示，其詳細(xì)操作如下。 圖11-3

15、0 1新建一個文件，將背景大小設(shè)為270400像素，將“圖層1重命名為“背景，導(dǎo)入圖片“山水.jpg，并將其大小調(diào)整到可以覆蓋整個場景，如圖11-31所示。然后在第50幀按【F5】鍵沿用幀。圖11-31 2新建一個圖層，并命名為“文字，然后運(yùn)用文本工具 輸入文字“青山流水，并將字體設(shè)置為“方正黃草簡體、69、白色，再復(fù)制一份文字，將顏色改為綠色，挪動到白色文字的左上方一點(diǎn)，構(gòu)成綠字白底的立體字效果，如圖11-32所示。按【CtrlB】鍵將文字打散，以確保在沒有安裝該字體的電腦上也能正確顯示該字體效果。圖11-32 3新建一個圖層，并命名為“遮罩層，然后復(fù)制“底層中的“山水.jpg圖片，選擇編輯

16、粘貼到當(dāng)前位置菜單命令，將其粘貼到“遮罩層中一樣的位置。 4新建一個圖層，命名為“毛筆，然后導(dǎo)入素材“毛筆.swf，并將其轉(zhuǎn)換為圖形元件，然后對其大小作適當(dāng)調(diào)整。最后用恣意變形將毛筆的中心控制點(diǎn)挪動到筆尖上。 5選中“毛筆層，然后單擊 按鈕在“毛筆層上方創(chuàng)建一個引導(dǎo)層。 6在引導(dǎo)層中運(yùn)用鉛筆工具沿著文字繪制如圖11-33所示的引導(dǎo)線，然后在該圖層的第50幀處插入普通幀。圖11-33 7在“毛筆層中將毛筆拖動到引導(dǎo)線的上端，使其中心控制點(diǎn)與上端點(diǎn)重合，如圖11-34所示。圖11-34 8在“毛筆層的第50幀插入關(guān)鍵幀，將其中的毛筆拖動到引導(dǎo)層的下端，使其中心控制點(diǎn)與下端點(diǎn)重合，如圖11-35所示。圖11-35 9選中第1幀，在“屬性面板中進(jìn)展如圖11-36所示的設(shè)置，留意一定不要選擇 復(fù)選框，否那么在毛筆挪動時能夠發(fā)生翻轉(zhuǎn)。圖11-36 這時可按【Enter】鍵測試，看毛筆能否沿引導(dǎo)線運(yùn)動。假設(shè)沒有沿引導(dǎo)線運(yùn)動，那么應(yīng)檢查毛筆能否已吸附到引導(dǎo)線上或引導(dǎo)線的轉(zhuǎn)機(jī)能否過多，假設(shè)引導(dǎo)線的轉(zhuǎn)機(jī)過多那么應(yīng)重新繪制引導(dǎo)線。 10將除“遮罩層外的一切圖層鎖定，然后在 “遮罩層的第2幀插入關(guān)鍵幀