fireworks網(wǎng)頁導(dǎo)航欄制作

fireworks網(wǎng)頁導(dǎo)航欄制作

　　Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件,它大大簡(jiǎn)化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度,無論是專業(yè)設(shè)計(jì)家還是業(yè)余愛好者,使用Fireworks都不僅可以輕松地制作出十分動(dòng)感的GIF動(dòng)畫,還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等。下面學(xué)習(xí)啦小編跟分享了更多關(guān)fireworks網(wǎng)頁導(dǎo)航欄制作，希望你喜歡。

　　fireworks網(wǎng)頁導(dǎo)航欄制作的方法步驟：

　　先看一下最后效果：

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

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

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

　　4、然后我用直線工具畫了兩條線見下圖，做為分隔線來用。

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

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

　　如果你看見這個(gè)對(duì)話框，那么你這步是正確的了。

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

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

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

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

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

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

　　(3)寫上文字

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

　　看見元件編輯區(qū)這里的滑過，按下。。。。。。

　　分別點(diǎn)擊滑過，按下。。。。

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

　　如果還找不到的話，你就睜大眼睛使勁找了!

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

　　(6)點(diǎn)完成

　　10、呵呵現(xiàn)在我們又回到場(chǎng)景下，按F11打開庫(kù)面板拖出按鈕從庫(kù)里

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

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

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

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