1、.Flash- 遮罩層動畫遮罩層動畫.學習目標n了解遮罩層動畫的基本功能了解遮罩層動畫的基本功能n熟練掌握繪制遮罩層動畫的基本方法熟練掌握繪制遮罩層動畫的基本方法.知識要點知識要點掌握創建掌握創建遮罩遮罩層的方法層的方法 能通過模仿完成能通過模仿完成遮罩層遮罩層動畫實例的制作動畫實例的制作.Flash 動畫制作遮罩動畫遮罩動畫 在在FlashFlash中，圖層有一種遮罩圖層。想象一下，我中，圖層有一種遮罩圖層。想象一下，我們現在正透過窗戶觀看窗外的美景，我們所看的只是們現在正透過窗戶觀看窗外的美景，我們所看的只是窗戶這個范圍，其他的景物都被墻壁遮住了。窗戶這個范圍，其他的景物都被墻壁遮住了。F

2、lashFlash中中的遮罩與此現象非常類似。的遮罩與此現象非常類似。 遮罩動畫是通過遮罩層來完成的。遮罩的原理就遮罩動畫是通過遮罩層來完成的。遮罩的原理就是將某層作為遮罩，遮罩層下的一層是被遮罩層，而是將某層作為遮罩，遮罩層下的一層是被遮罩層，而只有遮罩層上的填充色塊下面的內容可見，色塊本身只有遮罩層上的填充色塊下面的內容可見，色塊本身是不可見的。作為遮罩層的對象可以是填充的形狀、是不可見的。作為遮罩層的對象可以是填充的形狀、文字對象、圖形元件和影片剪輯元件。文字對象、圖形元件和影片剪輯元件。.遮罩動畫n對于一些特殊的動畫效果，如聚光燈、淡入淡出效果、水波等，都可以通過Flash的遮罩功能來

3、實現。.遮罩動畫的概念遮罩動畫的概念n遮罩層和引導層一樣，是遮罩層和引導層一樣，是FlashFlash中特殊的圖層。合中特殊的圖層。合理地使用遮罩層可以創建出豐富多彩的動畫效果。理地使用遮罩層可以創建出豐富多彩的動畫效果。n在現實中我們可以看到很多類似遮罩的情況，比如在現實中我們可以看到很多類似遮罩的情況，比如說通過望遠鏡我們只能看到一部分景物。在說通過望遠鏡我們只能看到一部分景物。在Flash中，可以通過遮罩層來定義其下面的圖層中對象的中，可以通過遮罩層來定義其下面的圖層中對象的可見區域。遮罩層是一種很特殊的圖層，可以將下可見區域。遮罩層是一種很特殊的圖層，可以將下面的圖層屏蔽，而下方的被遮

4、罩層只能顯示上方遮面的圖層屏蔽，而下方的被遮罩層只能顯示上方遮罩層圖形區域大小的內容。罩層圖形區域大小的內容。 .n制作如圖所示的動態文字效果。制作如圖所示的動態文字效果。.制作“動感文字”本例將遮罩原理用于制作動感文字，在文字的輪廓中本例將遮罩原理用于制作動感文字，在文字的輪廓中將出現流云的運動效果，避免文字過于呆板和單調，將出現流云的運動效果，避免文字過于呆板和單調，增加其美感，最終設計效果如圖所示。增加其美感，最終設計效果如圖所示。【設計目標設計目標】.n使用一幅靜態圖片制作流水效果，參考圖片如使用一幅靜態圖片制作流水效果，參考圖片如圖所示。圖所示。.“水中倒影效果”n利用遮罩原理可以表

5、達很多動畫效果。例如，利用遮罩原理可以表達很多動畫效果。例如，“水水”是動畫中常用的主題，波光粼粼的水面、是動畫中常用的主題，波光粼粼的水面、水中美麗的倒影、流動的小溪以及水中美麗的倒影、流動的小溪以及“飛流直下飛流直下三千尺三千尺”的瀑布都是動畫設計師寵愛的題材。的瀑布都是動畫設計師寵愛的題材。n本例將進一步加深對遮罩效果的理解，掌握在本例將進一步加深對遮罩效果的理解，掌握在影片剪輯中制作遮罩效果的方法。影片剪輯中制作遮罩效果的方法。【設計目標設計目標】.“瀑布效果”遮罩動畫的原理就是透過遮罩層物體的形遮罩動畫的原理就是透過遮罩層物體的形狀看到被遮罩層物體的內容，因此要使圖狀看到被遮罩層物體

6、的內容，因此要使圖片中靜止的瀑布片中靜止的瀑布“動起來動起來”，而其他區域，而其他區域的景色則保持不變，應該分兩步來處理。的景色則保持不變，應該分兩步來處理。n首先分離瀑布流水。首先分離瀑布流水。n然后給流水添加遮罩效果。然后給流水添加遮罩效果。【設計思路設計思路】.n利用遮罩制作放大鏡效果，如圖所示。利用遮罩制作放大鏡效果，如圖所示。 .遮罩動畫的概念遮罩動畫的概念一個遮罩效果的實現至少需要兩個圖層，上面的圖層一個遮罩效果的實現至少需要兩個圖層，上面的圖層是遮罩層，下面的圖層是被遮罩層，如圖所示，其是遮罩層，下面的圖層是被遮罩層，如圖所示，其中中“圖層圖層2”2”是遮罩層，是遮罩層，“圖層圖

7、層1”1”是被遮罩層。與是被遮罩層。與普通層不同的是，在具有遮罩層的場景中，只能通普通層不同的是，在具有遮罩層的場景中，只能通過遮罩層上對象的形狀，才可以看到被遮罩層上的過遮罩層上對象的形狀，才可以看到被遮罩層上的內容。內容。 .1.創建遮罩層動畫創建遮罩層動畫的兩種方法n在“時間軸”面板中，選擇要設置為遮罩層的圖層，單擊鼠標右鍵，在彈出來的快捷菜單中選擇“遮罩層”命令，就可以添加遮罩，如圖所示：n在“時間軸”面板中，雙擊要作為“遮罩層”的圖層的圖標，會彈處“圖層屬性”對話框，在對話框中選擇類型為“遮罩層”，此時圖層圖標會變為形狀。然后雙擊要作為“被遮罩層”的圖層的圖標，會彈出“圖層屬性”對話

8、框，在對話框的類型欄里面選擇“被遮罩”，然后單擊“確定”按鈕，即可以和“遮罩層”建立鏈接。 .8.1 遮罩層動畫原理8.1.1 知識點講解 在開始對遮罩層動畫進行典型案例分析之前，首先來學習遮罩層動在開始對遮罩層動畫進行典型案例分析之前，首先來學習遮罩層動畫的創建方法及其原理，為后續的提高打下理論基礎畫的創建方法及其原理，為后續的提高打下理論基礎 。 一、創建遮罩層。一、創建遮罩層。圖圖8-1 兩個圖層的遮罩兩個圖層的遮罩 圖圖8-2 用鼠標右鍵創建遮罩層用鼠標右鍵創建遮罩層 圖圖8-3 【圖層屬性圖層屬性】對話框對話框 .取消遮罩層動畫的三種方法取消遮罩層動畫的三種方法n在“時間軸”面板中，

9、將 “被遮罩層”拖動到“遮罩層”的上方，就可以取消遮罩層動畫 。n可以通過設置“遮罩層”的圖層屬性來取消遮罩層動畫。在“時間軸”面板中，雙擊“遮罩層”的圖標，會彈出“圖層屬性”對話框，在對話框的類型欄里面選擇“一般”，然后單擊“確定”按鈕，即可以斷開和“被遮罩層”建立的鏈接。n在“時間軸”面板上，選擇“遮罩層”，單擊鼠標右鍵，在彈出來的快捷菜單中選擇“遮罩層”命令。.使用遮罩原理創建復雜動畫使用遮罩原理創建復雜動畫 遮罩層中有動畫對象存在的地方都會產生一遮罩層中有動畫對象存在的地方都會產生一個孔，與其鏈接的被遮罩層相應區域中的對象可以個孔，與其鏈接的被遮罩層相應區域中的對象可以顯示出來；而沒有

10、動畫對象的地方會產生一個罩子，顯示出來；而沒有動畫對象的地方會產生一個罩子，遮住鏈接層相應區域中的對象。利用這個原理再輔遮住鏈接層相應區域中的對象。利用這個原理再輔之以其他動畫設計方法，可以制作出更多富有創意之以其他動畫設計方法，可以制作出更多富有創意的設計作品。本任務將創建兩個具有實用價值的動的設計作品。本任務將創建兩個具有實用價值的動畫作品。畫作品。.遮罩原理（注意事項）遮罩原理（注意事項）遮罩層中的對象必須是色塊、文字、符號、影遮罩層中的對象必須是色塊、文字、符號、影片剪輯元件（片剪輯元件（MovieClip）、按鈕或群組對象）、按鈕或群組對象，而被遮層不受限制，而被遮層不受限制 .圖圖

11、8-4 遮罩前的效果遮罩前的效果 圖圖8-5 遮罩后的效果遮罩后的效果 .“地球旋轉效果”n首先制作藍色方格背景。首先制作藍色方格背景。n然后制作半透明圓形球體作為遮罩層。然后制作半透明圓形球體作為遮罩層。n接著利用勾勒出來的大陸版塊作為被遮接著利用勾勒出來的大陸版塊作為被遮罩層。圓形球體是不運動的，但如果讓被罩層。圓形球體是不運動的，但如果讓被遮罩的大陸版塊運動起來，圓形球體看起遮罩的大陸版塊運動起來，圓形球體看起來就是運動的。來就是運動的。n對大陸版塊要分正面和背面，因此需要對大陸版塊要分正面和背面，因此需要使用多個被遮罩層。使用多個被遮罩層。【設計思路設計思路】.案例：模擬“物體在管道中

12、下落的效果”使用遮罩效果模擬現實生活中物體在管道中使用遮罩效果模擬現實生活中物體在管道中下落的運動效果，動畫中使用簡單的箭頭圖下落的運動效果，動畫中使用簡單的箭頭圖形來代表物體和管道，物體以不變的速度在形來代表物體和管道，物體以不變的速度在管道中下落，在轉彎處自動改變方向，最后管道中下落，在轉彎處自動改變方向，最后的設計效果如圖所示的設計效果如圖所示。 【設計效果設計效果】.【設計思路設計思路】n箭頭物體在拐彎處轉折的流暢性。本例采用兩段無縫隙的箭頭物體在拐彎處轉折的流暢性。本例采用兩段無縫隙的遮罩動畫來處理。遮罩動畫來處理。n箭頭物體在下落的過程中始終處于窗口的視野范圍內。本箭頭物體在下落的

13、過程中始終處于窗口的視野范圍內。本例讓箭頭的下落和管道的上升處于同步狀態。例讓箭頭的下落和管道的上升處于同步狀態。.案例：制作“卷軸展開效果”n本例利用了兩個遮罩。本例利用了兩個遮罩。n清晰圖片逐漸覆蓋模糊圖片的遮罩。清晰圖片逐漸覆蓋模糊圖片的遮罩。n卷軸移動效果的遮罩。卷軸移動效果的遮罩。n兩個遮罩始終保持同步。兩個遮罩始終保持同步。【設計思路設計思路】本例將創建一個本例將創建一個卷軸慢慢展開的卷軸慢慢展開的動畫，設計中使動畫，設計中使用卷軸中圖畫的用卷軸中圖畫的模糊效果圖作為模糊效果圖作為背景，隨著卷軸背景，隨著卷軸慢慢展開，模糊慢慢展開，模糊的圖畫逐漸清晰，的圖畫逐漸清晰，具有強烈的視覺

14、具有強烈的視覺沖擊效果，最后沖擊效果，最后的設計效果如圖的設計效果如圖所示。所示。 【設計效果設計效果】.案例：制作案例：制作“眼鏡反光眼鏡反光” 特效特效圖圖8-15 最終效果最終效果 .案例：制作“海邊美景”.8.2 多層遮罩動畫 通過前面一節課的學習，相信同學們已經掌握了遮罩層動畫的創建通過前面一節課的學習，相信同學們已經掌握了遮罩層動畫的創建方法和設計原理，在本小節中，將使用多層遮罩層動畫來制作復雜的方法和設計原理，在本小節中，將使用多層遮罩層動畫來制作復雜的Flash動畫動畫 。8.2.1 知識點講解 將普通圖層拖動到遮罩層或被遮罩層的下面，即可將普通圖層將普通圖層拖動到遮罩層或被遮

15、罩層的下面，即可將普通圖層轉化為其被遮罩層，在一組遮罩中，遮罩層只能有一個，而被遮轉化為其被遮罩層，在一組遮罩中，遮罩層只能有一個，而被遮罩層可以有多個，那就是多層遮罩，如圖罩層可以有多個，那就是多層遮罩，如圖8-33所示，其中所示，其中“圖層圖層2”為遮罩層，其余的所有圖層都是被遮罩層。為遮罩層，其余的所有圖層都是被遮罩層。 圖圖8-33 多層遮罩多層遮罩 .多層遮罩的創建多層遮罩的創建注意事項：注意事項：n要使用多層遮罩動畫做出精美的動畫作品應要使用多層遮罩動畫做出精美的動畫作品應該注意以下幾點。該注意以下幾點。n1、從現實生活中尋找創作靈感。從現實生活中尋找創作靈感。n2、使用遮罩層動畫

16、來模擬表達創意。使用遮罩層動畫來模擬表達創意。n3、多種動畫技術結合使用。多種動畫技術結合使用。n4、在制作過程中不斷完善自己的作品、在制作過程中不斷完善自己的作品 。. 8.2.2 8.2.2 范例解析制作“鏡花水月” 拼圖游戲拼圖游戲曾一度風靡全球，是老少皆宜的一種娛樂方式。本案例將曾一度風靡全球，是老少皆宜的一種娛樂方式。本案例將通過多層遮罩動畫，創造魔幻鏡子拼圖的效果，在充滿樂趣的輕松的氛通過多層遮罩動畫，創造魔幻鏡子拼圖的效果，在充滿樂趣的輕松的氛圍下，帶領讀者感受唯美的遮罩動畫的奧妙。其制作思路及效果如圖圍下，帶領讀者感受唯美的遮罩動畫的奧妙。其制作思路及效果如圖8-34所示所示

17、。打開模板制作拼圖動畫制作遮罩動畫最終效果2最終效果1制作清晰圖片遮罩效果圖圖8-34 制作思路及效果制作思路及效果 .8.2.3 課堂練習制作“斷橋遺夢 ” 請同學們使用經典案例請同學們使用經典案例“鏡花水月鏡花水月”中制作影片剪輯遮罩動畫的類中制作影片剪輯遮罩動畫的類似方法，制作一個似方法，制作一個“斷橋遺夢斷橋遺夢”的場景。在動畫中，一面鏡子映出一座的場景。在動畫中，一面鏡子映出一座古橋流水的畫卷，被突然下落的石頭砸中，產生裂紋，最后散為碎片，古橋流水的畫卷，被突然下落的石頭砸中，產生裂紋，最后散為碎片，只留下夢境一般的一座古橋留在記憶的畫面中。其效果圖如圖只留下夢境一般的一座古橋留在記

18、憶的畫面中。其效果圖如圖8-61所示所示 。1、打開教學資源中的、打開教學資源中的“素材素材第第8講講斷橋遺夢斷橋遺夢斷橋遺夢斷橋遺夢-模板模板.fla”文件文件，【庫庫】面板及場景效果如圖面板及場景效果如圖8-62所示所示 。圖圖8-61 效果圖效果圖 .實例：“七彩文字”（p149-151 ）n1、啟動Flash CS3，建立一個Flash文檔。n2、選擇“矩形”工具，在“屬性”面板中設置其筆觸顏色為無（），填充顏色為七彩的線性填充 n3、選擇繪制好的矩形，按CtrlG鍵將其組合。n4、選擇“時間軸”面板，將“圖層1”鎖定，在其上面新建一個圖層，圖層名稱為“圖層 2”。n5、選擇“文本”工

19、具（），并在“屬性”面板中設置字體為“隸書”，字體大小為50，其他均為默認值 n6、在舞臺上輸入文字“七彩文字” 。n7、在“時間軸”面板中，選擇“圖層 2”，單擊鼠標右鍵，在彈出來的快捷菜單中選擇“遮罩層”命令，將其設置為遮罩層。n8、選擇“圖層 2”的第30幀，按F5鍵，插入普通幀，設置動畫的播放時間為30幀。n9、解除“圖層 1”的鎖定，選擇“圖層 1”的第30幀，按F6鍵，插入關鍵幀。選擇第30幀處的矩形，將其向左移一定的位置 。n10、在“圖層 1”圖層的第1幀和第30幀之間選擇任意一幀，在“屬性”面板中的“補間”下拉菜單中選擇“動畫”選項 。n11、按CtrlEnter鍵，對影片進

20、行測試 。 .案例：“圖片瀏覽” （ p149-151 ）n遮罩動畫是Flash中應用比較多的動畫形式，通過它可以制作出許多炫目的動畫效果。我們可以利用遮罩層來制作一個“圖片瀏覽”的動畫。 最終效果如圖所示：.8.3 課后作業一、操作題一、操作題 1、請同學們根據典型案例、請同學們根據典型案例制作制作“眼鏡反光特效眼鏡反光特效”的制作思路，制作的制作思路，制作一個汽車車窗的過光效果，如圖一個汽車車窗的過光效果，如圖8-69所示所示 。圖圖8-69 車窗過光車窗過光 2、請同學們根據典型案例、請同學們根據典型案例制作制作“海邊美景海邊美景”的制作思路，制作一的制作思路，制作一個水中倒影的效果，如圖個水中倒影的效果，如圖8-70所示所示 。圖圖8-70 水中倒影水中倒影 .二、思考題二、思考題1、遮罩層動畫的原理是什么？、遮罩層動畫的原理是什么？2、制作遮罩層動畫至少需要幾個圖層？、制作遮罩層動畫至少需要幾個圖層？3、遮罩層動畫還能應用于哪些藝術表達方面？、遮罩層動畫還能應用于哪些藝術表達方面？.場景的概念場景的概念n場景可以看成是一段相對獨立的動畫，當動畫中有多個場景時，整個動畫會按照場景的順序播放。當然，也可以用腳本程序來控制場景的播放順序。n在Fl