在Flash中圖層與圖層之間的關(guān)系不僅是上面圖層擋住下面的圖層，而且還是互相制約的，其中遮罩層與被遮罩層的關(guān)系就是這樣的。這里通過一個簡單的例子“滾動字幕”，來加以說明。

做動畫之前，我們先來看一下遮罩的原理：遮罩層的對象形狀就是被遮罩層的可見區(qū)域。說白了，遮罩層好比黑夜中的一支手電筒，照在哪兒哪兒就顯現(xiàn)，照不到的地方我們就看不到。明白了這一點，在實際操作中，我們可以利用遮罩實現(xiàn)很多精美的動畫效果。

本實例如圖所示，一段優(yōu)美的詩文從舞臺的右側(cè)緩緩進入，到達舞臺合適位置時自動消失。

下面就來介紹具體的做法。
（1）啟動Flash8，新建Flash文檔，在時間軸上將圖層1改名為“背景”，如圖2所示：

圖2


（2）選擇菜單欄“文件→導(dǎo)入→導(dǎo)入到舞臺”命令，找到我們事先準備好的圖片，將其導(dǎo)入到舞臺。如圖3所示：

圖3

由于圖片有些大，我們可以在對齊面板中單擊相對于舞臺按鈕，然后選擇匹配大小中的匹配寬和高，再選擇對齊中的和。此時背景層已經(jīng)完成，將其加鎖。

（3）新建圖層2，命名為“文字”。此時時間軸如圖4所示：

圖4

（4）選擇工具欄中文字工具，在舞臺上單擊輸入文字，此時文字的屬性面板如圖5所示。文字輸入之后，單擊工具欄中的選擇圖標，選中文字后把它移至舞臺的右側(cè)。如圖6所示：

圖5

圖6

（5）在背景層第168幀處單擊右鍵，插入幀。在文字層第84幀單擊右鍵，插入關(guān)鍵幀。把舞臺上的文字移到舞臺中，移動文字的同時按住Shift鍵可以水平移動。此時舞臺上顯示如圖7：

圖7

（6）選擇文字層1－84幀之間任意一幀，單擊右鍵創(chuàng)建補間動畫。在該層第168幀單擊右鍵插入關(guān)鍵幀。把文字繼續(xù)向左移（要同時按住Shift鍵來拖移文字，注意和前一位置的關(guān)系，文字整體應(yīng)在前一位置的左側(cè)）至如圖8所示位置，在84－168幀之間任意一幀，單擊右鍵創(chuàng)建補間動畫。

圖8

此時時間軸如圖9：

圖9

（7）把文字層加鎖，新建圖層3，命名為“遮罩”層。選擇工具欄中矩形工具 ，筆觸色設(shè)為無，填充色任意色，在舞臺上畫一矩形，矩形的大小應(yīng)和文字整體大小相同（不能小于文字整體，否則遮不住的），可以先在舞臺右側(cè)文字之上畫矩形，然后把其移到舞臺中。如下圖10，圖11所示。

圖10

圖11

注意：我們之前在第（7）步中文字層中168幀時文字必須在此時的遮罩矩形的左側(cè)，只有這樣，才能不被透出來。

（8）選擇遮罩層，單擊右鍵，選擇遮罩層。如圖12所示：

圖12

（9）此時，動畫基本完成。保存并按下Ctrl Enter鍵，測試動畫效果！

最新評論