當前位置:妙知谷 >

遊戲數碼 >手機 >

如何用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/zh-tw/sm/shouji/722lvq.html