本例主要通過(guò)幾個(gè)簡(jiǎn)單的運(yùn)動(dòng)中間幀動(dòng)畫(huà)與鏤空的文字塊來(lái)實(shí)現(xiàn)掃描顯示文字的效果。至于本例的設(shè)計(jì)思路，可以先參看圖1所示的影片圖層結(jié)構(gòu)圖。


圖1 影片圖層結(jié)構(gòu)圖

　　1．圖中所標(biāo)示的數(shù)字1、2、3、4分別代表了三個(gè)圖層和舞臺(tái)本身。也就是說(shuō)，需要建立用來(lái)放置不同對(duì)象的三個(gè)圖層。

　　a)頂層掃描線(xiàn)層：用以放置最右邊的首條掃描線(xiàn)。

　　b)鏤空文字層：用以放置寫(xiě)有鏤空文字的圖塊。

　　c)掃描線(xiàn)層：用以放置從文字上經(jīng)過(guò)的掃描線(xiàn)。

　　d)底層（舞臺(tái)）：也就是背景。

　　2. 利用Flash圖形層疊覆蓋的特性來(lái)制作鏤空文字色塊的方法可以說(shuō)是此效果中所提到的最實(shí)用的技術(shù)了，影片影片的最終播放效果如圖2所示，要實(shí)現(xiàn)這一效果，具體制作過(guò)程如下：


圖2　 最終效果圖

　　一.制作鏤空文字塊

　　1.新建一個(gè)電影，在屬性面板中設(shè)置其尺寸為550pxX400px,選擇一種顏色（本例為#666666）作為背景色。雙擊時(shí)間線(xiàn)上的“Layer 1”，并將其重新命名為“text”，雖然給每層取個(gè)好名字是一件雖然有點(diǎn)麻煩，但卻非常有用的事情。特別是當(dāng)一個(gè)影片中有大量的圖層存在的時(shí)候，根據(jù)圖層的名字你就可以更快地找到你所要找的對(duì)象。

　　2．在工具箱在選取矩形工具 ，并將填充色設(shè)為#000000，邊框色為#CCCCCC。在舞臺(tái)上畫(huà)出一個(gè)與舞臺(tái)同寬的實(shí)心矩形，如圖3所示。


圖3 實(shí)心色塊

　　3．在工具箱中選取文本工具 ，將填充色設(shè)為#FFFFFF后在黑色的色塊上寫(xiě)上“掃描效果”四個(gè)字。將字體設(shè)為“宋體”，字體大小設(shè)為“120”個(gè)單位，字間距設(shè)為“10”，選中“掃描效果”文本，將其移到黑色塊的中間，效果如圖4所示：


圖4　輸入并調(diào)整文本

　　4.然后選擇“修改/分離“菜單命令，將文字打散。因?yàn)椤八误w”的字看起來(lái)很瘦，視覺(jué)效果不是很好，所以要把每個(gè)字加加粗。選中被打散的四個(gè)字，然后選擇“修改/形狀/擴(kuò)展填充”菜單命令，在彈出的“擴(kuò)展填充”中將距離設(shè)置為5px，并選中“擴(kuò)散”單選按鈕，然后單擊確定按鈕，這時(shí)文本效果如圖5所示：


圖5　加粗后的文本效果

　　5．選中所有文字，然后將其刪除之后就得到了一個(gè)可以看到背景的有鏤空文字的色塊了，如圖6所示：


圖6 鏤空文字色

　　二.制作掃描線(xiàn)

　　1．選擇“插入/圖層”菜單命令新建一個(gè)層。將圖層“text”鎖定，然后把新建的圖層改名為“scanlines”，從工具箱中選取直線(xiàn)工具，并將邊框顏色設(shè)置為#FFFFFF。將線(xiàn)條類(lèi)型設(shè)定為實(shí)線(xiàn)，寬度設(shè)為“2.5px”按住Shift，在圖層“scanlines”上畫(huà)出一條與文字塊等高的直線(xiàn)，如圖7所示。


圖7 制作掃描線(xiàn)（1）

　　2.在屬性面板中將線(xiàn)的高度修改為“1.5px”，然后修改邊框色為#00FF00，按住Shift，在剛才所畫(huà)的直線(xiàn)左邊再畫(huà)一條等高的直線(xiàn)。并改變邊框色為#64FF00，然后在新畫(huà)的那條直線(xiàn)左邊再畫(huà)上一條寬度為“1”的一條垂直線(xiàn)。打開(kāi)“混色器“面板，將RGB及Alpha值分別設(shè)為100、255、0和70%，按住Shift，在三條直線(xiàn)左邊再添一條等高的線(xiàn)，如圖8所示。


圖8 制作掃描線(xiàn)（2）

　　3．在屬性面板中將線(xiàn)型設(shè)定為“極細(xì)”，然后從右到左再添加由密到疏的四條顏色值不變但Alpha值分別為55%、40%、25%、10%的等高直線(xiàn)，如圖9所示。


圖9 制作掃描線(xiàn)（3）

　　4．要做的效果是隨著掃描線(xiàn)經(jīng)過(guò)而顯現(xiàn)出文字，即就是得有東西將掃描線(xiàn)尚未經(jīng)過(guò)的區(qū)域隱藏起來(lái)。所以，下面再選取矩形工具，然后在最右側(cè)直線(xiàn)的右邊添上一大塊與鏤空文字色塊相同大小、相同顏色的色塊。

　　5.選中圖層“scanlines”上的所有對(duì)象，也就是八條掃描線(xiàn)和一個(gè)色塊，選擇“插入/轉(zhuǎn)化為元件”菜單命令，打開(kāi)“轉(zhuǎn)換為元件”對(duì)話(huà)框，然后在“名稱(chēng)”一欄中輸入“Scanlines”將當(dāng)前所選的對(duì)象創(chuàng)建為一個(gè)“影片剪輯”元件，再次選取“直線(xiàn)”工具，在屬性面板中設(shè)定其顏色為#00FF00，線(xiàn)型為“極細(xì)”，按住Shift，在舞臺(tái)上拉出一條與前面所畫(huà)的掃描線(xiàn)等高的直線(xiàn)，然后將其轉(zhuǎn)化成名稱(chēng)為“Topline”的“影片剪輯”元件。這條線(xiàn)就是本例中最后的頂層掃描線(xiàn)。

　　6.選中影片剪輯“Topline”元件，然后選擇“編輯/剪切”菜單命令將其剪切下來(lái)。然后選擇“插入/圖層”菜單命令新建一個(gè)名為“topline”的圖層，然后選擇“編輯/粘貼”菜單命令將剪切下來(lái)的“Topline”元件粘貼到這個(gè)層上。根據(jù)影片圖層結(jié)構(gòu)圖，將圖層“text”拖到圖層“topline”和“scanlines”之間，這樣掃描線(xiàn)動(dòng)畫(huà)就制作完成了，此時(shí)時(shí)間軸窗口如圖10所示：


圖10　時(shí)間軸窗口

　　三.制作動(dòng)畫(huà)

　　1．選中圖層“topline”上的第65幀，選擇“插入/關(guān)鍵幀”菜單命令，插入一個(gè)關(guān)鍵幀。選中圖層“scanlines”上的第65幀，也同樣插入一個(gè)關(guān)鍵幀。然后選中圖層“text”上的第65幀，選擇“插入/幀”菜單命令插入一靜態(tài)幀，再添加64幀靜態(tài)幀，如圖1-73所示。


圖11 插入幀

　　2．選中圖層“scanlines”上的第1幀，將“Scanlines”元件移動(dòng)到文字塊的左邊，并使最右邊的掃描線(xiàn)與文字塊最左邊的邊線(xiàn)對(duì)齊；選中圖層“scanlines”上的第65幀，將“Scanlines”元件移動(dòng)到與文字塊的右邊，并使最左邊的掃描線(xiàn)與剛好超過(guò)文字塊最右邊的邊線(xiàn)；選中圖層“topline”上的第1幀，將“Topline”元件移動(dòng)到“Scanlines”元件中最右端掃描線(xiàn)的右邊；選中圖層“topline”上的第65幀，同樣將Topline元件移動(dòng)到Scanlines元件中最右端掃描線(xiàn)的右邊；右擊圖層“topline”上的第1幀，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令；右擊圖層“scanlines”上的第1幀，同樣也將其轉(zhuǎn)化為運(yùn)動(dòng)中間幀動(dòng)畫(huà)，此時(shí)的時(shí)間軸窗口如圖12所示。


圖12 創(chuàng)建動(dòng)畫(huà)

　　10．這樣整修動(dòng)畫(huà)便制作完成，保存并發(fā)布作品，就可以看見(jiàn)漂亮的掃描文字效果了。