1、,Flash,二維動畫,設(shè)計(jì)與制作,第九章 遮罩動畫,9.1 遮罩動畫原理,9.2 制作文字遮罩動畫,9.3 制作標(biāo)志動畫,9.4 能力拓展制作水波倒影動畫,9.5 綜合實(shí)力制作百葉窗效果,9.6 職業(yè)技能訓(xùn)練制作字幕效果,9.1 遮罩動畫原理,蒙板是由多個(gè)圖層組成的，最下面的一個(gè)圖層叫作基底圖層（簡稱基層），位于其上的圖層叫作頂層。遮罩動畫也叫蒙板動畫。,1,2,3,4,遮罩層和被遮罩層的關(guān)系，一組遮罩中只能有一個(gè)遮罩層，但容許有多個(gè)被遮罩層，要在已經(jīng)做好的遮罩中添加被遮罩層，只需要拖動要添加層的圖標(biāo)到遮罩層上，當(dāng)遮罩層顏色變暗，即松開鼠標(biāo)，這樣就可以快捷地將層做成被遮罩。如果要解除，則將其

2、拖出就可以了。,遮罩對元件的理解，如果同一幀中有多個(gè)元件，即使是相同的元件，遮罩都只會認(rèn)為形狀為第一個(gè)被放置進(jìn)去的元件的外邊框。,遮罩層的制作注意以下幾點(diǎn)：,遮罩 用途,在整個(gè)場景或一個(gè)特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見。 另一個(gè)作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。,對于多個(gè)遮罩層同時(shí)應(yīng)用的問題，在調(diào)整的時(shí)候一定要顧及到層是否鎖定，層與層之間的位置關(guān)系。如果不確定，請使用【顯示/隱藏層】選項(xiàng)。,要注意每個(gè)調(diào)節(jié)窗口、時(shí)間軸、幀位等的關(guān)系。,9.2 制作文字遮罩動畫,（1）新建一個(gè)文檔，設(shè)置文檔屬性中背景色為黑色。 （2）按Ctrl+R鍵導(dǎo)入一張圖片作為背景使用

3、（Ctrl+R是【導(dǎo)入到舞臺】的快捷鍵），如果是多張圖的導(dǎo)入，使用【文件】【導(dǎo)入】【導(dǎo)入到庫】的命令。 （3）將圖片轉(zhuǎn)化為影片剪輯“背景”，制作“背景”在舞臺上移動的幀數(shù)為50的動作補(bǔ)間。 （4）新建一個(gè)層“遮罩”，在遮罩層里輸入文字，如果要進(jìn)行字體變形的話，要將其分離。 （5）在遮罩層第50幀插入關(guān)鍵幀將文字的顯示延續(xù)到下面一層動畫完結(jié)的時(shí)候。 （6）在遮罩層上右鍵單擊，在彈出的菜單中點(diǎn)選遮罩層，測試并輸出得到一段以文字為外形的背景移動的動畫。效果圖如下：,9.3 制作標(biāo)志動畫,（1）新建一個(gè)文檔。 （2）在舞臺上繪制如圖9-7所示標(biāo)志并鎖定圖層。 （3）新建圖層“筆觸”，在筆觸層上用刷子工

4、具將標(biāo)志從問號開始逐幀涂抹，直到涂抹完畢，如圖9-8所示。 （4）在筆觸層上執(zhí)行遮罩命令，這樣，標(biāo)志就開始了逐漸顯示的過程，我們可以用同樣的方法制作簽名效果，如圖9-9所示。 （5）新建圖層“小字”，在筆觸層涂抹完畢相同的幀位插入關(guān)鍵幀，用文字工具輸入標(biāo)志的標(biāo)準(zhǔn)字“Ask Interactive”，與標(biāo)志的下部對齊，然后轉(zhuǎn)化為影片剪輯“Logoff”，利用影片剪輯的Alpha屬性制作文字淡入的動作補(bǔ)間。這樣，一個(gè)完整的標(biāo)志出現(xiàn)動畫就制作成功了。,9-7 9-8 9-9,9.4 能力拓展制作水波倒影動畫,（1）新建一個(gè)文檔，調(diào)整文檔屬性。設(shè)置背景色為黑色，幀頻為15fps。 （2）執(zhí)行【插入】【

5、新建元件】命令，創(chuàng)建一個(gè)圖形元件。輸入“水波效果”。 （3）新建“圖層2”，將元件拖入到“圖層2”，并翻轉(zhuǎn)。 （4）進(jìn)入屬性面板，將Alpha值設(shè)置為40%。 （5）制作水波紋效果。執(zhí)行【插入】【新建元件】命令，創(chuàng)建一個(gè)圖形元件2，并繪制一個(gè)長方形。 （6）換成選取工具，將鼠標(biāo)移動到長方形邊緣處，當(dāng)鼠標(biāo)下面出現(xiàn)圓弧時(shí)，拖動鼠標(biāo)。 （7）復(fù)制幾個(gè)圓弧。 （8）回到場景1，新建“圖層3”，將水波拖到圖層3的舞臺。 （9）在圖層3的第35幀處，插入關(guān)鍵幀，并將水波往下適當(dāng)拖動，創(chuàng)建運(yùn)動補(bǔ)間動畫。分別在圖層2和圖層1的第35幀處插入關(guān)鍵幀。 （10）在圖層3處點(diǎn)擊鼠標(biāo)右鍵，選擇遮罩層。 （11）按Ct

6、rl+Enter組合鍵，觀看效果如下圖：,9.5 綜合實(shí)力制作百葉窗效果,（1）新建一個(gè)文檔，導(dǎo)入兩張事先準(zhǔn)備好的圖片。 （2）新建“圖層1”和“圖層2”，將這兩張圖片分別置于圖層1和圖層2的第1幀，調(diào)整好位置（兩張圖片均鋪滿整個(gè)舞臺）后將這兩個(gè)圖層鎖定。 （3）新建圖層“遮幕”，在舞臺上繪制一個(gè)高與舞臺高度相當(dāng)，寬為舞臺寬度的1/10左右大小的無邊框的矩形并將其轉(zhuǎn)化為圖形“遮幕”。 （4）雙擊“遮幕”進(jìn)入圖形遮幕的編輯，在第15幀處插入關(guān)鍵幀，回到第1幀處將形狀向左邊縮小寬度，創(chuàng)建形狀補(bǔ)間，形成動畫過程。 （5）返回場景，在場景中選擇圖形“遮幕”，在屬性窗口中圖形選項(xiàng)里選定“播放一次”，第一

7、幀填寫為15，如圖9-23所示，這樣，圖形“遮幕”就顯示其15幀的內(nèi)容，按Ctrl+D組合鍵將圖形“遮幕”快捷復(fù)制10次左右，將最后一個(gè)被復(fù)制的“遮幕”拖到舞臺最右邊與邊靠齊，全選所有圖形，在對齊窗口中將【相對于舞臺】選項(xiàng)調(diào)整為關(guān)閉狀態(tài)，再執(zhí)行“水平居中分布”和“上對齊”，如果發(fā)現(xiàn)每個(gè)圖形之間有罅隙，則再執(zhí)行【復(fù)制圖形對齊分布】，直到完全緊接在一起， （6）再次全選圖層遮幕里的所有圖形，在屬性窗口中將第1幀選項(xiàng)填寫為1，按F6鍵14次，逐漸插入關(guān)鍵幀以完成“遮罩”的動畫過程。 （7）在時(shí)間軸上打開【編輯多個(gè)幀】選項(xiàng)，將選擇范圍調(diào)整為115幀，按快捷鍵Ctrl+A以全選遮幕層115幀的所有內(nèi)容，

8、按快捷鍵Ctrl+B進(jìn)行分離。 （8）在遮幕層上創(chuàng)建遮罩，將時(shí)間軸中圖層2和圖層遮幕的幀調(diào)整為如下圖所示的分布形式。,效果圖,9.6 職業(yè)技能訓(xùn)練制作字幕效果,（1）新建一個(gè)文檔，設(shè)置文檔屬性中背景為黑色。 （2）將“圖層1”改名為“草原”，從外部導(dǎo)入一張事先制作好的圖片到舞臺，將這張圖片轉(zhuǎn)化為影片剪輯“草原”，在第80幀插入關(guān)鍵幀，創(chuàng)建一個(gè)從影片剪輯“草原”右到左移動的動作補(bǔ)間。 （3）新建層“字幕底”，在字幕底上創(chuàng)建如“在那遙遠(yuǎn)的地方 有位好姑娘”類似的靜態(tài)文本，并將其設(shè)置濾鏡“外發(fā)光”。 （4）新建層“字幕頂”，將層字幕底里的文本復(fù)制到層字幕頂里相同的位置，改變其顏色和“外發(fā)光”色彩鎖定這三個(gè)圖層。 （5