Flash遮罩動畫的制作與應用

時間：2022-10-07 19:28:36 計算機應用論文

Flash遮罩動畫的制作與應用

　　Flash遮罩動畫的制作與應用【1】

　　摘要：Flash軟件是一個應用廣泛的二維動畫制作軟件，本文從二維動畫的技術表現入手，闡述了Flash動畫的重要技術之一——遮罩層動畫的技術實現及其在各種動畫作品中的應用，對遮罩動畫的設計與應用具有一定的指導意義。

　　關鍵詞：Flash;二維動畫;遮罩

　　0 前言

　　目前，Flash是由Adobe公司發行的一款專門用于制作二維動畫的軟件，是當前最優秀、應用最廣泛的矢量動畫設計軟件，主要應用于網頁廣告、交互式游戲、二維動畫、教育等領域，由于其文件體積小、易于傳播的特點，得到了廣泛的應用。

　　雖然，由于html5技術的沖擊，其市場地位備受爭議，但其所能實現的細膩的動畫細節仍然吸引了廣大用戶。

　　而Flash的作品中絕大大多數都應用了遮罩動畫技術，本文就此對flash動畫中的遮罩技術的制作與應用進行探討。

　　1 遮罩動畫技術簡介

　　Flash動畫的主要技術包括：動畫補間、形狀補間、引導層、時間軸特效、遮罩層等，其中遮罩動畫是一種應用很廣泛的動畫類型，很多效果豐富的動畫都是通過遮罩來完成，如閃光、水波、萬花筒、百葉窗、放大鏡、望遠鏡……等等，常見于廣告、游戲、動畫電影電視特效等領域。

　　遮罩動畫技術的效果實現一般來講需要三層，自下至上分別為：背景層、被遮罩層、遮罩層。

　　背景層指沒有遮罩效果時的展示;被遮罩層是指被遮罩的東西，也是透過遮罩形狀能看見的東西;遮罩層指展示所要表現出來的形狀，即可見的形狀。

　　在遮罩動畫的制作過程中，只要清楚這三層的作用，就能快速的實現所要的動畫特效。

　　2 遮罩動畫的技術實現

　　遮罩層動畫的實現至少需要遮罩層和被遮罩層兩層，單獨使用遮罩層來制作動畫，效果單一乏味，可與Flash的其他動畫技術充分結合，以發揮遮罩動畫的強大功能效果。

　　(1)遮罩層與動畫補間動畫的結合。

　　動畫補間動畫一般用于制作位置移動、縮放、旋轉、色彩變化等動畫效果。

　　在遮罩動畫的制作過程中，可以分別在遮罩層或被遮罩層應用動畫補間動畫，以實現各種動畫效果。

　　讓遮罩層的形狀元件移動，可以做探照燈效果;讓遮罩層的形狀元件縮小或放大，可以制作出卷軸、放大鏡、動畫片中的鏡頭轉換特效、圖像轉換等效果。

　　(2)遮罩層與形狀動畫補間的結合。

　　形狀動畫補間動畫一般用于制作不規則形狀變化的動畫效果，其特點是形狀變化是隨機生成的、不可控的。

　　形狀動畫補間動畫與遮罩技術結合，作為遮罩層，讓遮罩層的形狀做不規則形狀變化，可以讓圖像的展現以隨意的方式漸漸顯現，輕松實現優美的動畫特效。

　　(3)遮罩層與時間軸特效的結合。

　　時間軸特效中的分散式直接復制和復制到網格可以按需要復制出所需數目的影片剪輯元件實例，并按照制作者的設置進行位置排列。

　　在利用遮罩技術制作的圖像轉換的動畫效果中，可以制作出單個變化的小形狀，如一個會滾動放大的方塊、一個會移動放大或縮小的圓形等，然后利用分散式直接復制在縱向(或橫向)復制出一行(或一列)，且設置好偏移起始幀，做出逐步出現的動畫效果。

　　再次利用分散式直接復制在橫向(或縱向)復制出多列(或多行)，以布滿畫面為最低標準，從而實現層次豐富的圖像轉換動畫效果。

　　(4)遮罩層與ActionScript的結合。

　　ActionScript是Flash制作交互式動畫的根本技術。

　　ActionScript中的setMask()方法可以根據開發者的需要靈活設置遮罩層，無時間空間限制。

　　利用setMask()來實現遮罩層設置，可以制作出放大鏡、可移動探照燈、模糊遮罩等效果，使得動畫更顯人性化。

　　3 遮罩動畫的應用原則

　　遮罩動畫設計與應用的首要原則是動畫流暢性。

　　無論創作者要要表現多么復雜的動畫效果，最終在動畫作品中都要給參與者留下一個印象，動畫的播放國產是流暢的，鏡頭、圖像的轉換是自然的，整體上沒有突兀感。

　　其次要考慮受眾的人群特征，遵循趣味性原則。

　　Flash 動畫的受眾大部分都是經常上網的人群，根據中國互聯網絡中心2013 年 7月發布的第 32 次《中國互聯網絡發展狀況統計報告》，上網人群中超過一半的人的年齡是分布在18至30歲之間。

　　統計數字表明，網絡受眾主要是年輕的和受過良好教育的人群，這個群體年輕、個性張揚、崇尚自由、自主性強、重視內心的感受和個人體驗、樂于接受新事物，是伴隨卡通動漫成長的一代，因此動畫的設計要充分體現娛樂性原則。

　　遮罩動畫的設計與應用還要保持動畫作品的藝術性。

　　Flash 動畫是藝術和技術緊密結合的產物，強有力的技術手段是遮罩動畫實現的保證，但是創作者的意圖必須通過藝術化的圖形設計才能得到充分的表達。

　　4 小結

　　綜上所述，遮罩層動畫是一個操作簡單、變幻無窮的動畫技術，熟練掌握該技術的應用，并結合動畫制作者的藝術素養，靈活利用于各種flash動畫作品中，可以實現豐富的動畫特效，使動畫作品具有強烈的吸引力和視覺沖擊。

　　參考文獻：

　　[1] 潘彪.巧用flash遮罩動畫制作各種精美動畫[J].電腦知識與技術，2010(36).

　　[2] 蔡鵬，錢鈺，等.Flash 動畫在網頁制作中的應用及相關探討[J].電子技術與軟件工程，2013(19).

　　[3] 王繼軍.《二維動畫設計》課程教學方法改革探索與實踐[J].教育教學論壇，2013(41).

　　[4] 叢波.淺談Flash動畫設計中遮罩動畫實例的設計[J].科技創新與應用，2013(25).

　　[5] 白英德，杜穎瑋.《Flash遮罩動畫》教學設計[J].中國信息技術教育，2010(05).

　　[6] 袁媛，龐霏，王旭.淺談Flash動畫設計[J].才智，2011(14).

　　Flash遮罩動畫的使用技巧及應用【2】

　　【摘要】Flash動畫中圖層包括普通層、引導層、遮罩層等。

　　每種圖層都有其特點和優勢，而遮罩層作為特殊圖層能夠產生許多特殊效果。

　　這里從Flash基本知識點，遮罩的原理、使用技巧及實例入手，介紹遮罩動畫的應用，帶大家一起感受遮罩動畫的魅力。

　　【關鍵詞】flash 遮罩動畫遮罩層被遮罩層

　　Flash是采用矢量圖形和流式播放技術進行二維動畫編輯的網頁動畫制作軟件，具有交互功能，文件體積小，并能夠將音樂，動畫，聲效，交互方式相融合等特點，廣泛應用于廣告動畫設計，動畫游戲制作，網站導航，網絡電視，教學課件等，是目前網上流行的矢量動畫插件。

　　網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。

　　下面結合我的工作經驗，深入解析遮罩層的使用技巧及應用。

　　一、動畫設計基本知識點

　　學習flash必須掌握以下幾點知識。

　　三種幀：關鍵幀，空白關鍵幀，普通幀。

　　三種元件：影片剪輯，按鈕，圖形。

　　三種層：普通層，引導層，遮罩層。

　　三種動畫形式：形狀補間動畫，動作補間動畫，逐幀動畫。

　　(一)遮罩層的基本原理

　　能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性(包括它們的變形效果)，但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。

　　比如，我們不能通過遮罩層的漸變色來實現被遮罩層的漸變色變化。

　　(二)遮罩層的使用技巧

　　遮罩在flash里面的應用非常廣，很多漂亮的動畫都是用遮罩做出來的，比如“打光效果”，“瀑布效果”，“探照燈效果”等等，而遮罩層又是很多初學比較難以理解的。

　　現在我把遮罩的一些用法與技巧總結歸納一下：1.遮罩由兩部分組成，包括遮罩層與被遮罩層，上面圖層叫遮罩層，下面圖層叫被遮罩層;2.被遮罩層只顯示在遮罩層有東西的地方。

　　比如被遮罩層是副風景，遮罩層是一只手，那么做出來的效果顯示的是外形為手的風景。

　　而遮罩層的東西是不顯示的，所以他的顏色是什么一點關系都沒有;3.做動畫可以在遮罩層也可以在被遮罩層，這需要我們靈活運用;4.遮罩層只能是一個圖層，而被遮罩層可以是好多個層，當我們需要遮罩層的動畫比較復雜的時候，這個時候一個圖層做不來，就把動畫做到一個影片剪輯里面去。

　　注意是影片剪輯而不是圖形;5.線不能做遮罩，所以如果是線畫出來的形狀，先把線轉換為填充，點擊修改-形狀-把線條轉換為填充;6.文字要做遮罩先要把他打散為形狀。

　　即Ctrl+B連續按兩次再組合;7.直接建立遮罩邊緣是沒有模糊效果，它都是非常清晰的輪廓，如果需要模糊在被遮罩層最上面夾一個模糊的形狀。

　　或者用代碼實現，遮罩層的影片剪輯用模糊濾鏡，被遮罩層勾選屬性面板里面的“使用運行時位圖緩存”;8.設備字體不能被遮罩，如果需要用代碼來實現，則 mc.setMask(z) 注：Mc是被遮罩層的影片剪輯，Z 是遮罩層的影片剪輯;9.需要測試效果時，遮罩層與被遮罩層都要鎖定。

　　(三)以百葉窗為例制作遮罩層動畫

　　為了更好的理解遮罩層動畫，下面做一個百葉窗的例子，首先定義舞臺大小550*400，然后依次導入2張圖片到庫，從庫中拖入圖片分別放在圖層1和圖層2，大小分別也設置成550*400，并相對于舞臺上對齊和左對齊，放完圖層1上的圖片后鎖定圖層1，圖層2也是這樣，鎖定的目的是不再更改該圖層的圖片，以免兩個圖片混放在一個圖層上。

　　并新建圖層3，這個圖層準備放入遮罩層的對象，這里遮罩層是百葉窗的動畫，因為動畫比較復雜，所以我們考慮把這個百葉窗動畫做成影片剪輯，又因為百葉窗里的每個葉子也是動畫，所以我們先要把一個葉子動畫做成影片剪輯，再把“葉子”影片剪輯嵌入到“百葉窗”影片剪輯，也就是影片剪輯的嵌套。

　　于是我們先做葉子動畫，新建影片剪輯，名稱“葉子”，選擇第1幀，插入關鍵幀，在工作區繪制一個矩形，去掉矩形邊框，將矩形寬度設置為550PX，高度設置為12PX，并讓其中心對齊(對齊這點很重要);選擇第15幀，將矩形高度設置為1PX，寬度不變;選擇第16幀，插入空白關鍵幀，選擇第20幀插入普通幀。

　　右單擊第一幀，創建立形狀補間，當然你也可以創建動作補間，但其前提第1幀和第15幀上的對象是同一個圖形元件，葉子影片剪輯的幀如圖1所示。

　　新建影片剪輯，名稱“百葉窗”，選擇第1幀，插入關鍵幀，從庫中選擇葉子影片剪輯，拖入到工作區內，并復制多個，將所有葉子選中讓其垂直居中分布和水平居中分布，如圖2所示。

　　回到主場景中，在圖層3上插入空白關鍵幀，從庫中選擇百葉窗影片剪輯，拖入到舞臺上，并中心對齊，右單擊圖層3選擇下拉菜單的“遮罩層”，這時圖層2自動變成被遮罩層，大功告成，我們可以測試一下影片了。

　　二、結語

　　通過百葉窗例子，我們進一步的理解并應用遮罩層，深刻領會遮罩層的使用技巧，可以看到當遮罩層的動畫比較復雜時，我們可以將遮罩層的動畫做成影片剪輯。

　　通過與影片剪輯的結合，能制作出千變萬化的遮罩動畫效果。

【Flash遮罩動畫的制作與應用】相關文章：