- 相關(guān)推薦
Flash遮罩動畫的制作與應(yīng)用
Flash遮罩動畫的制作與應(yīng)用【1】
摘 要：Flash軟件是一個應(yīng)用廣泛的二維動畫制作軟件，本文從二維動畫的技術(shù)表現(xiàn)入手，闡述了Flash動畫的重要技術(shù)之一——遮罩層動畫的技術(shù)實現(xiàn)及其在各種動畫作品中的應(yīng)用，對遮罩動畫的設(shè)計與應(yīng)用具有一定的指導(dǎo)意義。
關(guān)鍵詞：Flash;二維動畫;遮罩
0 前言
目前，F(xiàn)lash是由Adobe公司發(fā)行的一款專門用于制作二維動畫的軟件，是當前最優(yōu)秀、應(yīng)用最廣泛的矢量動畫設(shè)計軟件，主要應(yīng)用于網(wǎng)頁廣告、交互式游戲、二維動畫、教育等領(lǐng)域，由于其文件體積小、易于傳播的特點，得到了廣泛的應(yīng)用。
雖然，由于html5技術(shù)的沖擊，其市場地位備受爭議，但其所能實現(xiàn)的細膩的動畫細節(jié)仍然吸引了廣大用戶。
而Flash的作品中絕大大多數(shù)都應(yīng)用了遮罩動畫技術(shù)，本文就此對flash動畫中的遮罩技術(shù)的制作與應(yīng)用進行探討。
1 遮罩動畫技術(shù)簡介
Flash動畫的主要技術(shù)包括：動畫補間、形狀補間、引導(dǎo)層、時間軸特效、遮罩層等，其中遮罩動畫是一種應(yīng)用很廣泛的動畫類型，很多效果豐富的動畫都是通過遮罩來完成，如閃光、水波、萬花筒、百葉窗、放大鏡、望遠鏡……等等，常見于廣告、游戲、動畫電影電視特效等領(lǐng)域。
遮罩動畫技術(shù)的效果實現(xiàn)一般來講需要三層，自下至上分別為：背景層、被遮罩層、遮罩層。
背景層指沒有遮罩效果時的展示;被遮罩層是指被遮罩的東西，也是透過遮罩形狀能看見的東西;遮罩層指展示所要表現(xiàn)出來的形狀，即可見的形狀。
在遮罩動畫的制作過程中，只要清楚這三層的作用，就能快速的實現(xiàn)所要的動畫特效。
2 遮罩動畫的技術(shù)實現(xiàn)
遮罩層動畫的實現(xiàn)至少需要遮罩層和被遮罩層兩層，單獨使用遮罩層來制作動畫，效果單一乏味，可與Flash的其他動畫技術(shù)充分結(jié)合，以發(fā)揮遮罩動畫的強大功能效果。
(1)遮罩層與動畫補間動畫的結(jié)合。
動畫補間動畫一般用于制作位置移動、縮放、旋轉(zhuǎn)、色彩變化等動畫效果。
在遮罩動畫的制作過程中，可以分別在遮罩層或被遮罩層應(yīng)用動畫補間動畫，以實現(xiàn)各種動畫效果。
讓遮罩層的形狀元件移動，可以做探照燈效果;讓遮罩層的形狀元件縮小或放大，可以制作出卷軸、放大鏡、動畫片中的鏡頭轉(zhuǎn)換特效、圖像轉(zhuǎn)換等效果。
(2)遮罩層與形狀動畫補間的結(jié)合。
形狀動畫補間動畫一般用于制作不規(guī)則形狀變化的動畫效果，其特點是形狀變化是隨機生成的、不可控的。
形狀動畫補間動畫與遮罩技術(shù)結(jié)合，作為遮罩層，讓遮罩層的形狀做不規(guī)則形狀變化，可以讓圖像的展現(xiàn)以隨意的方式漸漸顯現(xiàn)，輕松實現(xiàn)優(yōu)美的動畫特效。
(3)遮罩層與時間軸特效的結(jié)合。
時間軸特效中的分散式直接復(fù)制和復(fù)制到網(wǎng)格可以按需要復(fù)制出所需數(shù)目的影片剪輯元件實例，并按照制作者的設(shè)置進行位置排列。
在利用遮罩技術(shù)制作的圖像轉(zhuǎn)換的動畫效果中，可以制作出單個變化的小形狀，如一個會滾動放大的方塊、一個會移動放大或縮小的圓形等，然后利用分散式直接復(fù)制在縱向(或橫向)復(fù)制出一行(或一列)，且設(shè)置好偏移起始幀，做出逐步出現(xiàn)的動畫效果。
再次利用分散式直接復(fù)制在橫向(或縱向)復(fù)制出多列(或多行)，以布滿畫面為最低標準，從而實現(xiàn)層次豐富的圖像轉(zhuǎn)換動畫效果。
(4)遮罩層與ActionScript的結(jié)合。
ActionScript是Flash制作交互式動畫的根本技術(shù)。
ActionScript中的setMask()方法可以根據(jù)開發(fā)者的需要靈活設(shè)置遮罩層，無時間空間限制。
利用setMask()來實現(xiàn)遮罩層設(shè)置，可以制作出放大鏡、可移動探照燈、模糊遮罩等效果，使得動畫更顯人性化。
3 遮罩動畫的應(yīng)用原則
遮罩動畫設(shè)計與應(yīng)用的首要原則是動畫流暢性。
無論創(chuàng)作者要要表現(xiàn)多么復(fù)雜的動畫效果，最終在動畫作品中都要給參與者留下一個印象，動畫的播放國產(chǎn)是流暢的，鏡頭、圖像的轉(zhuǎn)換是自然的，整體上沒有突兀感。
其次要考慮受眾的人群特征，遵循趣味性原則。
Flash 動畫的受眾大部分都是經(jīng)常上網(wǎng)的人群，根據(jù)中國互聯(lián)網(wǎng)絡(luò)中心2013 年 7月發(fā)布的第 32 次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展狀況統(tǒng)計報告》，上網(wǎng)人群中超過一半的人的年齡是分布在18至30歲之間。
統(tǒng)計數(shù)字表明，網(wǎng)絡(luò)受眾主要是年輕的和受過良好教育的人群，這個群體年輕、個性張揚、崇尚自由、自主性強、重視內(nèi)心的感受和個人體驗、樂于接受新事物，是伴隨卡通動漫成長的一代，因此動畫的設(shè)計要充分體現(xiàn)娛樂性原則。
遮罩動畫的設(shè)計與應(yīng)用還要保持動畫作品的藝術(shù)性。
Flash 動畫是藝術(shù)和技術(shù)緊密結(jié)合的產(chǎn)物，強有力的技術(shù)手段是遮罩動畫實現(xiàn)的保證，但是創(chuàng)作者的意圖必須通過藝術(shù)化的圖形設(shè)計才能得到充分的表達。
4 小結(jié)
綜上所述，遮罩層動畫是一個操作簡單、變幻無窮的動畫技術(shù)，熟練掌握該技術(shù)的應(yīng)用，并結(jié)合動畫制作者的藝術(shù)素養(yǎng)，靈活利用于各種flash動畫作品中，可以實現(xiàn)豐富的動畫特效，使動畫作品具有強烈的吸引力和視覺沖擊。
參考文獻：
[1] 潘彪.巧用flash遮罩動畫制作各種精美動畫[J].電腦知識與技術(shù)，2010(36).
[2] 蔡鵬，錢鈺，等.Flash 動畫在網(wǎng)頁制作中的應(yīng)用及相關(guān)探討[J].電子技術(shù)與軟件工程，2013(19).
[3] 王繼軍.《二維動畫設(shè)計》課程教學(xué)方法改革探索與實踐[J].教育教學(xué)論壇，2013(41).
[4] 叢波.淺談Flash動畫設(shè)計中遮罩動畫實例的設(shè)計[J].科技創(chuàng)新與應(yīng)用，2013(25).
[5] 白英德，杜穎瑋.《Flash遮罩動畫》教學(xué)設(shè)計[J].中國信息技術(shù)教育，2010(05).
[6] 袁媛，龐霏，王旭.淺談Flash動畫設(shè)計[J].才智，2011(14).
Flash遮罩動畫的使用技巧及應(yīng)用【2】
【摘 要】Flash動畫中圖層包括普通層、引導(dǎo)層、遮罩層等。
每種圖層都有其特點和優(yōu)勢，而遮罩層作為特殊圖層能夠產(chǎn)生許多特殊效果。
這里從Flash基本知識點，遮罩的原理、使用技巧及實例入手，介紹遮罩動畫的應(yīng)用，帶大家一起感受遮罩動畫的魅力。
【關(guān)鍵詞】flash 遮罩動畫 遮罩層 被遮罩層
Flash是采用矢量圖形和流式播放技術(shù)進行二維動畫編輯的網(wǎng)頁動畫制作軟件，具有交互功能，文件體積小，并能夠?qū)⒁魳罚瑒赢嫞曅В换シ绞较嗳诤系忍攸c，廣泛應(yīng)用于廣告動畫設(shè)計，動畫游戲制作，網(wǎng)站導(dǎo)航，網(wǎng)絡(luò)電視，教學(xué)課件等，是目前網(wǎng)上流行的矢量動畫插件。
網(wǎng)頁設(shè)計者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。
下面結(jié)合我的工作經(jīng)驗，深入解析遮罩層的使用技巧及應(yīng)用。
一、動畫設(shè)計基本知識點
學(xué)習flash必須掌握以下幾點知識。
三種幀：關(guān)鍵幀，空白關(guān)鍵幀，普通幀。
三種元件：影片剪輯，按鈕，圖形。
三種層：普通層，引導(dǎo)層，遮罩層。
三種動畫形式：形狀補間動畫，動作補間動畫，逐幀動畫。
(一)遮罩層的基本原理
能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性(包括它們的變形效果)，但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。
比如，我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。
(二)遮罩層的使用技巧
遮罩在flash里面的應(yīng)用非常廣，很多漂亮的動畫都是用遮罩做出來的，比如“打光效果”，“瀑布效果”，“探照燈效果”等等，而遮罩層又是很多初學(xué)比較難以理解的。
現(xiàn)在我把遮罩的一些用法與技巧總結(jié)歸納一下：1.遮罩由兩部分組成，包括遮罩層與被遮罩層，上面圖層叫遮罩層，下面圖層叫被遮罩層;2.被遮罩層只顯示在遮罩層有東西的地方。
比如被遮罩層是副風景，遮罩層是一只手，那么做出來的效果顯示的是外形為手的風景。
而遮罩層的東西是不顯示的，所以他的顏色是什么一點關(guān)系都沒有;3.做動畫可以在遮罩層也可以在被遮罩層，這需要我們靈活運用;4.遮罩層只能是一個圖層，而被遮罩層可以是好多個層， 當我們需要遮罩層的動畫比較復(fù)雜的時候，這個時候一個圖層做不來，就把動畫做到一個影片剪輯里面去。
注意是影片剪輯而不是圖形;5.線不能做遮罩，所以如果是線畫出來的形狀，先把線轉(zhuǎn)換為填充，點擊修改-形狀-把線條轉(zhuǎn)換為填充;6.文字要做遮罩先要把他打散為形狀。
即Ctrl+B連續(xù)按兩次再組合;7.直接建立遮罩邊緣是沒有模糊效果，它都是非常清晰的輪廓，如果需要模糊在被遮罩層最上面夾一個模糊的形狀。
或者用代碼實現(xiàn)，遮罩層的影片剪輯用模糊濾鏡，被遮罩層勾選屬性面板里面的“使用運行時位圖緩存”;8.設(shè)備字體不能被遮罩，如果需要用代碼來實現(xiàn)，則 mc.setMask(z) 注：Mc是被遮罩層的影片剪輯，Z 是遮罩層的影片剪輯;9.需要測試效果時，遮罩層與被遮罩層都要鎖定。
(三)以百葉窗為例制作遮罩層動畫
為了更好的理解遮罩層動畫，下面做一個百葉窗的例子，首先定義舞臺大小550*400，然后依次導(dǎo)入2張圖片到庫，從庫中拖入圖片分別放在圖層1和圖層2，大小分別也設(shè)置成550*400，并相對于舞臺上對齊和左對齊，放完圖層1上的圖片后鎖定圖層1，圖層2也是這樣，鎖定的目的是不再更改該圖層的圖片，以免兩個圖片混放在一個圖層上。
并新建圖層3，這個圖層準備放入遮罩層的對象，這里遮罩層是百葉窗的動畫，因為動畫比較復(fù)雜，所以我們考慮把這個百葉窗動畫做成影片剪輯，又因為百葉窗里的每個葉子也是動畫，所以我們先要把一個葉子動畫做成影片剪輯，再把“葉子”影片剪輯嵌入到“百葉窗”影片剪輯，也就是影片剪輯的嵌套。
于是我們先做葉子動畫，新建影片剪輯，名稱“葉子”，選擇第1幀，插入關(guān)鍵幀，在工作區(qū)繪制一個矩形，去掉矩形邊框，將矩形寬度設(shè)置為550PX，高度設(shè)置為12PX，并讓其中心對齊(對齊這點很重要);選擇第15幀，將矩形高度設(shè)置為1PX，寬度不變;選擇第16幀，插入空白關(guān)鍵幀，選擇第20幀插入普通幀。
右單擊第一幀，創(chuàng)建立形狀補間，當然你也可以創(chuàng)建動作補間，但其前提第1幀和第15幀上的對象是同一個圖形元件，葉子影片剪輯的幀如圖1所示。
新建影片剪輯，名稱“百葉窗”，選擇第1幀，插入關(guān)鍵幀，從庫中選擇葉子影片剪輯，拖入到工作區(qū)內(nèi)，并復(fù)制多個，將所有葉子選中讓其垂直居中分布和水平居中分布，如圖2所示。
回到主場景中，在圖層3上插入空白關(guān)鍵幀，從庫中選擇百葉窗影片剪輯，拖入到舞臺上，并中心對齊，右單擊圖層3選擇下拉菜單的“遮罩層”，這時圖層2自動變成被遮罩層，大功告成，我們可以測試一下影片了。
二、結(jié)語
通過百葉窗例子，我們進一步的理解并應(yīng)用遮罩層，深刻領(lǐng)會遮罩層的使用技巧，可以看到當遮罩層的動畫比較復(fù)雜時，我們可以將遮罩層的動畫做成影片剪輯。
通過與影片剪輯的結(jié)合，能制作出千變?nèi)f化的遮罩動畫效果。
【Flash遮罩動畫的制作與應(yīng)用】相關(guān)文章：
flash課件動畫制作10-01
運用Flash軟件制作動畫10-07
flash動畫簡歷表格10-01
用flash制作的課件10-01
flash動畫總結(jié)（通用6篇）03-12
怎樣用flash制作課件10-01
Flash二維動畫設(shè)計實習報告10-08
課件動畫制作教程10-01