2） 在第一步的擴展管理器中有使用這個擴展的英文說明，最后一段話是“To use this command, choose Commands > Bitgenius > MacButton.”，意思就是說如果要使用這個擴展時，只需要選擇“命令”菜單下的“Bitgenius| MacButton”即可。

　　其實還可以找到Fireworks MX 2004安裝文件夾中的“Configuration| Commands”文件夾對其進行路徑的進行修改。這里為了簡單起見，就使用默認的路徑開始創建透明按鈕。

　　首先，新建一個200×100的文件。選擇“命令”下拉菜單中的“Bitgenius| MacButton”，這樣會跳出創建透明按鈕對話框，如圖6所示。

　　右側部分有兩個選擇“Rectangle”和“Circlebutton”，代表的意思分別是“矩形按鈕”和“圓形按鈕”。這里選擇創建一個矩形按鈕，并分別設置矩形的大小、位置、圓角度數和顏色，如圖7所示。

　　這樣得到了如圖8所示的矩形，發現它其實是一組組合。

圖6 創建透明按鈕窗口 圖7 設置矩形按鈕屬性 

　　圖8 繪制透明對象

　　3） 打開對齊面板，通過水平居中和垂直居中兩個按鈕將所得對象放置到畫布中心以方便編輯，并適當的通過屬性面板修改透明度。

　　下一步就需要將這個組合轉換為按鈕了。選擇這個組合，選擇“修改”菜單下的“元件”|“轉換為元件…”，得到圖9所示的元件屬性彈出窗口，命名為 “button”，選擇“按鈕”。單擊“確定”，這是組合已經被轉換為按鈕了，其左下腳出現了一個小箭頭并且為其添加了一個切片，如圖10所示。

圖9 元件屬性設置  圖10 按鈕圖像

　　4） 雙擊按鈕打開按鈕編輯器，可以為每個狀態創建不同的文字和圖形了。并且選擇這個透明按鈕的所有對象，按Ctrl+G將它們組合起來，如圖11所示。

 　　圖11 打開按鈕編輯器

　　5） 在按鈕的釋放狀態之下，選擇工具箱的文本工具，為按鈕添加文本并設置文本屬性如圖12所示，并通過將按鈕和文本對齊，得到圖13。

圖12 文本屬性設置（圖片較大，請拉動滾動條觀看）圖13 為按鈕添加文本

　　 6） 這樣釋放狀態的編輯已經結束，現在開始編輯滑過狀態。點擊按鈕編輯器頂端的“滑過”選項欄，選擇“復制彈起時的圖形”。選中透明按鈕的組合，通過屬性面板將其透明度稍微調低一些。然后選擇文本，修改其填充顏色為#FFFF66，得到如圖14所示的滑動狀態。

圖14 按鈕的滑動狀態

　　 7） 一般情況下，只要兩個狀態就足夠了，當然其他狀態也是類似制作，這里就不需詳細敘述了。現在選擇按鈕編輯器的“活動區域”選項欄，修改切片的大小使之和按鈕大小基本符合，如圖15所示。

圖15 修改切片大小

　　 8） 單擊“完成”，這樣的按鈕已經制作好了。在文件工作區面板中可以選擇“預覽”選項欄，就可以看看所制作的按鈕的效果了。如圖16所示。

圖16 預覽按鈕效果

　　 9） 最后將圖像另存為button.png即可。

　　小結：我們在這個按鈕的制作例子中，熟悉了按鈕編輯器的一些基本情況，還通過這個按鈕的制作了解了如何在Fireworks MX 2004中安裝擴展插件。

　　這個按鈕是通過新建文件來制作的，還可以通過調用素材庫直接編輯按鈕，Fireworks MX 2004素材庫為用戶提供了大量的按鈕素材，使得用戶省去了許多不必要的制作時間，現在就來了解如何使用素材庫，并熟悉按鈕制作的一些高級內容。