【免積分】Flash_CS5 動畫制作基礎(chǔ) 第8章_Flash高級動畫制作.ppt

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

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

3、建。通過本例的制作，讀者將掌握在一段動畫中同時使用多個遮罩效果的制作方法，熟悉遮罩動畫制作的一般步驟。同時能夠了解Flash中常用的圖片切換效果的制作思路，為制作更為復(fù)雜的圖片切換效果打下基礎(chǔ)。,8.1.2 實戰(zhàn)范例圖片切換效果,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,8.2 引導(dǎo)層動畫,8.2.2 實戰(zhàn)范例移動的電子,8.2.1 創(chuàng)建引導(dǎo)層動畫,8.2.1 創(chuàng)建引導(dǎo)層動畫,引導(dǎo)層動畫的原理很簡單，就是將某個圖層中繪制的線條作為補(bǔ)間元件的運動路徑，引導(dǎo)層的作用就是輔助其他圖層的對象運動和定位。引導(dǎo)層中的對象必須是打散的圖形，也就是說作為路徑的線條不能是組合對象，被引導(dǎo)層必須位于引

4、導(dǎo)層的下方。要創(chuàng)建引導(dǎo)層動畫，可以使用下面的方法來操作。 在圖層中繪制線條，如這里使用【鋼筆工具】繪制一條曲線，鼠標(biāo)右擊該圖層，選擇關(guān)聯(lián)菜單中的【引導(dǎo)層】命令將該圖層轉(zhuǎn)換為引導(dǎo)層。此時該圖層的圖層名左側(cè)將顯示 圖標(biāo)。再創(chuàng)建一個新圖層，在該圖層中繪制被引導(dǎo)對象。將該圖層拖放到引導(dǎo)層的下方，引導(dǎo)層圖標(biāo)變?yōu)?，引導(dǎo)層即生效，這兩個圖層產(chǎn)生關(guān)聯(lián)。,8.2.2 實戰(zhàn)范例移動的電子,1范例簡介 本例介紹引導(dǎo)層動畫的制作過程。在本例中，使用【橢圓形工具】繪制橢圓形引導(dǎo)線，由于引導(dǎo)線必須是開放線條，因此這里使用【橡皮擦工具】在橢圓形線條上擦出一個小缺口。本例共需要3個引導(dǎo)層動畫，這里在完成第一個動畫后復(fù)制圖層

5、，通過對復(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)用【動畫編輯器】面板編輯動畫,8.3.1 認(rèn)識【動畫編輯器】,8.3.3 實戰(zhàn)范例電話來了,8.3.1 認(rèn)識【動畫編輯器】,在時間軸上創(chuàng)建了補(bǔ)間后，使用【動畫編輯器】面板能夠以多種方式來對補(bǔ)間進(jìn)行控制。選擇【窗口】|【動畫編輯器】命令可以打開【動畫編輯器】面板。在面板的左側(cè)是對象屬性的可擴(kuò)展列表以及動畫的【緩動】屬性，面板右側(cè)

6、的時間軸上顯示出直線或曲線，直觀表現(xiàn)出不同時刻的屬性值。,8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫,1添加或刪除屬性關(guān)鍵幀 在【動畫編輯器】面板的時間軸上同樣有紅色的播放頭，拖動該播放頭到需要進(jìn)行幀操作的位置，在面板中單擊【添加或刪除關(guān)鍵幀】按鈕即可在播放頭所在的幀添加一個關(guān)鍵幀，此時在該幀處的曲線上將顯示一個關(guān)鍵幀節(jié)點,在時間軸上選擇某個關(guān)鍵幀節(jié)點后，單擊【添加或刪除關(guān)鍵幀】按鈕可以將該關(guān)鍵幀刪除。在時間軸上拖曳拖曳關(guān)鍵幀節(jié)點可以改變關(guān)鍵幀的位置。,8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫,2改變實例的位置 在【動畫編輯器】面板中，除了可以通過在X和Y文本框中輸入數(shù)值來改變對象的在舞臺上

7、的位置之外，還可以通過改變X或Y屬性時間軸上關(guān)鍵幀節(jié)點的垂直位置來更改該關(guān)鍵幀中實例在舞臺上的位置。,8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫,3對實例進(jìn)行變形 使用【動畫編輯器】面板可以對實例進(jìn)行傾斜或縮放變換。在【動畫編輯器】面板中展開【轉(zhuǎn)換】選項欄，設(shè)置其中的【傾斜X】和【傾斜Y】值，可以對當(dāng)前關(guān)鍵幀中實例進(jìn)行傾斜變換。設(shè)置【縮放X】和【縮放Y】值，可以對實例進(jìn)行縮放變換。,8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫,4添加或刪除色彩效果 在【動畫編輯器】面板中展開【色彩效果】選項欄，單擊【色彩效果】選項右側(cè)的按鈕將打開一個菜單，在菜單中選擇相應(yīng)的選項（如這里的Alpha），此時即可對

8、該選項的參數(shù)進(jìn)行設(shè)置。如果要刪除添加的色彩效果，單擊【刪除顏色、濾鏡和緩動】按鈕，在打開的菜單中選擇需要刪除的項目即可。,8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫,5添加或刪除濾鏡 在【動畫編輯器】面板中展開【濾鏡】選項欄，單擊【濾鏡】選項右側(cè)的按鈕將打開一個菜單，在菜單中選擇相應(yīng)的選項（如這里的【模糊】），此時即可對【模糊】濾鏡進(jìn)行設(shè)置。如果要刪除添加的濾鏡效果，單擊【刪除顏色、濾鏡和緩動】按鈕，在打開的菜單中選擇需要刪除的項目即可。,8.3.2 應(yīng)用【動畫編輯器】面板編輯動畫,6設(shè)置緩動 為補(bǔ)間動畫添加緩動，可以改變補(bǔ)間中實例變化的速度，使其變化效果更加逼真。在【動畫編輯器】面板中展開【

9、緩動】選項欄，F(xiàn)lash已經(jīng)預(yù)設(shè)了【簡單（慢）】緩動效果，用戶可以直接輸入數(shù)值來設(shè)置緩動強(qiáng)度的百分比值。,8.3.3 實戰(zhàn)范例電話來了,1范例簡介 本例介紹使用【動畫編輯器】來創(chuàng)建補(bǔ)間動畫效果的方法。本例動畫播放時，手機(jī)從舞臺上方落入舞臺，然后震動。本例在制作時，首先創(chuàng)建實例的補(bǔ)間動畫，然后【動畫編輯器】面板中通過修改特定幀的對象的屬性參數(shù)來創(chuàng)建對象移動、輕微旋轉(zhuǎn)和模糊動畫效果。通過本例的制作，讀者將能夠掌握使用【動畫編輯器】來創(chuàng)建補(bǔ)間動畫的操作方法。,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,8.4 動畫預(yù)設(shè),8.4.2 實戰(zhàn)范例文字的進(jìn)入和退出,8.4.1 使用動畫預(yù)設(shè),8.4

10、.1 使用動畫預(yù)設(shè),Flash內(nèi)置的動畫預(yù)設(shè)，可以在【動畫預(yù)設(shè)】面板中選擇并預(yù)覽其效果。選擇【窗口】|【動畫預(yù)設(shè)】命令打開【動畫預(yù)設(shè)】面板，在面板的【默認(rèn)預(yù)設(shè)】文件夾中選擇一個動畫預(yù)設(shè)選項，在面板中即可查看其動畫效果。,1應(yīng)用動畫預(yù)設(shè) 2保存動畫預(yù)設(shè) 3導(dǎo)入動畫預(yù)設(shè),8.4.2 實戰(zhàn)范例文字的進(jìn)入和退出,1范例簡介 本例介紹使用Flash的預(yù)設(shè)動畫來制作文字的進(jìn)入和退出效果。本例在制作時，使用【從右邊模糊飛入】預(yù)設(shè)動畫來創(chuàng)建說明文字的進(jìn)入效果，使用【從左邊模糊飛入】預(yù)設(shè)動畫來創(chuàng)建文字的飛出效果，使用【從頂部模糊飛入】和【脈搏】預(yù)設(shè)動畫來創(chuàng)建標(biāo)題文字的進(jìn)入效果。完成動畫創(chuàng)建后，對動畫效果進(jìn)行修改

11、以達(dá)到需要的效果。通過本例的制作，讀者將掌握對同一對象使用多種預(yù)設(shè)動畫的方法，了解對預(yù)設(shè)動畫進(jìn)行編輯修改的方法。,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,8.5 本章小結(jié),本章學(xué)習(xí)Flash中學(xué)習(xí)了遮罩圖層和引導(dǎo)層的創(chuàng)建和使用方法，同時介紹了【動畫編輯器】和Flash預(yù)設(shè)動畫的使用方法。通過本章的學(xué)習(xí)，讀者將能夠使用遮罩層創(chuàng)建各種動畫特效，使用引導(dǎo)層使對象獲得復(fù)雜的運動路徑，能夠使用【動畫編輯器】來對補(bǔ)間動畫進(jìn)行編輯修改。,8.6 本章練習(xí),8.6 本章練習(xí),二、填空題 （1）遮罩動畫是Flash的一種基本動畫方式，制作遮罩動畫至少需要2個圖層，即 。在創(chuàng)建遮罩動畫時，位于上層的

12、圖層中的對象就像一個窗口一樣，透過它的 可以看到位于其下圖層中的區(qū)域，而任何的非填充區(qū)域都是 的，此區(qū)域中的圖像將 。 （2）引導(dǎo)層動畫是將某個圖層中繪制的線條作為補(bǔ)間元件的 ，引導(dǎo)層的作用就是輔助其他圖層的對象 。引導(dǎo)層的對象必須是 。 （3）【動畫編輯器】是一個面板，該面板提供了針對補(bǔ)間動畫所有屬性的 ，選擇 命令可以打開該面板。 （4）Flash內(nèi)置的動畫預(yù)設(shè)，可以在【動畫預(yù)設(shè)】面板中選擇并預(yù)覽其效果。如果需要打開【動畫預(yù)設(shè)】面板，可以選擇 命令。在面板中選擇預(yù)設(shè)動畫，同時在舞臺上選擇可以創(chuàng)建補(bǔ)間動畫的對象后，在面板中單擊 按鈕即可將選擇的預(yù)設(shè)動畫應(yīng)用到對象。,8.7 上機(jī)練習(xí)和指導(dǎo),8

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