麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 辦公 > 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 組合所有對象
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产亚洲高清在线精品不卡 | 成人在线视频免费观看 | 久久骚 | 极色品影院 | 一区二区三区日韩 | 久久久久久久高清 | 猫咪av在线 | 亚洲精品自在在线观看 | 19禁国产精品福利视频 | 免费黄色欧美视频 | 91精品国产乱码久久久久久久久 | 天天都色| 精品中文视频 | 久久黄色影院 | 91av在线免费播放 | 日本在线视频免费观看 | 午夜精品老牛av一区二区三区 | 久久影院一区二区三区 | 91超在线 | 久久99国产伦子精品免费 | h视频在线免费观看 | 欧美三级欧美成人高清www | 一区二区三区视频在线观看 | 成年人小视频在线观看 | 一级黄色欧美 | 久久99精品久久久久久秒播放器 | 亚洲视色 | 国产精品69页 | 久久久久久久久久久久网站 | 国产亚洲黑人性受xxxx精品 | 国产精品99久久久久久久女警 | h视频免费在线 | 黄色二区三区 | 久久影城 | 成人精品aaaa网站 | 操碰网 | 国产免费小视频在线观看 | 中文日韩在线视频 | 精品一区二区6 | 欧日韩在线 | 一区二区免费看 |