自製flash音樂盒教學(二)- 置換音樂按鈕圖像篇

上一篇文章中分享了自製flash音樂盒 - 套用音樂按鈕源碼篇，接下來分享如何置換這個音樂按鈕。
這個網路收集的迷你小喇叭，其實是使用.png圖像製作成按鈕的，既然是圖像那同理可證我們就能使用其它的圖片來代替它。網路上有許多的免費圖標下載，其中包含了播放按扭，您可以利用Google搜尋器來找，以下分享一些免費圖標網站 :
♡ 圖標下載
1- Conscious Choices: 免費icon 網站/下載
2- 大量ICON圖標下載網站匯總- wowbox blog (網頁設計知識庫)
3- freeiconsweb(特別推薦:提供15000個圖標下載)
4- 來吧!胡說八道! » Post Topic » 線上免費 Icon 資源下載
5- 圖示搜尋網【ICONFINDER】 提供png、ico二種格式多種呎吋下載
6- ICON圖示收集站【IconArchive】35個分類，超過2,4100個圖示！
7- blogmarks多到不行的ICON下載

---

由於這個小喇叭是綠色的png圖檔，當我們將它放在綠色系列的動畫底圖上時，按扭可能會看不清楚，又無法更色所以我將它匯出到繪圖軟體上修改顏色再匯入。利用這個匯入更改圖像的方法，不只是更換顏色的新喇叭按鈕可以匯入當然其它你喜歡的圖標、卡通圖騰也能這樣更換。以下介紹置換播放按鈕圖像的操作步驟:

操作說明:

01-對著喇叭圖像A按右鍵選編輯

02-檔案→匯出→匯出影像

03-另存新檔幫匯出的影像命名為A→儲存

04-確定

05-同樣的步驟將按鈕圖像B也匯出儲存

06-使用你會操作的繪圖軟體將兩個喇叭的圖像更改顏色(選取-左手按Ctrl右手划鼠點擊喇叭圖層來)

07-將選取範圍填上顏色

08-將改完色的2個喇叭檔分別重新命名另存.png新檔

09-對著點陣圖A按右鍵→屬性

10- 匯入新的圖像

11-完成後元件庫上與舞台中央的按鈕就呈現出新的喇叭圖像了

12-接下來同樣的喇叭點陣圖B也完成匯入新圖像的步驟

13-另存新檔(避免覆蓋之前的檔)後，控制→測試影片(檢查成功與否)

14-檔案→發佈設定→發佈

---

成品示範 :

 

---

附檔 : 教學中範例

A 

B  

AA

BB

有誰來看我....