Flash製作實例 - 《網頁製作技巧》光影變幻字 - Flash製作 - Adobe系列學院 - 頂客論壇 ,免費遊戲,免費交友,免費空間,免費部落格,免費相簿,免費開店 - 頂客社區 dk101.com 最用心的華人社群網站
發新話題

Flash製作實例 - 《網頁製作技巧》光影變幻字

Flash製作實例 - 《網頁製作技巧》光影變幻字

●預覽成品:文字產生光影變幻效果。

訪客無法瀏覽此圖片或連結,請先 註冊登入會員


●逐步說明:
  1)選擇菜單File->New,創建一個新電影。
  2)選擇菜單Modify->Movie,彈出電影屬性對話框,將其中的背景顏色設置成藍色,其他設置如圖所示。

  3)選擇工具欄中的矩形工具,在參數欄中把線框設置成無線條,填充顏色設置成黑白過渡漸變。

        

  4)在工作區中拖動鼠標畫出一矩形,

點擊工具欄中箭頭工具並選中它,然後選擇菜單Insert->Convert to Symbol,在彈出的對話框中輸入符號的名稱back,點擊OK按鈕,這時矩形圖片被轉換成back實例了。

  5)點擊等時線左下角的增加圖層按鈕,這時在Layer1上方增加了一圖層Layer2,選擇工具欄中的文字工具按鈕,將參數欄中文字顏色設置成淡藍色,字體設置成黑體,大小設置成60。移動鼠標並在工作區中單擊左鍵,在出現的黑框中輸入文字「憧憬」,點擊箭頭工具,選中並挪動文字到工作區中央。

  6)點擊等時線左下角的增加圖層按鈕,這時在圖層Layer2上方增加了圖層Layer3,點擊圖層Layer2的第一幀,Layer2圖層中的文字被選中,選擇菜單Modify->Break Apart,將文字打碎。
           
7)選擇菜單Edit->Copy,

將圖層Layer2圖層中的文字圖形複製到剪貼板上,點擊等時線窗口中的Layer3圖層,然後選擇菜單Edit->Paste in Place,

這時剪貼板上的文字將被粘貼到Layer3上。

8)選中Layer2圖層,選擇菜單Modify->Curves->Soften Edges,

彈出參數設置對話框,參數設置如圖所示,

點擊OK按鈕,關閉對話框。這時Layer2圖層中的文字圖形將出現柔化的邊框。

9)點擊Layer1圖層的第1幀,用鼠標向左拖動矩形圖片至其右邊緣剛好與文字右邊緣對齊。

10)用鼠標右鍵單擊Layer1的第30幀,從彈出的菜單中選擇Insert Keyframe,在第30幀處插入關鍵幀。再依次選擇Layer2、Layer3圖層的第30幀,然後單擊鼠標右鍵,在彈出的菜單中選擇Insert frame項,使兩個圖層的幀數增加至30幀。同樣,用鼠標拖動圖層Layer1的第30幀中的矩形圖片至其左端剛好與文字左端對齊。

11)用鼠標右鍵單擊Layer1圖層的第1幀,在彈出的菜單中選擇Creat Motion Tween。

這時矩形將產生從左到右的運動變形。

12)選擇Layer3圖層,點擊工具欄中的油漆桶工具,並將油漆桶工具欄中的填充顏色設置成與前面矩形填充顏色相同的黑白漸變。在Layer3圖層的文字圖形中點擊鼠標,這時文字圖形將被填充為黑白漸變色。

13)選擇工具欄中的箭頭工具,再用鼠標右鍵單擊Layer2圖層的名稱欄,從彈出的菜單中選擇Mask,

這時場景中的文字如圖所示。
14)選擇菜單Control->Test Movie即可看到文字光影變幻的效果。

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。