用Flash模擬制作LED滾動字幕

☆ 王紅祥

(鎮江新區大港中學，江蘇鎮江 212132)

用Flash模擬制作LED滾動字幕

☆ 王紅祥

(鎮江新區大港中學，江蘇鎮江 212132)

隨著科技的不斷發展，LED滾動屏幕越來越多地出現在諸如車站、地鐵、銀行、商店等處，隨時向我們傳遞著各種各樣的信息。看著屏幕上滾過的一排排文字，我們禁不住想用Flash動畫制作軟件來模擬這種滾動字幕效果。下面我們就通過一個例子來揭示這一效果的實現原理。

步驟1：新建影片文檔

運行Flash動畫制作軟件，執行“文件”｜“新建”命令，新建一個影片文檔。設置舞臺尺寸“1024×60”像素，背景色顏色為“＃000000”，如圖1和2所示。

圖1

圖2

步驟2：制作字幕背板元件

字幕背板元件是用來襯托字幕的，它主要由兩個矩形和兩條線段組成的。

單擊圖層1的第一幀，選擇該幀上的所有圖形和線段，單擊菜單命令【修改】｜【轉換為元件】將前面繪制的兩個矩形和兩條線段組合成一個圖形元件（如圖4所示）。

圖3

圖4

步驟3：制作LED燈矩陣元件

LED燈矩陣主要采用圖形切割法實現的。

圖5

為避免干擾，在圖層2的“顯示／隱藏圖層”按鈕上單擊，隱藏圖層2。在新增加的圖層3上，用矩形工具繪制一個大小為“502×2”像素的紅色無邊框矩形，調整該項矩形的坐標為（x：0.0，y：4.0）。按住 Ctrl鍵后，用鼠標左鍵拖動該紅色矩形進行復制，調整復制得到的矩形的坐標為（x：00.0，y：10.0），使得上下相鄰兩個紅色矩形的水平間距為4像素。如此反復復制，直到矩形條均勻覆蓋住圖層1的青色矩形。如圖6所示。

圖6

單擊圖層2上第一幀，選擇該幀上的所有豎條矩形，按“Ctrl＋C”復制這些矩形；然后再單擊圖層1的第一幀，按“Ctrl＋Shift＋V”粘貼豎條矩形。同理，單擊圖層 3上第一幀，選擇該幀上的所有橫條矩形，按“Ctrl＋C”復制這些矩形；然后再單擊圖層1的第一幀，按“Ctrl＋Shift＋V”粘貼橫條矩形。按住“Shift”用鼠標左鍵單擊圖層2、圖層3，再單擊“時間軸”下方的“刪除圖層”按鈕，將圖層2和圖層3刪除。調整“時間軸”右上方的顯示比例為400%，單擊圖層1上的紅色網格，按“Delete”鍵將紅色網格刪除。這時圖層1上的青色矩形被切割成大小為“4×4”像素，間隔為2像素的小正方形矩陣。到此LED燈矩陣元件制作結束。如圖7所示。

圖7

步驟4：制作清屏動畫

用鼠標右鍵單擊LED燈矩陣元件的實例，從彈出的快捷菜單中選擇“轉換為元件”命令，在“轉換為元件”對話框中設置元件類型為“影片剪輯”。

用鼠標左鍵雙擊新建立的影片剪輯，對該影片剪輯進行編輯。單擊“時間軸”下方的“插入圖層”按鈕，增加兩個圖層。將圖層1重命名為“燈滅”，圖層2重命名為“文字遮罩”，圖層3重命名為“清屏遮罩”。右鍵單擊“燈滅”圖層的第一幀，選擇“復制幀”命令，然后再分別右鍵單擊“文字遮罩”圖層和“清屏遮罩”圖層的第一幀，選擇“粘貼幀”命令，將“燈滅”圖層的LED燈矩陣元件的實例復制到其它兩個圖層。

先隱藏“文字遮罩”和“清屏遮罩”兩個圖層，單擊“燈滅”圖層第一幀LED燈矩陣元件，在其屬性對話框中設置“顏色”為“亮度”，值為“－60%”。設置完畢如圖8所示。

分別在“文字遮罩”圖層和“清屏遮罩”圖層下方增加一個圖層，重命名為“文字動畫”圖層和“清屏動畫”圖層。圖層結構如圖9所示。

圖8

圖9

在“清屏動畫”圖層的第8幀單擊，按“F6”插入關鍵幀。選擇第8幀上圖形元件的實例，單擊工具箱中的【任意變形工具】，調整變形方式為中心變形，向右拖動變形標記塊使該實例覆蓋住LED燈矩陣元件的實例。單擊第12幀，按“F6”插入關鍵幀。同理用【任意變形工具】，將第12幀的實例以中心變形的方式向下變形為高為“10”像素的狹長矩形。在第15幀按“F6”插入關鍵幀，并將該幀上的實例向下移到LED燈矩陣元件實例的下方。在第165幀按“F6”插入關鍵幀。在每相鄰的兩個關鍵幀之間的區域，用右鍵單擊，選擇“創建補間動畫”命令，用以創建清屏補間動畫。

在“清屏遮罩”圖層的第175幀用鼠標左鍵單擊，按“F5”延伸幀。用鼠標右鍵單擊“清屏遮罩”圖層，選擇“遮罩層”命令，將“清屏遮罩”圖層設置為遮罩層。這樣“清屏遮罩”圖層和“清屏動畫”圖層自動鎖定為遮罩與被遮罩的關系。

此時圖層的結構如圖10所示。

圖10

步驟5：制作滾動字幕動畫

在“文字動畫”圖層的第15幀單擊鼠標左鍵，按“F7”插入空白關鍵幀。單擊工具箱中的【文本工具】，在下面的屬性對話框中設置“文本類型”為“靜態文本”、“字體”為“隸書”、“文本顏色”為“紅色”。輸入文字“江蘇省鎮江市新區大港中學歡迎您！”，并將它拖放到LED燈矩陣元件的實例的右側。右鍵單擊剛才輸入的文本，從彈出的快捷菜單中選擇“轉換為元件”命令，設置元件類型為“圖形”。雙擊該圖形元件的實例，進入元件的編輯環境，選擇文本后，按兩次“Ctrl＋B”將文本打散為圖形（這樣做是為了避免文字在不同運行環境中不能正常顯示。）。

在“文字動畫”圖層的第165幀單擊鼠標左鍵，按“F6”插入關鍵幀。單擊該幀的圖形元件實例，并將其拖放到LED燈矩陣元件的實例的左側。

在“文字動畫”圖層的第15幀和第165幀之間的任意一幀，單擊鼠標右鍵，從彈出的菜單中選擇“創建補間動畫”命令。

在“文字遮罩”圖層的第175幀，單擊“F5”延伸幀。右鍵單擊“文字遮罩”圖層，選擇“遮罩層”命令，將“文字遮罩”圖層和“文字動畫”圖層鎖定為遮罩與被遮罩的關系。

在“燈滅”圖層的第175幀，單擊“F5”延伸幀。此時圖層的結構如圖11所示。

圖11

步驟6：完成并測試動畫

圖12

到此，動畫制作全部完成。按快捷鍵“Ctrl＋Enter”，測試動畫。對動畫中不滿意處再回到創作環境對其進行修改，直到滿意為止。

于翼楠]