1、第8章 Flash高級動畫制作,遮罩動畫 引導層動畫 使用【動畫編輯器】 使用動畫預設,本章主要內容：,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、一個新圖層，在該圖層中放置用于遮罩的對象，如這里放置一個八角星形。在【時間軸】面板中鼠標右擊放置遮罩對象的圖層，在關聯菜單中選擇【遮罩層】命令將該圖層變?yōu)檎谡謭D層，此時即可獲得需要的遮罩效果。,8.1.1 創(chuàng)建遮罩動畫,2取消遮罩 在【時間軸】面板中選擇遮罩圖層，選擇【修改】|【時間軸】|【圖層屬性】命令（或雙擊圖層名左側的圖標）打開【圖層屬性】對話框。在對話框中選擇【類型】欄中【一般】單選按鈕。單擊【確定】按鈕關閉【圖層屬性】對話框，則遮罩層轉換為一般圖層，遮罩效果被取消。,1范例簡介 本例介紹使用遮罩動畫來創(chuàng)建圖片切換效果。本例的圖片切換效果一共有3個，這3個圖片切換效果均使用遮罩動畫來創(chuàng)

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

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

5、，通過對復制圖層中的引導線和被引導對象進行編輯來快速創(chuàng)建動畫。通過本例的制作，讀者將能夠掌握引導層動畫的創(chuàng)建方法，進一步熟悉圖層的各種操作以及使用濾鏡來創(chuàng)建各種特效的方法。,2、制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,8.3 使用【動畫編輯器】,8.3.2 應用【動畫編輯器】面板編輯動畫,8.3.1 認識【動畫編輯器】,8.3.3 實戰(zhàn)范例電話來了,8.3.1 認識【動畫編輯器】,在時間軸上創(chuàng)建了補間后，使用【動畫編輯器】面板能夠以多種方式來對補間進行控制。選擇【窗口】|【動畫編輯器】命令可以打開【動畫編輯器】面板。在面板的左側是對象屬性的可擴展列表以及動畫的【緩動】屬性，面板右側

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

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

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

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

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

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

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

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