Flash互動式按鈕1

觀看範例動畫      原始檔          Flash網路教室

【步驟1】開新檔並按F8建立符號,準備做按鈕

 

【步驟2】設定符號內容時要記得設為按鈕

 

【步驟3】出現符號編輯畫面時,按鈕的時間軸改為一般、滑過、按下及執行, 我們先在【一般】內畫上原始的按鈕

註:一般:平常按鈕的狀態

滑過:當游標滑過按鈕時,按鈕的狀態

按下:當游標在按下按鈕時,按鈕的狀態

執行:當游標在此畫面所有物件範圍的上方時,按鈕才有作用,即設定按鈕的有用範圍,不設定時以一般畫面的範圍為準


【步驟4】在執行畫面按下滑鼠右鍵選插入關鍵畫面,設定按鈕的有用範圍

 

【步驟5】在按下畫面按下滑鼠右鍵選插入關鍵畫面,並把按鈕的顏色改變,使滑鼠按下按鈕時產生按鈕變色的效果

【步驟6】在滑過畫面按下滑鼠右鍵選插入關鍵畫面,並把按鈕的大小及顏色改變,使滑鼠滑過按鈕時產生按鈕變大的特效


【步驟7】選工具列中的【視窗】的圖庫,以便使用剛做好的按鈕

 

【步驟8】把按鈕從圖庫的視窗中拖曳出來至我們要的位置

(從圖形直接拖曳,不是由文字拖曳)

 

【步驟9】若選擇在工具列中的【控制】中的啟動按鈕功能,即可直接在畫面上看到按鈕的效果 (但無法執行按鈕的功能)

【步驟10】此時基本的按鈕己經做好,再來就是設定按鈕的功能,點選按鈕並按下滑鼠右鍵選內容

 

【步驟11】選擇動作來設定按鈕的功能,在此例中我們選擇取得URL,設定按下按鈕時可超連結至其他網頁或站台

 

【步驟12】在右邊參數的視窗中輸入網址 (如:http://www.yam.com.tw,記得”http://”要加上去)或網頁名稱 (記得用相對路徑)

【步驟13】第一個按鈕完成了,選工具列中的【控制】的測試電影,測試自己的第一個按鈕!但你會發現按鈕有效果,可是按下去並沒有作用 (不會超連結至http://www.yam.com.tw),因為超連結這個功能只能在瀏覽器中或整合至HTML的檔案時才有作用

 

【步驟14】整合至HTML的檔案,我們待會再講,在整合至HTML的檔案之前,因本動畫只有一個按鈕,所以我們先把按鈕移至左上角,並選擇在工具列中的【修改】中的電影來改變電影的大小,方便我們日後把按鈕整合至HTML的檔案中時不會太大

 

【步驟15】填入寬及高的大小 (可能要試幾次),使電影大約和按鈕一樣大即可