遮罩層實例練習

1、遮罩層及其實例練習 知識點學習 遮罩動畫的概念 遮罩動畫的作用 創(chuàng)建遮罩的方法遮罩動畫的概念遮罩層可遮蔽背景。當在遮罩層中繪制對象時，這些對象具有透明效果，可以把圖形位置的背景顯露出來，而遮蔽其他部分的背景。遮罩動畫的作用1. 用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見。2. 用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊的效果。創(chuàng)建遮罩的方法 在Flash中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實是由普通圖層轉化的。你只要在某個圖層上單擊右鍵，在彈出菜單中選擇【遮罩層】，使命令的左邊出現(xiàn)一個小勾，該圖層就會生成遮罩層，“層圖標”就會從普通層圖標 變?yōu)檎谡謱訄D標 。識別

2、一下上圖中圖層之間的關系？應用遮罩時的技巧：1. 遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條先“打散”，并轉化為“填充”。 2. 遮罩層的基本原理是：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。 3. 在制作過程中，遮罩層經常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕 ，使之如下圖改變 ，使遮罩

3、層只顯示邊框形狀，在種情況下，你還可以拖動邊框調整遮罩圖形的外形和位置。 4. 遮罩可以應用在gif動畫上。5. 在被遮罩層中不能放置動態(tài)文本。6. 不能用一個遮罩層試圖遮蔽另一個遮罩層。本實例知識提要本實例知識提要 將線條轉化為填充 創(chuàng)建遮罩動畫 使用變形面板 學習使用【橡皮擦工具】中的“水籠頭”工具和擦除線條一、創(chuàng)建影片文檔：1. 執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，單擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小為400400像素，【背景色】最好為深色。2. 選擇工具箱中的【矩形工具】，在場景中繪制出一個400400像素的無邊

4、正方形，用【放射狀】漸變色進行填充，如圖所示。二、創(chuàng)建元件1. 創(chuàng)建“閃光線條”元件：執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條”。選擇工具箱中的【線條工具】 ，設置【筆觸顏色】為黃色，在場景中畫一條直線，具體參數(shù)設置如圖所示。2、創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條組合”。從庫中將名為“閃光線條”的元件拖入新元件編輯場景中，在【屬性】面板中，設置【X】為-200，【Y】為20。單擊工具箱中的【任意變形工具】 ，此時元件實例的中心會出現(xiàn)一個小白點，它就是對象的“變形點”，用鼠標左鍵按住它，拖到場景的中心“+”處松手。

5、 執(zhí)行【窗口】|【設計面板】|【變形】命令，打開【變形】面板，選中【旋轉】，角度為15度，連續(xù)單擊【復制并應用變形】按鈕 ，在場景中復制出的效果如圖所示。 選中全部圖形，執(zhí)行【修改】|【分離】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉化為填充】命令，將線條轉變?yōu)樾螤睢?、創(chuàng)建“閃光”元件1. 執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“閃光” 。 把庫里名為“閃光線條組合”的元件拖到場景中，使元件實例的中心點對齊場景中的“+”符號。在第30幀處加關鍵幀，用鼠標右鍵單擊第1幀，在彈出的菜單中選擇【創(chuàng)建補間動畫】，切換到【屬性】面板，設置【旋轉】為【順時針】，旋轉一周。

6、新增一個圖層，選中第1幀，執(zhí)行【編輯】|【粘貼到當前位置】命令，使兩圖層中的“閃光線條組合”實例完全重合，執(zhí)行【修改】|【變形】|【水平翻轉】命令，讓復制過來的線條和第一層中的線條方向相反，在場景中形成交叉的圖形。 選中第30幀，新增一個關鍵幀，用鼠標右鍵單擊第1幀，選擇【創(chuàng)建補間動畫】，建立動作補間動畫，在【屬性】面板中，設置【旋轉】為逆時針旋轉一周，最后將此層設為遮罩層，用鼠標右鍵單擊靠上的圖層，選擇【遮罩層】。4、創(chuàng)建“紅星”元件 執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“紅星”。我們要在這個元件中畫一個漂亮的紅星，為了畫好紅星，我們分九步來敘述具體的畫法，圖中的“1-9

7、”的數(shù)字表示這九個步驟。 注意： 畫線條的時候應該使用 選項 面板中的 對齊 工具，否則所繪制的圖形會有空隙。 要使得五角星呈現(xiàn)立體狀態(tài)，必須將五角星的填充色做“明亮度”的適當調整，最好相鄰的兩色塊為一明一暗。方法二： 在Flash MX 2004中，還可以用更簡單的方法繪制出紅星，單擊工具箱中【矩形工具】按鈕 下方的小黑三角形，在下拉菜單中選擇【多角星形工具】繪制即可。5、創(chuàng)建動畫 回到主場景1中，新增二個圖層，把“閃光”元件拖入第二層中，“紅星”元件拖入到第三層中，完成后的時間軸面板與場景如圖所示。小結：遮罩動畫是Flash中的一個很重要的動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的。學好