資源簡介

第五課
制作遮罩動畫
Flash中的普通層是透明的，普通層疊在一起不會互相遮罩。與普通層相對應的層是“遮罩層”，“遮罩層”是不透明的，只有有圖像或文字的地方才是透明的。利用遮罩層，可以制作一些特殊的動畫效果。
一、探照燈效果
【例2-5.1】制作一個動畫，產生文字在探照燈照射下逐步顯示出來的效果。
分析：在普通層上放入文字，再建遮罩圖層，遮罩圖層上畫一個圓。遮罩圖層中的圓移動時，它下面的文字就隨著顯示出來了，就像探照燈將文字照出來了一樣。
【操作步驟】
第一步：新建一個動畫文件，將第一個圖層的名字改為“文字”。
第二步：單擊菜單【修改】【文檔】，設置背景色為黑色。在“文字”層的第1幀輸入“歡迎光臨”；在第15幀處插入幀，將第一幀延伸至第15幀。見圖2-5.1。
圖2-5.1
文字層
第三步：新建圖形元件“圓”。見圖2-5.2。
圖2-5.2
圖形元件“圓”
第四步：新建圖層“燈”。將元件“圓”拖入第1幀的舞臺左邊，遮住左邊的文字；在第15幀處插入關鍵幀，將“圓”實例移至舞臺右邊，遮住右邊的文字；打開幀屬性面板，在第1幀創建“運動補間動畫”。
圖2-5.3
“燈”圖層動作補間動畫
第五步：在“燈”圖層上單擊鼠標右鍵，選擇“遮罩層”，如圖2-5.4所示。
圖2-5.4
遮罩層
測試影片，效果如何？
【試一試】
制作一個廣告字幕效果的動畫，要求文字從左到右逐步顯示出來。
提示：遮罩層靜止，對文字層中的文字元件作“動作補間動畫”。
二、望遠鏡效果
【例2-5.2】運用遮罩層制作一個具有望遠鏡效果的Flash動畫。見圖2-5.5。
圖2-5.5
遮罩效果
【操作步驟】
第一步：新建“風景”圖形元件，導入風景圖片；新建“望遠鏡”圖形元件，畫兩個相交圓作為望遠鏡。
第二步：將元件“風景”拖入圖層1的第1幀，調整到和舞臺一樣大小，與舞臺對齊，插入靜止幀至第45幀。見圖2-5.6
第三步：將元件“望遠鏡”拖入圖層2的第1幀；在第25幀插入關鍵幀，移動望遠鏡的位置。在第1幀創建“運功動畫補間”。
第四步：將圖層2設置為“遮罩層”。
圖2-5.6

第五步：新建圖層3，將元件“風景”再次拖入到舞臺，調整到和舞臺一樣大小，并設置顏色Alpha透明（將其值調整為15％）。見圖2-5.7。
圖2-5.7
測試影片，效果如何？
【試一試】
1、利用相關圖片素材，制作流動的“桂林山水”動畫。
提示：背景用圖片作移動、縮放、變色等補間動畫。使用遮罩，露出舞臺上的景色框和文字。
圖2-5.8
2、制作放大鏡效果動畫：放大鏡在“我學習我快樂”上從左向右移動，下面的文字也被放大。
提示：
背景層：靜止，放背景圖及小字“我學習我快樂”。
大文字層：靜止，輸入大字“我學習我快樂”。
遮罩層：圓形元件從左至右做動作補間動畫。
放大鏡外框層：畫放大鏡的手柄和外框（圖形元件），跟隨遮罩層中的圓從左至右做動作補間動畫。
圖2-5.9

展開更多......

收起↑