二流設計師的小筆記

Flash 按鈕元件製作

按鈕元件如何製作，以下為基本的設定方式：

步驟一：先做好按鈕的效果變化，分別是「一般、滑入、按下」



步驟二：將剛剛做好的按鈕匯入「元件庫」。

   

步驟三：選取要匯入檔案。



步驟四：勾選平面化點陣圖。



步驟五：匯入檔案成可使用「元件」。



步驟六：在這可以先把元件名稱更改成按鈕的名稱，以方便之後的辨認。



步驟七：點選「插入」→「新增元件」，新增一個按鈕元件 ( ”F 8 “為新增元件的快速鍵 )。



步驟八-1：跳出”建立新元件”的視窗之後，可以將名稱做更改。

步驟八-2：而現在要建立的是”按鈕”，類型部分要選擇按鈕。




步驟九-1：按下”確定”之後，就會發現畫面中的介面改變成「按鈕」。

步驟九-2：這時也可以注意到，元件庫也增加了一個”按鈕元件”。 

步驟十-1：現在有四個影格，分別是「一般、滑入、按下、感應區」，現在要逐步將每個影格
，放入剛剛做的元件，以達到要的效果。

步驟十-2：先將剛剛命名為「一般」的元件放入舞台中。




步驟十一-1：之後到滑入這格，按下右鍵。

步驟十一-2：選擇「插入空白關鍵影格」。




步驟十二：之後再將元件「滑入」拖入舞台中，之後的「按下」也以此類推。



步驟十三-1：都設定好之後，會發現影格內的元件，位置都不同，可以利用工具「對齊」
，來對齊位置。

步驟十三-2：在對齊面板中把”對齊舞台”點選。



步驟十四：對齊完成之後，在於”感應區”這格影格再插入”空白關鍵影格”。



步驟十五：增加完關鍵影格後，點選影格下方「描圖紙」圖示，這功能主要是能讓前一個影格
浮現，好作感應區範圍的依據。



步驟十六：利用工具「矩形工具」，畫出你要的感應區範圍大小。



步驟十七-1：感應區設定好之後，先將描圖紙選項關閉。

步驟十七-2：再切換回場景，將元件庫的「按鈕」拖入舞台中。



步驟十八：這時「按鈕元件」完成了。

 

步驟十九：回到場景後，再從元件庫把剛剛所做的按鈕元件拖曳到場景中，在執行輸出
就可以看到效果了。