Flash動(dòng)畫制作第6章引導(dǎo)層和遮罩層動(dòng)畫61課件

1、第6章 引導(dǎo)層和遮罩層動(dòng)畫 教師：孫杰2014年4月25日第6章 引導(dǎo)層和遮罩層動(dòng)畫 教師：孫杰2014年4月25日本章學(xué)習(xí)目標(biāo)掌握圖層的基本知識(shí)和使用方法掌握引導(dǎo)層動(dòng)畫的制作方法掌握遮罩層動(dòng)畫的制作方法本章學(xué)習(xí)目標(biāo)掌握圖層的基本知識(shí)和使用方法掌握引導(dǎo)層動(dòng)畫的制作本章目錄6.1 圖層6.2 引導(dǎo)層動(dòng)畫6.3 遮罩動(dòng)畫6.4 綜合案例課后實(shí)訓(xùn)本章目錄6.1 圖層6.2 引導(dǎo)層動(dòng)畫6.3 遮罩動(dòng)畫6.1 圖層類似于疊在一起的透明紙。更好地安排圖形、文字和動(dòng)畫，并在放映時(shí)合成。不會(huì)增加動(dòng)畫文件的大小。特殊類型的圖層引導(dǎo)層和遮罩層。6.1 圖層類似于疊在一起的透明紙。更好地安排圖形、文字和動(dòng)6.1.2

2、圖層的創(chuàng)建系統(tǒng)都會(huì)自動(dòng)建立好一個(gè)圖層，默認(rèn)為“圖層1”，實(shí)際中，需要根據(jù)動(dòng)畫制作的要求創(chuàng)建新圖層。創(chuàng)建圖層的方法有以下三種。（1）選擇“插入”“時(shí)間軸”“圖層”菜單命令。（2）在時(shí)間軸的層操作區(qū)底部單擊“新建圖層”按鈕。（3）在時(shí)間軸的層操作區(qū)單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“插入圖層”命令。6.1圖層6.1.2圖層的創(chuàng)建系統(tǒng)都會(huì)自動(dòng)建立好一個(gè)圖層，默認(rèn)為“圖層6.1.3圖層的編輯圖層的編輯包括選取圖層、排列圖層、復(fù)制和刪除圖層、重命名圖層、鎖定和解鎖圖層、隱藏和顯示圖層，以及創(chuàng)建圖層文件夾等。1選取圖層，選取圖層就是將圖層變?yōu)楫?dāng)前圖層。2排列圖層，按下鼠標(biāo)左鍵，將所選圖層拖曳到目標(biāo)位置，釋放

3、左鍵即可。3復(fù)制、粘貼圖層，可以將整個(gè)圖層包括圖層中的所有對象復(fù)制到其他場景或其它文件中。6.1圖層6.1.3圖層的編輯圖層的編輯包括選取圖層、排列圖層、復(fù)制和4刪除圖層，選中要?jiǎng)h除的圖層，單擊“刪除”；也可以選中要?jiǎng)h除的圖層后，按住鼠標(biāo)左鍵，將其向下拖曳到“刪除”按鈕。5隱藏、鎖定圖層和圖層的顯示模式6重命名圖層7創(chuàng)建圖層文件夾6.1.3圖層的編輯6.1圖層4刪除圖層，選中要?jiǎng)h除的圖層，單擊“刪除”；也可以選中要?jiǎng)h6.1.1案例湖邊小屋 【案例學(xué)習(xí)目標(biāo)】學(xué)習(xí)圖層的創(chuàng)建與使用【案例知識(shí)要點(diǎn)】用橢圓工具繪制花朵和小鴨用鋼筆工具繪制白云和波浪用矩形與線條工具繪制小屋用鉛筆工具繪制小山效果如圖6-1

4、所示。6.1圖層圖6-1湖邊小屋效果圖注意：一個(gè)對象一層6.1.1案例湖邊小屋 【案例學(xué)習(xí)目標(biāo)】6.1圖層圖6-6.2引導(dǎo)層動(dòng)畫 引導(dǎo)層分為普通引導(dǎo)層 和運(yùn)動(dòng)引導(dǎo)層 將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式即被稱為“引導(dǎo)層動(dòng)畫”，這種動(dòng)畫可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則運(yùn)動(dòng)。6.2引導(dǎo)層動(dòng)畫 引導(dǎo)層分為普通引導(dǎo)層 和運(yùn)動(dòng)引導(dǎo)6.2.2普通引導(dǎo)層普通引導(dǎo)層圖標(biāo)為 主要用于為其他圖層提供輔助繪圖和繪圖定位可以單獨(dú)使用。播放動(dòng)畫時(shí)引導(dǎo)層中的圖形不顯示與一般圖層相似的圖層屬性對已存在的普通圖層，可將其設(shè)置為普通引導(dǎo)層選定一個(gè)普通圖層，右擊，在彈出快捷菜單中選擇

5、“引導(dǎo)層”命令，可以將普通圖層轉(zhuǎn)換為普通引導(dǎo)層。選定一個(gè)普通圖層，打開該層的“屬性”面板，在該面板中選擇層的類型為引導(dǎo)層。6.2引導(dǎo)層動(dòng)畫6.2.2普通引導(dǎo)層普通引導(dǎo)層圖標(biāo)為 6.2引導(dǎo)層動(dòng)畫6.2.3運(yùn)動(dòng)引導(dǎo)層運(yùn)動(dòng)引導(dǎo)層與至少一個(gè)圖層關(guān)聯(lián)，這些被引導(dǎo)的圖層為被引導(dǎo)層設(shè)置對象運(yùn)動(dòng)路徑的導(dǎo)向，使與之相鏈接的被引導(dǎo)層中的對象沿著路徑運(yùn)動(dòng)播放動(dòng)畫時(shí)運(yùn)動(dòng)引導(dǎo)層上的路徑不顯示在引導(dǎo)層上可以創(chuàng)建多個(gè)運(yùn)動(dòng)軌跡引導(dǎo)被引導(dǎo)層上的多個(gè)對象沿不同的路徑運(yùn)動(dòng)創(chuàng)建運(yùn)動(dòng)引導(dǎo)層動(dòng)畫時(shí)要求用動(dòng)作補(bǔ)間動(dòng)畫，形狀補(bǔ)間動(dòng)畫不可用6.2引導(dǎo)層動(dòng)畫6.2.3運(yùn)動(dòng)引導(dǎo)層運(yùn)動(dòng)引導(dǎo)層6.2引導(dǎo)層動(dòng)畫引導(dǎo)層動(dòng)畫的制作步驟在被引導(dǎo)層上添加一個(gè)引

6、導(dǎo)層（指運(yùn)動(dòng)引導(dǎo)層），可以命名為引導(dǎo)層在引導(dǎo)層中畫出元件引導(dǎo)路徑在被引導(dǎo)層第一幀，將需要引導(dǎo)的元件挪動(dòng)到引導(dǎo)路徑的開始在被引導(dǎo)層加入關(guān)鍵幀，將需要引導(dǎo)的元件挪動(dòng)到引導(dǎo)路徑的末端在被引導(dǎo)層的幀中創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫注意：在挪動(dòng)元件的時(shí)候一定要讓它的圓圈吸附到引導(dǎo)路徑上引導(dǎo)層動(dòng)畫的制作步驟在被引導(dǎo)層上添加一個(gè)引導(dǎo)層（指運(yùn)動(dòng)引導(dǎo)層6.2.1 案例飄落的秋葉【案例學(xué)習(xí)目標(biāo)】利用引導(dǎo)層設(shè)置元件運(yùn)動(dòng)的路徑，制作不規(guī)則運(yùn)動(dòng)的動(dòng)畫效果。【案例知識(shí)要點(diǎn)】楓葉元件：導(dǎo)入楓葉圖片到庫，去掉背景色，制作楓葉元件背景圖層制作，完成并鎖定添加需要引導(dǎo)的圖層制作楓葉飄落的引導(dǎo)層動(dòng)畫如圖6-32所示。6.2引導(dǎo)層動(dòng)畫圖6-32秋

7、葉效果圖6.2.1 案例飄落的秋葉【案例學(xué)習(xí)目標(biāo)】6.2引導(dǎo)層動(dòng)6.2.4創(chuàng)建沿曲線運(yùn)動(dòng)的動(dòng)畫蝴蝶飛舞【案例學(xué)習(xí)目標(biāo)】利用引導(dǎo)層設(shè)置曲線運(yùn)動(dòng)路徑，制作元件沿曲線運(yùn)動(dòng)的動(dòng)畫效果?！景咐R(shí)要點(diǎn)】蝴蝶元件：導(dǎo)入蝴蝶圖片序列到庫，去掉背景色，制作蝴蝶飛舞影片剪輯元件背景圖層制作，完成并鎖定添加需要引導(dǎo)的圖層制作蝴蝶飛舞的引導(dǎo)層動(dòng)畫如圖6-44所示。6.2引導(dǎo)層動(dòng)畫圖6-44 蝴蝶飛舞設(shè)計(jì)圖6.2.4創(chuàng)建沿曲線運(yùn)動(dòng)的動(dòng)畫蝴蝶飛舞【案例學(xué)習(xí)目標(biāo)】66.3遮罩層動(dòng)畫 遮罩層動(dòng)畫是為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對

8、象將不會(huì)顯示。6.3遮罩層動(dòng)畫 遮罩層動(dòng)畫是為了得到特殊的顯示效果，6.3.2遮罩層動(dòng)畫的原理及使用新建遮罩層在Flash中沒有一個(gè)專門的按鈕來創(chuàng)建遮罩層，它是由普通層轉(zhuǎn)化而來的。在某個(gè)圖層上右擊，選擇“遮罩層”命令，該圖層即成為遮罩層，層圖標(biāo)就會(huì)從普通圖標(biāo)變?yōu)檎谡謭D標(biāo)，并且系統(tǒng)會(huì)自動(dòng)把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”，在縮進(jìn)的同時(shí)圖標(biāo)會(huì)變化。如果要關(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面即可。6.3遮罩層動(dòng)畫6.3.2遮罩層動(dòng)畫的原理及使用新建遮罩層6.3遮罩層動(dòng)畫6.3.2遮罩層動(dòng)畫的原理及使用遮罩層中的圖形對象在播放動(dòng)畫時(shí)是看不到的。遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖

9、或文字等，但不能使用線條，如果一定要使用線條，可以將線條轉(zhuǎn)化為“填充”。對于用作遮罩的填充形狀，可以使用形狀動(dòng)畫；對文字對象、圖形實(shí)例或影片剪輯，可以使用運(yùn)動(dòng)動(dòng)畫；當(dāng)使用影片剪輯實(shí)例作為遮罩時(shí)，可以讓遮罩沿運(yùn)動(dòng)路徑運(yùn)動(dòng)。6.3遮罩層動(dòng)畫6.3.2遮罩層動(dòng)畫的原理及使用遮罩層中的圖形對象在播放動(dòng)畫6.3.2遮罩層動(dòng)畫的原理及使用透過遮罩層中的對象可看到被遮罩層中的對象及其屬性，包括它們的變形效果；遮罩層中對象的許多屬性，如漸變色、透明度、顏色和線條樣式等卻是被忽略的，例如，不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。在被遮罩層中，可以使用按鈕、影片剪輯、圖形、位圖、文字和線條。若要在場景中

10、顯示遮罩效果，可以鎖定遮罩層和被遮罩層。6.3遮罩層動(dòng)畫6.3.2遮罩層動(dòng)畫的原理及使用透過遮罩層中的對象可看到被遮6.3.1 案例卷軸畫【案例學(xué)習(xí)目標(biāo)】使用形狀補(bǔ)間、動(dòng)作補(bǔ)間創(chuàng)建遮罩層動(dòng)畫，制作畫面展開的動(dòng)畫效果【案例知識(shí)要點(diǎn)】制作被遮罩層：即古畫層制作遮罩層：右鍵，選擇遮罩層在遮罩層中，繪制矩形，用形狀補(bǔ)間動(dòng)畫使矩形由窄變寬另外分別新建2個(gè)圖層，制作左畫軸和右畫軸的動(dòng)作補(bǔ)間動(dòng)畫，播放時(shí)左右畫軸分別向古畫的兩側(cè)運(yùn)動(dòng)如圖6-54所示。6.3遮罩層動(dòng)畫圖6-54卷軸畫效果圖6.3.1 案例卷軸畫【案例學(xué)習(xí)目標(biāo)】6.3遮罩層動(dòng)畫圖6.4 綜合案例6.4.1 綜合案例1星星字6.4.2 綜合案例2太

11、陽地球月亮6.4 綜合案例6.4.1 綜合案例1星星字6.4.1 綜合案例1星星字【案例學(xué)習(xí)目標(biāo)】使用引導(dǎo)層制作動(dòng)畫【案例知識(shí)要點(diǎn)】使用橢圓工具和線條工具繪制星星使用文本工具輸入文字并將它們放置于兩個(gè)圖層的相同位置對下層的文字進(jìn)行填充，作為文字背景將上層的文字打散，作為運(yùn)動(dòng)路徑，將該層設(shè)為引導(dǎo)層，使星星沿著文字邊框移動(dòng)，如圖6-60所示。6.4 綜合案例 圖6-60星星字效果圖6.4.1 綜合案例1星星字【案例學(xué)習(xí)目標(biāo)】6.4 綜合6.4.2 綜合案例2太陽地球月亮【案例學(xué)習(xí)目標(biāo)】使用引導(dǎo)層、遮罩層制作動(dòng)畫?！景咐R(shí)要點(diǎn)】使用橢圓工具繪制太陽、地球、月亮，在引導(dǎo)層中繪制橢圓軌道，使得月亮圍繞

12、地球轉(zhuǎn)，地球圍繞太陽轉(zhuǎn)。太陽的光芒利用遮罩層動(dòng)畫實(shí)現(xiàn)，即用線條遮罩線條，但線條必須轉(zhuǎn)化為填充。在遮罩層中設(shè)置傳統(tǒng)補(bǔ)間動(dòng)畫，讓線條旋轉(zhuǎn)，從而看到被遮罩層中的線條的局部，實(shí)現(xiàn)光芒閃爍的動(dòng)畫效果，如圖6-77所示。圖6-77 太陽地球月亮效果圖 6.4 綜合案例 6.4.2 綜合案例2太陽地球月亮【案例學(xué)習(xí)目標(biāo)】圖6-課后實(shí)訓(xùn)1. 制作動(dòng)畫：走路的繡花鞋2. 制作動(dòng)畫：車子開過家門前課后實(shí)訓(xùn)1. 制作動(dòng)畫：走路的繡花鞋1. 制作動(dòng)畫：走路的繡花鞋【練習(xí)要點(diǎn)】導(dǎo)入紅舞鞋圖片序列，制作逐幀動(dòng)畫的影片剪輯繪制曲線作為引導(dǎo)路徑，在被引導(dǎo)層中放入制作好的影片剪輯，使影片剪輯沿著曲線運(yùn)動(dòng)，如圖6-95所示。課后實(shí)訓(xùn) 圖6-95走路的紅舞鞋效果圖1. 制作動(dòng)畫：走路的繡花鞋【練習(xí)要點(diǎn)】課后實(shí)訓(xùn) 圖6-952. 制作動(dòng)畫：車子開過家門前【