第9章遮罩動畫

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

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

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

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

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

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

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

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