單元十四、變色按鈕

完成如下圖的變色按鈕作品(樣式自由發揮,範例):

14_but1_1.gif

說明:

1.每個變色按鈕都包含兩張大小相同但顏色或樣式不同的圖片

2.用PhotoImpact製作大小相同的圖形檔,依序命名:1-1.gif及1-2.gif

3.用Namo執行[插入]/[Script]/[Script精靈]/[圖形替換效果]選取圖形檔1-1.gif及1-2.gif

詳細操作過程:

1.執行元件設計師:執行PhotoImpcat選[網路]/[元件設計師]。

 

2.挑選Rollover按鈕:選[Rollover按鈕]/[不規則]再挑喜歡的按鈕。

3.修改文字及字形:輸入文字並修改字形或顏色

4.匯出物件:將修改完成的物件匯出成為個別的物件圖形

5.視窗調大:拖曳視窗角落使視窗變大,方便選取物件

6.拖曳物件:拖曳選取圖形後,拉至視窗外另存新檔,檔名1-1.gif

7.拖曳另一組物件:依相同方法拖曳另一組物件存1-2.gif

8.設定某顏色變透明:存檔時類型如為GIF會出以下視窗,可設定圖形的某一顏色變透明

9.執行Namo將插入點移至變色按鈕要放置的位置,按[插入]/[Script]/[Script精靈]/[圖形替換效果]選取這兩張圖形檔1-1.gif及1-2.gif

 

10.使用[圖形替換效果]選取這兩張圖形檔1-1.gif及1-2.gif,再建立超連結即可。

11.其它:在元件設計師可以設定圖形的放大比例改變圖形的大小

12.設計流程建議如下:

(1).設計第一個完成後按存檔,檔名:1-1.ufo,記得選UFO的類型

(2).按[F4]另存一個GIF類型檔案,記得改色彩數量並設定透明色,檔名:1-1.gif

(3).設計第二個完成後按存檔,檔名:1-2.ufo,記得選UFO的類型

(4).按[F4]另存一個GIF類型檔案,記得改色彩數量並設定透明色,檔名:1-2.gif

(5).請利用文字工具修改文字後,按[F4]存2-1.gif,再修改另一個的文字再按[F4]存2-2.gif

(6).檔案類型說明:GIF類型的檔案可以放在網頁上,在PhotoImpact中很難修改

         UFO類型的檔案無法放在網頁上,在PhotoImpact中很容易修改