本例製作從左到右掃瞄文字的效果。文字從左到右移動並掃瞄背景文字,如圖5-1所示。文字掃瞄特效是一種比較好的文字效果,可以應用在網站動畫及廣告圖標中。本例主要應用到Flash MX中的「文本工具」按鈕、圖像元件屬性、移動變形動畫的製作技巧以及圖層的使用等。
創作步驟: 第1步,啟動Flash MX,按快捷鍵「Ctrl+J」,打開「文檔屬性」設置對話框,設定動畫的尺寸大小為500PX×200PX,背景色為藍色,單擊「確定」按鈕,如圖5-1所示。
第2步,單擊「插入」菜單下「新建元件」選項,插入一個圖像元件,命名為「S」,如圖5-2所示。
第3步,選取工具箱中的「文本工具」按鈕,然後單擊工作區下方的「屬性」(或單擊「窗口」菜單下的「屬性」命令),彈出屬性面板,選擇字體為「Arial」,大小為「75」,顏色為黑色,如圖5-3所示。
第4步,在元件編輯窗口的中央輸入英文大寫字母「S」。用工具箱中的「黑箭頭工具」按鈕,選中文字後按鍵盤上的「Ctrl+B」快捷鍵將文字打散,然後再按「Ctrl+G」快捷鍵將文字組合,如圖5-4所示。
第5步,用同樣的方法製作圖形元件「M」、「I」、「L」和「E」。 第6步,按鍵盤上「Ctrl+F8」快捷鍵,再插入一個圖形元件,命名為「SMILE」。將已做好的字母元件一一插入,組成單詞SMILE,然後進行群組(按「Ctrl+G」快捷鍵),創建「SMILE」圖像元件,如圖5-5所示。
第7步,單擊工具欄上的「場景1」圖標返回主場景窗口。連續單擊時間軸上的「圖層1」下面的「插入圖層」按鈕,插入五個圖層,這樣一共創建了六個圖層。 第8步,用鼠標右鍵單擊各層,在彈出的快捷菜單中選擇「屬性」選項,打開「圖層屬性」對話框,在「名稱」欄中輸入各層的名稱,如圖5-6所示。
(也可以直接用鼠標左鍵雙擊圖層的名稱,然後再重新輸入新的名稱。)依次輸入圖層名稱為「S」、「M」、「I」、「L」、「E」和「SMILE」,如圖5-7所示。
第9步,單擊「SMILE」圖層中的第1幀,將圖像元件「SMILE」放在舞台中央。在此層第15幀處按F6鍵插入一關鍵幀。單擊第一幀,用「黑箭頭工具」選中第「SMILE」元件,單擊窗口下方的「屬性」,在屬性面板中「顏色」選擇「Alpha」,並設定其值為「10%」,如圖5-8所示。右擊第1幀,選擇快捷菜單中的「創建補間動畫」,則第1幀到第15幀之間淡紫色,並有一條黑色箭頭,表明已創建動畫。
第10步,用鼠標右鍵單擊「S」圖層的第3幀,在彈出的快捷菜單中選擇「插入關鍵幀」選頂,插入一個關鍵幀,然後將「S」元件拖至舞台中,放在「SMILE」中字母「S」的左邊,並適當放大。用鼠標選中「S」元件,在屬性面板中「顏色」選擇「Alpha」,並設定其值為20%。如圖5-9所示。
設置好後,我們在工作區中看到如圖5-10所示的效果。
第11步,用鼠標右鍵單擊「S」圖層中的第6幀,在彈出的快捷菜單中選擇「插入關鍵幀」選項,插入一個關鍵幀。然後將「S」元件拖至右邊,並將其縮小,覆蓋在「SMILE」中字線「S」上,打散元件「S」,將其填充為白色,然後再將其群組,如圖5-11所示。
第12步,單擊時間軸上「S」層的第3幀,在屬性面板中選擇「補間」為「動作」變形動畫,如圖5-12所示。
第13步,用鼠標右鍵單擊「M」層上的第4幀,選擇「插入關鍵幀」命令,插入一個關鍵幀,然後將「M」元件拖 至舞台中。類似「S」元件的做法,從第4幀到第7幀中製作一個移動變形動畫。 第14步,用同樣的方法處理其餘圖層,最後時間軸中得到如圖5-13所示結果。
第15步,按鍵盤上的「Crtl+Enter」組合鍵,觀看動畫的效果。
|