萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Fireworks教程 >> FireWorks--Fireworks:接觸效果按鈕的制作在線閱讀

FireWorks--Fireworks:接觸效果按鈕的制作在線閱讀


  首先請大家看看按鈕的效果,請將鼠標點擊按鈕,去另一頁看效果

  通過上面的示例效果,我們可以清楚的感覺到按鈕被按觸時凹陷的效果,如何才能制作出這樣一款逼真的按觸按鈕呢?請和我一起來:
1 打開FW,新建文件,文件的大小考慮制作的按鈕的大小,背景色自定,可以采用透明背景,以便於與網頁的背景的融合,這裡我們為了敘述方便,采用了白色背景。
2 執行菜單命令“Insert--New Button”,這樣就會自動進入按鈕符號的編輯區,我們首先要編輯的是按鈕的Up狀態 。
3 采用上節我們講述的第三種制作方案,畫出一個圓角矩形,矩形的填充方式為Linear(線性漸變),填充方案為“Black,White”,通過選取工具箱的油漆桶工具 對填充顏色的方向進行調整,如下圖所示:



4 再次繪制出一個圓角矩形,注意在繪制時,寬和高都要小於上一步剛剛繪制的圓角矩形。填充的方式仍然為“Linear(線性漸變)”填充,填充的方案需要改變,點擊Edit按鈕,打開顏色編輯列,將填充顏色變為"#0064ff--#00ccff",當然,你也可以自己進行相關調整,具體的設置請看下圖:

 


copyright © 萬盛學電腦網 all rights reserved