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

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

本實(shí)例如圖所示，一段優(yōu)美的詩(shī)文從舞臺(tái)的右側(cè)緩緩進(jìn)入，到達(dá)舞臺(tái)合適位置時(shí)自動(dòng)消失。

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

圖2


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

圖3

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

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

圖4

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

圖5

圖6

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

圖7

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

圖8

此時(shí)時(shí)間軸如圖9：

圖9

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

圖10

圖11

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

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

圖12

（9）此時(shí)，動(dòng)畫(huà)基本完成。保存并按下Ctrl Enter鍵，測(cè)試動(dòng)畫(huà)效果！

最新評(píng)論