第8章Flash高級動畫制作

1、第第8章章 Flash高級動畫制作高級動畫制作遮罩動畫引導(dǎo)層動畫使用【動畫編輯器】使用動畫預(yù)設(shè)本章主要內(nèi)容：8.1 8.1 遮罩動畫遮罩動畫8.1.1 創(chuàng)建遮罩動畫創(chuàng)建遮罩動畫8.1.2 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例圖片切換效果圖片切換效果 遮罩動畫是Flash的一種基本動畫方式，制作遮罩動畫至少需要2個(gè)圖層，即遮罩層和被遮罩層。在時(shí)間軸上，位于上層的圖層是遮罩層，這個(gè)遮罩層中的對象就像一個(gè)窗口一樣，透過它的填充區(qū)域可以看到位于其下方的被遮罩層中的區(qū)域。而任何的非填充區(qū)域都是不透明的，被遮罩層在此區(qū)域中的圖像將不可見。8.1.1 創(chuàng)建遮罩動畫創(chuàng)建遮罩動畫8.1.1 創(chuàng)建遮罩動畫創(chuàng)建遮罩動畫創(chuàng)建遮罩圖層 在

2、一個(gè)圖層中放置被遮罩的對象，如這里放置一張素材圖片。在該圖層上創(chuàng)建一個(gè)新圖層，在該圖層中放置用于遮罩的對象，如這里放置一個(gè)八角星形。在【時(shí)間軸】面板中鼠標(biāo)右擊放置遮罩對象的圖層，在關(guān)聯(lián)菜單中選擇【遮罩層】命令將該圖層變?yōu)檎谡謭D層，此時(shí)即可獲得需要的遮罩效果。8.1.1 創(chuàng)建遮罩動畫創(chuàng)建遮罩動畫2取消遮罩 在【時(shí)間軸】面板中選擇遮罩圖層，選擇【修改】|【時(shí)間軸】|【圖層屬性】命令（或雙擊圖層名左側(cè)的圖標(biāo)）打開【圖層屬性】對話框。在對話框中選擇【類型】欄中【一般】單選按鈕。單擊【確定】按鈕關(guān)閉【圖層屬性】對話框，則遮罩層轉(zhuǎn)換為一般圖層，遮罩效果被取消。1范例簡介 本例介紹使用遮罩動畫來創(chuàng)建圖片切換

3、效果。本例的圖片切換效果一共有3個(gè)，這3個(gè)圖片切換效果均使用遮罩動畫來創(chuàng)建。通過本例的制作，讀者將掌握在一段動畫中同時(shí)使用多個(gè)遮罩效果的制作方法，熟悉遮罩動畫制作的一般步驟。同時(shí)能夠了解Flash中常用的圖片切換效果的制作思路，為制作更為復(fù)雜的圖片切換效果打下基礎(chǔ)。8.1.2 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例圖片切換效果圖片切換效果2制作步驟略。請參看教材或者觀看配盤上的視頻教程。8.2 引導(dǎo)層動畫引導(dǎo)層動畫8.2.2 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例移動的電子移動的電子8.2.1 創(chuàng)建引導(dǎo)層動畫創(chuàng)建引導(dǎo)層動畫8.2.1 創(chuàng)建引導(dǎo)層動畫創(chuàng)建引導(dǎo)層動畫 引導(dǎo)層動畫的原理很簡單，就是將某個(gè)圖層中繪制的線條作為補(bǔ)間元件的運(yùn)動路徑，

4、引導(dǎo)層的作用就是輔助其他圖層的對象運(yùn)動和定位。引導(dǎo)層中的對象必須是打散的圖形，也就是說作為路徑的線條不能是組合對象，被引導(dǎo)層必須位于引導(dǎo)層的下方。要創(chuàng)建引導(dǎo)層動畫，可以使用下面的方法來操作。在圖層中繪制線條，如這里使用【鋼筆工具】繪制一條曲線，鼠標(biāo)右擊該圖層，選擇關(guān)聯(lián)菜單中的【引導(dǎo)層】命令將該圖層轉(zhuǎn)換為引導(dǎo)層。此時(shí)該圖層的圖層名左側(cè)將顯示 圖標(biāo)。再創(chuàng)建一個(gè)新圖層，在該圖層中繪制被引導(dǎo)對象。將該圖層拖放到引導(dǎo)層的下方，引導(dǎo)層圖標(biāo)變?yōu)?，引導(dǎo)層即生效，這兩個(gè)圖層產(chǎn)生關(guān)聯(lián)。8.2.2 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例移動的電子移動的電子1范例簡介 本例介紹引導(dǎo)層動畫的制作過程。在本例中，使用【橢圓形工具】繪制橢圓形

5、引導(dǎo)線，由于引導(dǎo)線必須是開放線條，因此這里使用【橡皮擦工具】在橢圓形線條上擦出一個(gè)小缺口。本例共需要3個(gè)引導(dǎo)層動畫，這里在完成第一個(gè)動畫后復(fù)制圖層，通過對復(fù)制圖層中的引導(dǎo)線和被引導(dǎo)對象進(jìn)行編輯來快速創(chuàng)建動畫。通過本例的制作，讀者將能夠掌握引導(dǎo)層動畫的創(chuàng)建方法，進(jìn)一步熟悉圖層的各種操作以及使用濾鏡來創(chuàng)建各種特效的方法。2、制作步驟略。請參看教材或者觀看配盤上的視頻教程。 8.3 使用【動畫編輯器使用【動畫編輯器】8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫8.3.1 認(rèn)識【動畫編輯器認(rèn)識【動畫編輯器】8.3.3 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例電話來了電話來了8.3.1 認(rèn)識【動畫編

6、輯器認(rèn)識【動畫編輯器】 在時(shí)間軸上創(chuàng)建了補(bǔ)間后，使用【動畫編輯器】面板能夠以多種方式來對補(bǔ)間進(jìn)行控制。選擇【窗口】|【動畫編輯器】命令可以打開【動畫編輯器】面板。在面板的左側(cè)是對象屬性的可擴(kuò)展列表以及動畫的【緩動】屬性，面板右側(cè)的時(shí)間軸上顯示出直線或曲線，直觀表現(xiàn)出不同時(shí)刻的屬性值。8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫1添加或刪除屬性關(guān)鍵幀在【動畫編輯器】面板的時(shí)間軸上同樣有紅色的播放頭，拖動該播放頭到需要進(jìn)行幀操作的位置，在面板中單擊【添加或刪除關(guān)鍵幀】按鈕即可在播放頭所在的幀添加一個(gè)關(guān)鍵幀，此時(shí)在該幀處的曲線上將顯示一個(gè)關(guān)鍵幀節(jié)點(diǎn) 在時(shí)間軸上選擇某個(gè)關(guān)鍵

7、幀節(jié)點(diǎn)后，單擊【添加或刪除關(guān)鍵幀】按鈕可以將該關(guān)鍵幀刪除。在時(shí)間軸上拖曳拖曳關(guān)鍵幀節(jié)點(diǎn)可以改變關(guān)鍵幀的位置。8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫2改變實(shí)例的位置 在【動畫編輯器】面板中，除了可以通過在X和Y文本框中輸入數(shù)值來改變對象的在舞臺上的位置之外，還可以通過改變X或Y屬性時(shí)間軸上關(guān)鍵幀節(jié)點(diǎn)的垂直位置來更改該關(guān)鍵幀中實(shí)例在舞臺上的位置。8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫3對實(shí)例進(jìn)行變形 使用【動畫編輯器】面板可以對實(shí)例進(jìn)行傾斜或縮放變換。在【動畫編輯器】面板中展開【轉(zhuǎn)換】選項(xiàng)欄，設(shè)置其中的【傾斜X】和【傾斜Y】值，可

8、以對當(dāng)前關(guān)鍵幀中實(shí)例進(jìn)行傾斜變換。設(shè)置【縮放X】和【縮放Y】值，可以對實(shí)例進(jìn)行縮放變換。8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫4添加或刪除色彩效果 在【動畫編輯器】面板中展開【色彩效果】選項(xiàng)欄，單擊【色彩效果】選項(xiàng)右側(cè)的按鈕將打開一個(gè)菜單，在菜單中選擇相應(yīng)的選項(xiàng)（如這里的Alpha），此時(shí)即可對該選項(xiàng)的參數(shù)進(jìn)行設(shè)置。如果要刪除添加的色彩效果，單擊【刪除顏色、濾鏡和緩動】按鈕，在打開的菜單中選擇需要刪除的項(xiàng)目即可。8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫5添加或刪除濾鏡 在【動畫編輯器】面板中展開【濾鏡】選項(xiàng)欄，單擊【濾鏡】選項(xiàng)右

9、側(cè)的按鈕將打開一個(gè)菜單，在菜單中選擇相應(yīng)的選項(xiàng)（如這里的【模糊】），此時(shí)即可對【模糊】濾鏡進(jìn)行設(shè)置。如果要刪除添加的濾鏡效果，單擊【刪除顏色、濾鏡和緩動】按鈕，在打開的菜單中選擇需要刪除的項(xiàng)目即可。8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫應(yīng)用【動畫編輯器】面板編輯動畫6設(shè)置緩動 為補(bǔ)間動畫添加緩動，可以改變補(bǔ)間中實(shí)例變化的速度，使其變化效果更加逼真。在【動畫編輯器】面板中展開【緩動】選項(xiàng)欄，F(xiàn)lash已經(jīng)預(yù)設(shè)了【簡單（慢）】緩動效果，用戶可以直接輸入數(shù)值來設(shè)置緩動強(qiáng)度的百分比值。8.3.3 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例電話來了電話來了1范例簡介 本例介紹使用【動畫編輯器】來創(chuàng)建補(bǔ)間動畫效果的方法。本例動

10、畫播放時(shí)，手機(jī)從舞臺上方落入舞臺，然后震動。本例在制作時(shí)，首先創(chuàng)建實(shí)例的補(bǔ)間動畫，然后【動畫編輯器】面板中通過修改特定幀的對象的屬性參數(shù)來創(chuàng)建對象移動、輕微旋轉(zhuǎn)和模糊動畫效果。通過本例的制作，讀者將能夠掌握使用【動畫編輯器】來創(chuàng)建補(bǔ)間動畫的操作方法。2制作步驟略。請參看教材或者觀看配盤上的視頻教程。8.4 動畫預(yù)設(shè)動畫預(yù)設(shè)8.4.2 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例文字的進(jìn)入和退出文字的進(jìn)入和退出8.4.1 使用動畫預(yù)設(shè)使用動畫預(yù)設(shè)8.4.1 使用動畫預(yù)設(shè)使用動畫預(yù)設(shè) Flash內(nèi)置的動畫預(yù)設(shè)，可以在【動畫預(yù)設(shè)】面板中選擇并預(yù)覽其效果。選擇【窗口】|【動畫預(yù)設(shè)】命令打開【動畫預(yù)設(shè)】面板，在面板的【默認(rèn)預(yù)設(shè)】文

11、件夾中選擇一個(gè)動畫預(yù)設(shè)選項(xiàng)，在面板中即可查看其動畫效果。1應(yīng)用動畫預(yù)設(shè)2保存動畫預(yù)設(shè)3導(dǎo)入動畫預(yù)設(shè)8.4.2 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例文字的進(jìn)入和退出文字的進(jìn)入和退出1范例簡介 本例介紹使用Flash的預(yù)設(shè)動畫來制作文字的進(jìn)入和退出效果。本例在制作時(shí)，使用【從右邊模糊飛入】預(yù)設(shè)動畫來創(chuàng)建說明文字的進(jìn)入效果，使用【從左邊模糊飛入】預(yù)設(shè)動畫來創(chuàng)建文字的飛出效果，使用【從頂部模糊飛入】和【脈搏】預(yù)設(shè)動畫來創(chuàng)建標(biāo)題文字的進(jìn)入效果。完成動畫創(chuàng)建后，對動畫效果進(jìn)行修改以達(dá)到需要的效果。通過本例的制作，讀者將掌握對同一對象使用多種預(yù)設(shè)動畫的方法，了解對預(yù)設(shè)動畫進(jìn)行編輯修改的方法。2制作步驟略。請參看教材或者觀看配盤

12、上的視頻教程。8.5 8.5 本章小結(jié)本章小結(jié) 本章學(xué)習(xí)Flash中學(xué)習(xí)了遮罩圖層和引導(dǎo)層的創(chuàng)建和使用方法，同時(shí)介紹了【動畫編輯器】和Flash預(yù)設(shè)動畫的使用方法。通過本章的學(xué)習(xí)，讀者將能夠使用遮罩層創(chuàng)建各種動畫特效，使用引導(dǎo)層使對象獲得復(fù)雜的運(yùn)動路徑，能夠使用【動畫編輯器】來對補(bǔ)間動畫進(jìn)行編輯修改。8.6 本章練習(xí)本章練習(xí)8.6 本章練習(xí)本章練習(xí)二、填空題二、填空題（1）遮罩動畫是Flash的一種基本動畫方式，制作遮罩動畫至少需要2個(gè)圖層，即 。在創(chuàng)建遮罩動畫時(shí)，位于上層的圖層中的對象就像一個(gè)窗口一樣，透過它的 可以看到位于其下圖層中的區(qū)域，而任何的非填充區(qū)域都是 的，此區(qū)域中的圖像將 。（

13、2）引導(dǎo)層動畫是將某個(gè)圖層中繪制的線條作為補(bǔ)間元件的 ，引導(dǎo)層的作用就是輔助其他圖層的對象 。引導(dǎo)層的對象必須是 。（3）【動畫編輯器】是一個(gè)面板，該面板提供了針對補(bǔ)間動畫所有屬性的 ，選擇 命令可以打開該面板。（4）Flash內(nèi)置的動畫預(yù)設(shè)，可以在【動畫預(yù)設(shè)】面板中選擇并預(yù)覽其效果。如果需要打開【動畫預(yù)設(shè)】面板，可以選擇 命令。在面板中選擇預(yù)設(shè)動畫，同時(shí)在舞臺上選擇可以創(chuàng)建補(bǔ)間動畫的對象后，在面板中單擊 按鈕即可將選擇的預(yù)設(shè)動畫應(yīng)用到對象。8.7 上機(jī)練習(xí)和指導(dǎo)上機(jī)練習(xí)和指導(dǎo)8.7.2 制作動畫制作動畫擦黑板擦黑板8.7.1 制作動畫制作動畫水波流動的文字特效水波流動的文字特效8.7.1 制

14、作動畫制作動畫水波流動的文字特效水波流動的文字特效 使用提供的素材圖片，在動畫播放時(shí)文字出現(xiàn)水波流動的特效，如圖8.96所示。主要步驟指導(dǎo)：（1）將素材圖片導(dǎo)入到舞臺，調(diào)整圖片的大小。新建一個(gè)圖層，在圖層中輸入文字，將文字轉(zhuǎn)換為圖形元件后將其打散。再創(chuàng)建一個(gè)圖層，在圖層中繪制和一個(gè)與文字等高的長條矩形。在【顏色】面板中創(chuàng)建黑白相間的線性漸變，如圖8.97所示。將矩形轉(zhuǎn)換為圖形元件。8.7.1 制作動畫制作動畫水波流動的文字特效水波流動的文字特效（2）將長條矩形所在的圖層放置到文字圖層的下方，并使其正好位于文字的下方。在該圖層中創(chuàng)建矩形從左向右運(yùn)動的補(bǔ)間動畫，補(bǔ)間動畫有55幀，其他圖層將幀延伸到第55幀。將文字所在的圖層轉(zhuǎn)換為遮罩層，在該圖層上方創(chuàng)建一個(gè)新圖層，將文字元件放置到該圖層中并使該文字正好改住遮罩層中的文字。至此，練習(xí)制作完成。8.7.2 制作動畫制作動畫擦黑板擦黑板制作黑板擦擦掉黑板上文字的動畫效果，如圖8.98所示。主要操作步驟指導(dǎo)：（1）在