動畫制作——遮罩動畫

1、制作遮罩動畫制作遮罩動畫 遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層可以決遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層可以決 定被遮罩層中對象的顯示情況，如被遮罩層中哪些地定被遮罩層中對象的顯示情況，如被遮罩層中哪些地 方顯示，哪些地方不顯示。在遮罩層中有對象的地方方顯示，哪些地方不顯示。在遮罩層中有對象的地方 就是就是“透明透明”的（就好像是個的（就好像是個“洞、孔洞、孔”），可以看），可以看 到被遮罩層中的對象，而沒有對象的地方就是不透明到被遮罩層中的對象，而沒有對象的地方就是不透明 的，被遮罩層中相應(yīng)位置的對象是看不見的。遮罩動的，被遮罩層中相應(yīng)位置的對象是看不見的。遮罩動 畫的制作原理就是通過遮罩層

2、來決定被遮罩層中的顯畫的制作原理就是通過遮罩層來決定被遮罩層中的顯 示內(nèi)容，出現(xiàn)動畫效果示內(nèi)容，出現(xiàn)動畫效果。 在在Flash中，若要獲得聚光燈效果和過渡效果，可以使中，若要獲得聚光燈效果和過渡效果，可以使 用遮罩層創(chuàng)建一個孔，通過這個孔可以看到下面的圖層。用遮罩層創(chuàng)建一個孔，通過這個孔可以看到下面的圖層。 遮罩項目可以是填充的形狀、文字對象、圖形元件的實例遮罩項目可以是填充的形狀、文字對象、圖形元件的實例 或影片剪輯。將多個圖層組織在一個遮罩層下可創(chuàng)建更加或影片剪輯。將多個圖層組織在一個遮罩層下可創(chuàng)建更加 復(fù)雜的遮罩效果。若要創(chuàng)建動態(tài)效果，可以讓遮罩層或被復(fù)雜的遮罩效果。若要創(chuàng)建動態(tài)效果，可

3、以讓遮罩層或被 遮罩層動起來。對于用作遮罩的填充形狀，可以使用補間遮罩層動起來。對于用作遮罩的填充形狀，可以使用補間 形狀；對于類型對象、圖形實例或影片剪輯，可以使用補形狀；對于類型對象、圖形實例或影片剪輯，可以使用補 間動畫。當使用影片剪輯實例作為遮罩時，可以讓遮罩沿間動畫。當使用影片剪輯實例作為遮罩時，可以讓遮罩沿 著運動路徑運動。著運動路徑運動。 認識認識Flash遮罩層遮罩層 先來看兩個遮罩的范例，如圖所示，不論是左側(cè)圖中在單色背先來看兩個遮罩的范例，如圖所示，不論是左側(cè)圖中在單色背 景上，還是右側(cè)圖中在圖片上，都是以一個不規(guī)則的圖形作為遮罩，景上，還是右側(cè)圖中在圖片上，都是以一個不規(guī)

4、則的圖形作為遮罩， 控制另一幅圖片的顯示區(qū)域?？刂屏硪环鶊D片的顯示區(qū)域。 認識認識Flash遮罩層遮罩層 遮罩動畫遮罩動畫就是使用一個動畫層遮住下一個動畫層的一部分或就是使用一個動畫層遮住下一個動畫層的一部分或 全部，使其部分或全部顯示出來的動畫。要全部，使其部分或全部顯示出來的動畫。要創(chuàng)建遮罩動畫創(chuàng)建遮罩動畫，至少，至少 需要有兩層，一層作為遮罩層，一層作為被遮罩層需要有兩層，一層作為遮罩層，一層作為被遮罩層。 簡單遮罩動畫 制作遮罩動畫制作遮罩動畫 (1) (1) 新建一個新建一個FlashFlash動畫文檔，在文檔屬性中設(shè)定大小為動畫文檔，在文檔屬性中設(shè)定大小為550550* *2002

5、00，背景顏，背景顏 色為色為“黑色黑色”，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。 (2) (2) 單擊工具箱中的【文本工具】按鈕單擊工具箱中的【文本工具】按鈕 ，在【屬性】面板中設(shè)定文字大小，在【屬性】面板中設(shè)定文字大小 為為“100”100”，顏色為，顏色為“紅色紅色”，字形為，字形為“斜體斜體”，在舞臺上中間偏左的位置，在舞臺上中間偏左的位置 單擊，輸入單擊，輸入“FLASH”FLASH”。 (3) (3) 單擊時間軸左下方的【插入圖層】按鈕單擊時間軸左下方的【插入圖層】按鈕 ，在新圖層上繪制一個橢圓，在新圖層上繪制一個橢圓

6、， 設(shè)定橢圓的邊框顏色為設(shè)定橢圓的邊框顏色為“無無”，填充為，填充為“白色到黑色的放射狀漸變白色到黑色的放射狀漸變”，大，大 小如圖所小如圖所示。示。 繪制的橢圓繪制的橢圓 制作遮罩動畫制作遮罩動畫 (4) (4) 選中橢圓，按選中橢圓，按鍵或單擊修改鍵或單擊修改“菜單菜單”“轉(zhuǎn)換為元件轉(zhuǎn)換為元件” ，在彈出的對話框中單擊【確定】按鈕，將橢圓圖形轉(zhuǎn)換為元件。，在彈出的對話框中單擊【確定】按鈕，將橢圓圖形轉(zhuǎn)換為元件。 單擊圖層單擊圖層1 1的第的第1515幀，按幀，按鍵，插入幀。單擊圖層鍵，插入幀。單擊圖層2 2的第的第1515幀，按幀，按 鍵，插入關(guān)鍵幀。將橢圓移動到文字的右側(cè)，如圖所示，右擊

7、鍵，插入關(guān)鍵幀。將橢圓移動到文字的右側(cè)，如圖所示，右擊 中間任意一幀，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命中間任意一幀，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命 令。令。 橢圓的運動動畫橢圓的運動動畫 制作遮罩動畫制作遮罩動畫 (5) (5) 在圖層在圖層2 2的名稱上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】的名稱上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】 命令，如圖所示。這時時間軸發(fā)生了變化，圖層命令，如圖所示。這時時間軸發(fā)生了變化，圖層2 2變成了遮罩層，圖層變成了遮罩層，圖層1 1 變成了被遮罩層。設(shè)定遮罩層后的時間軸如圖所變成了被遮罩層。設(shè)定遮罩層后的時間軸如圖所示。示

8、。 選擇【遮罩層】命令選擇【遮罩層】命令設(shè)定遮罩層后的時間軸設(shè)定遮罩層后的時間軸 制作遮罩動畫制作遮罩動畫 制作制作放大鏡效果放大鏡效果 u 1. 1. 實訓(xùn)目的實訓(xùn)目的 通過制作一個如圖所示經(jīng)典通過制作一個如圖所示經(jīng)典遮罩遮罩動畫動畫“放放 大鏡大鏡”，進一步熟悉，進一步熟悉遮罩遮罩動畫的制作方法和技巧動畫的制作方法和技巧 ，分清，分清遮罩遮罩和偽和偽遮罩遮罩的區(qū)別，提高實際操作中解的區(qū)別，提高實際操作中解 決問題的能力。決問題的能力。 放大鏡效果放大鏡效果 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (1) (1) 新建一個新建一個FlashFlash動畫文檔，在工作區(qū)右上角的下拉列表框中選擇動畫文

9、檔，在工作區(qū)右上角的下拉列表框中選擇 【顯示全部】選項【顯示全部】選項。 (2) (2) 在菜單欄中選擇【插入】在菜單欄中選擇【插入】【新建元件】命令，在彈出的對話框中【新建元件】命令，在彈出的對話框中 命名圖形元件的名稱為命名圖形元件的名稱為“放大鏡放大鏡”，單擊【確定】按鈕，進入到元，單擊【確定】按鈕，進入到元 件的編輯狀態(tài)。單擊【橢圓工具】按鈕件的編輯狀態(tài)。單擊【橢圓工具】按鈕 ，在【屬性】面板中設(shè)定，在【屬性】面板中設(shè)定 邊框顏色為邊框顏色為“深灰色深灰色”，寬度為，寬度為“4”4”，填充為，填充為“無色無色”，在舞臺，在舞臺 中央按中央按鍵繪制一個正圓。再選擇【矩形工具】按鈕鍵繪制一

10、個正圓。再選擇【矩形工具】按鈕 ，設(shè)定，設(shè)定 邊框為邊框為“深灰色深灰色”，填充為，填充為“白色到黑色的線性漸變白色到黑色的線性漸變”，在圓形下，在圓形下 面繪制一個矩形作為放大鏡的手柄，繪制完的放大鏡圖形元件，如面繪制一個矩形作為放大鏡的手柄，繪制完的放大鏡圖形元件，如 圖圖5-585-58所所示。示。 放大鏡效果放大鏡效果 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (3) (3) 單擊工作區(qū)左上角的單擊工作區(qū)左上角的“場景場景1”1”，回到場景中，單擊工具箱中的【，回到場景中，單擊工具箱中的【 文本工具】按鈕文本工具】按鈕 ，在【屬性】面板中設(shè)定顏色為紅色，字體為，在【屬性】面板中設(shè)定顏色為紅色，

11、字體為 “Arial Black”Arial Black”，字號為，字號為“60”60”，字體類型為斜體，在舞臺上輸，字體類型為斜體，在舞臺上輸 入入“Flash CS3”Flash CS3”，如圖，如圖5-595-59所示。單擊圖層所示。單擊圖層1 1的名稱，重命名為的名稱，重命名為 “小文字小文字”，在第，在第3030幀按幀按鍵插入幀鍵插入幀。 圖圖5-58 5-58 放大鏡圖形元件放大鏡圖形元件 圖圖5-59 5-59 鍵入小文字鍵入小文字 制作制作放大鏡效果放大鏡效果 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (4) (4) 單擊【時間軸】面板左下方的【插入圖層】按鈕單擊【時間軸】面板左下方的

12、【插入圖層】按鈕 ，新建一個圖層，新建一個圖層， 雙擊名稱，命名為雙擊名稱，命名為“大文字大文字”。單擊工具箱中的【文本工具】按鈕。單擊工具箱中的【文本工具】按鈕 ，字號改為，字號改為“75”75”，在舞臺上輸入，在舞臺上輸入“Flash CS3”Flash CS3”，如圖，如圖5-605-60所示。所示。 圖圖5-60 5-60 鍵入大文字鍵入大文字 放大鏡效果放大鏡效果 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (5) (5) 單擊時間軸左下角的【插入圖層】按鈕單擊時間軸左下角的【插入圖層】按鈕 ，再新建一個圖層，雙擊，再新建一個圖層，雙擊 名稱，將其命名為名稱，將其命名為“放大鏡放大鏡”，將放大

13、鏡從【庫】面板拖放到舞臺，將放大鏡從【庫】面板拖放到舞臺 上文字的左側(cè)。單擊工具箱中的【任意變形工具】按鈕上文字的左側(cè)。單擊工具箱中的【任意變形工具】按鈕 ，鼠標移，鼠標移 動到四個角上出現(xiàn)旋轉(zhuǎn)圖標時逆時針旋轉(zhuǎn)動到四個角上出現(xiàn)旋轉(zhuǎn)圖標時逆時針旋轉(zhuǎn)3030，在第，在第3030幀上按幀上按 鍵插入關(guān)鍵幀，將放大鏡從左側(cè)移動到右側(cè)，如圖鍵插入關(guān)鍵幀，將放大鏡從左側(cè)移動到右側(cè)，如圖5-615-61所所示。示。 放大鏡效果放大鏡效果 圖圖5-61 5-61 放大鏡從左側(cè)移動到右側(cè)放大鏡從左側(cè)移動到右側(cè) u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (6) (6) 選擇選擇“大文字大文字”圖層，單擊時間軸左下角的【插

14、入圖層】按鈕圖層，單擊時間軸左下角的【插入圖層】按鈕 ， 再新建一個圖層，雙擊名稱，將其命名為再新建一個圖層，雙擊名稱，將其命名為“遮罩遮罩”。單擊工具箱中。單擊工具箱中 的【橢圓工具】按鈕的【橢圓工具】按鈕 ，在【屬性】面板中設(shè)定邊框顏色為【無】，在【屬性】面板中設(shè)定邊框顏色為【無】 ，填充任意顏色，按，填充任意顏色，按鍵繪制一個正圓，圓的大小與放大鏡鍵繪制一個正圓，圓的大小與放大鏡 的鏡片大小相同。繪制完的遮罩圖形如圖的鏡片大小相同。繪制完的遮罩圖形如圖5-625-62所所示。示。 放大鏡效果放大鏡效果 圖圖5-62 5-62 繪制遮罩圓形繪制遮罩圓形 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (

15、7) (7) 選中遮罩，按選中遮罩，按鍵將其轉(zhuǎn)換為圖形元件，命名為鍵將其轉(zhuǎn)換為圖形元件，命名為“遮罩遮罩”，單，單 擊擊“遮罩遮罩”層的第層的第3030幀，按幀，按鍵創(chuàng)建關(guān)鍵幀。將遮罩移動到右鍵創(chuàng)建關(guān)鍵幀。將遮罩移動到右 側(cè)與放大鏡同步，右擊側(cè)與放大鏡同步，右擊“遮罩遮罩”層名稱，在彈出的右鍵快捷菜單層名稱，在彈出的右鍵快捷菜單 中選擇【遮罩層】命令，使大文字只在鏡片中顯示，如圖中選擇【遮罩層】命令，使大文字只在鏡片中顯示，如圖5-635-63所所 示。示。 放大鏡效果放大鏡效果 圖圖5-63 5-63 繪制遮罩圓形繪制遮罩圓形 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (8) (8) 選擇選擇“小文

16、字小文字”層，單擊時間軸左下角的【插入圖層】按鈕層，單擊時間軸左下角的【插入圖層】按鈕 ，再，再 新建一個圖層，雙擊名稱，將其命名為新建一個圖層，雙擊名稱，將其命名為“偽蒙版?zhèn)蚊砂妗?。單擊工具箱中。單擊工具箱?的【橢圓工具】按鈕的【橢圓工具】按鈕 ，在【屬性】面板中設(shè)定邊框顏色為【無】，在【屬性】面板中設(shè)定邊框顏色為【無】 ，填充背景顏色，這里為，填充背景顏色，這里為“白色白色”。按。按鍵繪制一個正圓，鍵繪制一個正圓， 圓的大小與放大鏡的鏡片大小相同，得到小文字的偽蒙版如圖圓的大小與放大鏡的鏡片大小相同，得到小文字的偽蒙版如圖5-645-64 所所示。示。 放大鏡效果放大鏡效果 圖圖5-64

17、 5-64 繪制遮罩圓形繪制遮罩圓形 u 2. 2. 實訓(xùn)實訓(xùn)步驟步驟 (9) (9) 選中偽蒙版，按選中偽蒙版，按鍵將其轉(zhuǎn)換為圖形元件，命名為鍵將其轉(zhuǎn)換為圖形元件，命名為“偽蒙版?zhèn)蚊砂妗薄?單擊單擊“偽蒙版?zhèn)蚊砂妗睂拥牡趯拥牡?030幀，按幀，按鍵插入關(guān)鍵幀，將偽蒙版移動鍵插入關(guān)鍵幀，將偽蒙版移動 到右側(cè)與放大鏡同步，這時動畫的時間軸共有到右側(cè)與放大鏡同步，這時動畫的時間軸共有5 5層，排列順序如圖層，排列順序如圖 10-3410-34所示。所示。 (10) (10) 按按+組合鍵測試動畫，如同放大鏡從文字上經(jīng)過，組合鍵測試動畫，如同放大鏡從文字上經(jīng)過， 鏡片中文字被放大，如圖鏡片中文字被放大，如圖5-655-65所所示。示。 放大鏡效果放大鏡效果 圖圖5-