因為工作關係開始摸Adobe的Edge Animate，無奈教學很少，所以又開始自己記錄了……
題外話，我覺得做圖文教學好像比影片教學還累耶？雖然我覺得圖文有時候比影片清楚XD
打開Edge Animate會看到這樣的畫面，右邊有一些教學，偏偏沒有教基本的按鈕三態。
開新檔案！與其說像Flash，不如說更像Premiere或After Effect吧？
建議先存檔，確認專案的位置。
Edge Animate會自動生成這些檔案。
接著來匯入預先做好的按鈕三態吧！由左至右分別是按下（down）、正常（normal，也可以叫up）、滑入（over）。
如此一來，就將三張圖匯入了，Edge Animate會在專案資料夾自動新增一個叫images的資料夾。
接著要製作感應區（hit），到時候滑鼠事件的程式碼都要下在感應區上面。
將感應區的透明度調整成0%，這樣才不會擋住我們的按鈕，並且為其命名為testBtn_hit。
將按鈕、滑入、點下、感應區這四個項目選起來，點滑鼠右鍵，選“Convert to Symbol”，命名為testBtn就能製作出元件了！
而testBtn_down則是在out時opacity設0%，down設100%
按下stop後，Code區會自動下“sym.stop();”的程式碼，如此一來我們的按鈕就會停留在最開始（normal）的模樣。
開新檔案！與其說像Flash，不如說更像Premiere或After Effect吧？
建議先存檔，確認專案的位置。
Edge Animate會自動生成這些檔案。
接著來匯入預先做好的按鈕三態吧！由左至右分別是按下（down）、正常（normal，也可以叫up）、滑入（over）。
如此一來，就將三張圖匯入了，Edge Animate會在專案資料夾自動新增一個叫images的資料夾。
 |
| 想要比較整齊的話也可以自己先在專案資料夾中建立好images和分層結構後再匯入。 |
接著要製作感應區（hit），到時候滑鼠事件的程式碼都要下在感應區上面。
將感應區的透明度調整成0%，這樣才不會擋住我們的按鈕，並且為其命名為testBtn_hit。
將按鈕、滑入、點下、感應區這四個項目選起來，點滑鼠右鍵，選“Convert to Symbol”，命名為testBtn就能製作出元件了！
在Elements區域將元件內的順序重新排過，將normal放在最底，接著是over、down，以及最頂的感應區hit（沒錯，是在模擬Flash），並且開始建立時間軸標籤。
 |
| 連續用滑鼠左鍵點兩下就可以進到元件中（跟Flash、Illustrator一樣的做法）。 |
拖動時間軸上的黃色錨，並每隔0.25秒建立並命名標籤（up、over、out、down）
把testBtn_over的時間軸設定成在標籤over的時候opacity（透明度，也就是alpha值）0%，out的時候opacity則為100%
把時間軸錨點拉回0秒（normal標籤），並且按下Insert Trigger按鈕，開始下第一個程式stop！
 |
| 這個程式碼的意思是讓時間軸停止在Trigger所在的位置 |
 |
| 這個程式碼的意思是讓時間軸停在out標籤 |
現在開始對按鈕製作各種滑鼠事件！首先，對著testBtn_hit滑鼠右鍵後選Open Action，會跳出左邊的功能表，選mousedown。
 |
| 為hit增加了滑鼠按下（mousedown）的事件。 |
點Play from按鈕，再自己輸入"down"。
 |
| 也就是說，滑鼠點擊testBtn_hit區，按鈕會從標籤down開始播放。 |
在code區的testBtn上點“＋”號，選mouseover，再點Play From按鈕，輸入"over"。
 |
| 意思是如果滑鼠進入按鈕(hit區域)就從over標籤開始播放 |
接著一樣在code區的testBtn上點“＋”號，選mouseout，再點Play Reverse按鈕，輸入"out"。
 |
| 意思是如果滑鼠離開按鈕(hit區域)就從out標籤開始倒轉播放 |
再加入滑鼠放開後的code就大功告成啦！加入mouseup事件，並讓它play from標籤“over”。
 |
| 或許有人會覺得奇怪，為什麼不是播放up標籤？因為你放開滑鼠時其實還是要維持over狀態啊！ |
 |
| 如果放在hit上面的話，文字所在的區域會失去按鈕的功能。 |
身為一顆按鈕，當然也要給它click事件，也能讓它用Open URL來打開網址。
最後給它的滑鼠指標換成手型吧！這樣才像個按鈕嘛！
來看看成果吧！
（伺服器掛很久了……先用Dropbox擋一下XD）
當然，也可以不使用外部製作的圖片來作為按鈕，直接在An裡面拉，甚至可以設計一個反覆播放的元件拿來做為按鈕的某個形態（就像在Flash時元件包元件的做法）。
如果有遇到問題，或是有找到不錯教學的話，都歡迎一起討論！
