国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 辦公 > Fireworks > 正文

FW快速制作動態按鈕四狀態

2024-09-11 13:31:34
字體:
來源:轉載
供稿:網友
  按鈕是網頁的重要組成元素之一,在網頁中發揮著十分重要的作用。它主要起著兩個作用:第一是起到提示性的作用,有提示性的文本或者圖形來告訴瀏覽者點擊后會有什么作用,這樣的按鈕可以是靜態的圖片,主要是讓瀏覽者了解點擊它起到什么作用,甚至可能僅僅是一個小的較為美觀的圖片。第二是動態響應的作用,即是指瀏覽者在進行不同的操作時,按鈕能夠呈現出不同的效果,響應不同的鼠標時間。

  這樣的動態網頁按鈕一般有四個狀態,即up(釋放)、over(滑過)、down(按下)和over while down(按下時滑過),要編輯按鈕的鏈接或行為還要設置按鈕的active area(活動區域)。

  今天我們就來介紹如何在中快速制作按鈕四狀態 。文章末尾提供原文件供大家下載參考。


  (1)在fireworks中新建一個大小為200×60的文件,使用工具箱上的圓角矩形工具繪制一個圓角矩形,在屬性面板中設置圓角值為47,得到如圖1所示的圖像。


圖1 繪制圓角矩形

  (2)然后在屬性面板中填充設置中選擇"gradient">>"linear",即選擇線性填充,并在浮動顏色框中設置第一個顏色塊值為#b6b6b6,第二個顏色塊值為#ffffff,得到圖2所示的圖像。


圖2 設置漸變填充

  (3)由于現在是左右漸變,我們想實現上下漸變,其實只要調整漸變填充的控制桿就可以了,如圖3所示。


圖3 調整控制桿

  (4)按住ctrl+shift+d克隆圓角矩形,然后使用工具箱上的矩形工具繪制一個矩形,并使用選擇工具同時按住shift鍵選擇矩形和克隆所得的圓角矩形,如圖4所示。


圖4 同時選中矩形和圓角矩形

  (5)點擊"modify"菜單,選擇"combine paths"(組合路徑)>>"punch"(打孔),將兩個路徑使用打孔效果,得到圖5所示的圖像。


圖5 打孔后的圖像效果

  (6)選中打孔所得的圖形,在屬性面板中將其筆觸設為無,線性填充的第一個顏色塊設為#3399ff,第二個顏色塊設為#d0f3fd,適當調整控制桿,并在屬性面板中設置不透明度設為70%,得到如圖6所示的圖像。


圖6 調整填充效果

  (7)為了實現高光的效果,我們將畫布顯示的比例調到400%,然后點擊工具箱上的鋼筆工具,繪制圖7所示的路徑。


圖7 繪制路徑

  (8)調整路徑的不透明度為90%,切換到100%視圖,并適當調整一些填充效果讓其達到視覺上的最佳,得到圖8所示的圖像。


圖8 添加路徑后的效果

  (9)添加文本,并為文本添加發光效果,設置發光顏色為白色,得到如圖9所示的圖像。


圖9 添加文本

  (10)將畫布顯示的比例調到400%,用圓形工具和鋼筆繪制一個簡單的放大鏡圖像,線條顏色為白色,無填充。如圖10所示。


圖10 繪制"放大鏡"

  (11)切換到100%視圖,然后選中底下的圓角矩形,在其屬性面板上為其添加陰影效果,最終我們得到圖11所示的按鈕圖像。


圖11按鈕圖像

  (12)打開前面制作好的按鈕圖像,按住ctrl+a全選對象,然后按ctrl+g將所有對象組合,如圖12所示。


圖12 組合所有對象
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永定县| 尉犁县| 铜梁县| 囊谦县| 那曲县| 大理市| 图们市| 中卫市| 汉沽区| 夏河县| 镇原县| 焦作市| 工布江达县| 清水河县| 新乡市| 伊金霍洛旗| 福安市| 临沂市| 巫溪县| 宁陵县| 遂川县| 星子县| 南澳县| 宜宾县| 通化市| 永济市| 平陆县| 蒙阴县| 灌阳县| 宣恩县| 华阴市| 诸暨市| 泽库县| 奈曼旗| 贡山| 固原市| 阜南县| 布拖县| 哈巴河县| 武汉市| 岚皋县|