Flash 按鈕元件製作

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

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

按鈕元件製作_01

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

 按鈕元件製作_02  

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

按鈕元件製作_03

步驟四:勾選平面化點陣圖

按鈕元件製作_04

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

按鈕元件製作_05

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

按鈕元件製作_06

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

按鈕元件製作_07

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

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


按鈕元件製作_08

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

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

按鈕元件製作_09

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

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


按鈕元件製作_10

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

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


按鈕元件製作_11

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

按鈕元件製作_12

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

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

按鈕元件製作_13

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

按鈕元件製作_14

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

按鈕元件製作_15

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

按鈕元件製作_16

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

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

按鈕元件製作_17

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

按鈕元件製作_18  

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

arrow
arrow
    全站熱搜

    jun431869 發表在 痞客邦 留言(3) 人氣()