當前位置:妙知谷 >

遊戲數碼 >手機 >

如何用Flash Cs4製作按鈕

如何用Flash Cs4製作按鈕

在觀看Flash動畫時,你經常能看到畫面中央有一個很大的按鈕,按下按鈕就能播放動畫。而在播放動畫剪輯中加入用Flash CS4製作的按鈕可以幫助你瀏覽時間軸,或者打開新窗口播放動畫。跟着本文的步驟用Flash CS4做一個按鈕。

用圖片和文字製作按鈕

(01)在Flash CS4中新建一個文件。

如何用Flash Cs4製作按鈕

(02)為你的按鈕選擇一張圖片。隨意畫一個圖形,或者選一張電腦裏的圖片都可以。如果你想使用瀏覽器中的圖片,那麼你需要先將它保存到硬盤中,然後再把該圖片拖進程序裏。你無法直接移動瀏覽器中的圖片到Flash中。選擇“文件> 導入>導入到舞台”即可插入位於別的文件夾中的圖片。

如何用Flash Cs4製作按鈕 第2張

(03)添加文字。從工具欄中選擇文本工具,然後在插入文字。

如何用Flash Cs4製作按鈕 第3張

(04)同時選中圖片和文字。按下F8,或者依次選擇“更改> 轉換”,進入到“轉換為元件”對話框。

如何用Flash Cs4製作按鈕 第4張

(05)在名稱一欄輸入"按鈕",然後在類別旁邊的下拉菜單中選擇“按鈕”類型,之後點擊“完成” 。

如何用Flash Cs4製作按鈕 第5張

定義按鈕的舞台

(01)雙擊這個按鈕,然後下拉菜單中選擇“在場景中編輯”。

如何用Flash Cs4製作按鈕 第6張

(02)查看時間軸。在上方你會看到“彈起”,“指針經過”,“按下”,“點擊”,四個部分。

如何用Flash Cs4製作按鈕 第7張

(03)右鍵點擊“圖層1”,然後選擇插入圖層。插入圖層之後,將帶有文字和圖片的圖層1移動到最上面。

如何用Flash Cs4製作按鈕 第8張

(04)選中“指針經過”一欄的3幀。“指針經過”一欄決定了,當鼠標指針經過時,按鈕的出現方式。右鍵單擊,在下拉菜單中選擇“插入關鍵幀”。

如何用Flash Cs4製作按鈕 第9張

(05)點擊圖層2“指針經過”欄的關鍵幀。當按鈕出現後,使用直線工具在按鈕文字下方劃一條直線。這時,圖層2的關鍵幀會變成黑色。

如何用Flash Cs4製作按鈕 第10張

(06)選擇“指針經過”一欄的關鍵幀。畫一個足夠大的能夠包括住按鈕的長方形。當鼠標經過按鈕時,你能看到一道下劃線和一個長方形出現。

如何用Flash Cs4製作按鈕 第11張

(07)選擇“按下”一欄,右鍵單擊,選擇插入關鍵幀。一定要確保“按下”一欄全是選中狀態。

如何用Flash Cs4製作按鈕 第12張

(08)點擊“彈起”一欄做側的方框,然後選擇和“指針經過”時不一樣的顏色。這樣做會讓按鈕在你按下的時候改變顏色。

如何用Flash Cs4製作按鈕 第13張

添加命令

(01)選中指針,然後在屬性面板的名稱欄中輸入“我的按鈕”。

如何用Flash Cs4製作按鈕 第14張

(02)Press 按下F9打開動作面板,在動作一欄,輸入以下命令:function setupEvents() setupEvents();function clickButtonHandler(e:MouseEvent) {trace("Clicked Button!");}function hoverButtonHandler(e:MouseEvent) {trace("Hovered Over Button!");}

如何用Flash Cs4製作按鈕 第15張

(03)選擇“管理> 測試影片 > 測試命令”,你所製造的按鈕會出現在Flash的播放窗口中。

如何用Flash Cs4製作按鈕 第16張

(04)在你的按鈕上懸停並點擊。窗口中會根據鼠標的動作,彈出“經過按鈕”或是“點擊按鈕”的文本信息。

如何用Flash Cs4製作按鈕 第17張

你需要準備

(01)電腦Adobe Flash CS4

特別提示

你可以更改動作腳本,來讓你的按鈕完成不同的任務。在編寫動作腳本之前,你可以查看代碼片段面板,裏面提供了一些適用於按鈕的常見命令。

Action Script 2.0與Action Script 3.0不兼容,因此你無法複製粘貼Action Script 2.0中的命令。

  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/shouji/722lvq.html