不卡AV在线|网页在线观看无码高清|亚洲国产亚洲国产|国产伦精品一区二区三区免费视频

學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 工具軟件 > 圖像處理教程 > Fireworks > 怎樣繪制fireworks滑動(dòng)導(dǎo)航欄

怎樣繪制fireworks滑動(dòng)導(dǎo)航欄

時(shí)間: 健麗747 分享

怎樣繪制fireworks滑動(dòng)導(dǎo)航欄

  Fireworks怎樣制作滑動(dòng)導(dǎo)航欄。下面學(xué)習(xí)啦小編跟分享了更多關(guān)于怎樣繪制fireworks滑動(dòng)導(dǎo)航欄,希望你喜歡。

  繪制fireworks滑動(dòng)導(dǎo)航欄的方法步驟

  先看一下最后效果:

  1、打開(kāi)FW 8.0 (我用的是8.0,當(dāng)然其它版本也是一樣的。

  2、在fireworks中新建一個(gè)文檔。大小760X400像素。

  3、在fireworks中用矩形工具畫一個(gè)漸變的矩形,這里這個(gè)矩形是要做為導(dǎo)航條的背景,所以你可以調(diào)配自己喜歡的顏色。

  4、在fireworks中用直線工具畫了兩條線見(jiàn)下圖,做為分隔線來(lái)用。

  5、按住Shift+G把這兩條線組合成對(duì)象,復(fù)制這個(gè)對(duì)象,從窗口對(duì)齊面板最后見(jiàn)下圖:

  6、來(lái)這幾部就比較關(guān)鍵了,按下快捷鍵Ctrl+f8,調(diào)出新建元件窗口選擇“按鈕”

   7、來(lái)讓我們?cè)谶@里創(chuàng)作按鈕吧!用圓角矩形工具畫下圖,漸變見(jiàn)下圖,邊框?yàn)橐粋€(gè)像素。

  8、然后復(fù)制這個(gè)圖形去掉邊框,調(diào)節(jié)大小使按鈕有凸出的感覺(jué)。

  9、現(xiàn)在我們來(lái)做下面那個(gè)三角形。我用的是路徑。

  (1)在剛才那個(gè)圖形的上面點(diǎn)右鍵選擇取消組合。

  (2)選擇鋼筆工具在下面路徑加三個(gè)節(jié)點(diǎn),見(jiàn)下圖。

  在fireworks中選擇白箭頭工具,向下拖拉中間的節(jié)點(diǎn)成三角形。

  (3)寫上文字

  (4)到這里其實(shí)我們直徑完成了70%的工作量。不急往下看

  看見(jiàn)元件編輯區(qū)這里的滑過(guò),按下。。。。。。

  分別點(diǎn)擊滑過(guò),按下。。。。

  并且每步都要選者復(fù)制彈起時(shí)的圖形,這個(gè)在什么地方見(jiàn)下圖:

    (5)這里先不急著點(diǎn)完成,而是先回到釋放狀態(tài)下把按鈕的背景圖形刪除,不要把文字也刪了啊!

  (6)點(diǎn)完成

  10、按F11打開(kāi)庫(kù)面板拖出按鈕從庫(kù)里

  11、你可以根據(jù)你要做的數(shù)目拖出你需要的按鈕數(shù)

  12、分別選擇按鈕,在屬性欄輸入不同的文字

  13、調(diào)節(jié)好按鈕之間的距離。

  14、在fireworks中選擇“文件-導(dǎo)出”

  這里一定要選擇“將圖像放入子文件夾",要不你的圖片倒出來(lái)就很亂。

587349