怎樣繪制fireworks滑動導航欄

怎樣繪制fireworks滑動導航欄

　　Fireworks怎樣制作滑動導航欄。下面學習啦小編跟分享了更多關于怎樣繪制fireworks滑動導航欄，希望你喜歡。

　　繪制fireworks滑動導航欄的方法步驟

　　先看一下最后效果：

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

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

　　3、在fireworks中用矩形工具畫一個漸變的矩形，這里這個矩形是要做為導航條的背景，所以你可以調配自己喜歡的顏色。

　　4、在fireworks中用直線工具畫了兩條線見下圖，做為分隔線來用。

　　5、按住Shift+G把這兩條線組合成對象，復制這個對象，從窗口對齊面板最后見下圖：

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

　　　7、來讓我們在這里創作按鈕吧!用圓角矩形工具畫下圖，漸變見下圖，邊框為一個像素。

　　8、然后復制這個圖形去掉邊框，調節大小使按鈕有凸出的感覺。

　　9、現在我們來做下面那個三角形。我用的是路徑。

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

　　(2)選擇鋼筆工具在下面路徑加三個節點，見下圖。

　　在fireworks中選擇白箭頭工具，向下拖拉中間的節點成三角形。

　　(3)寫上文字

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

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

　　分別點擊滑過，按下。。。。

　　并且每步都要選者復制彈起時的圖形，這個在什么地方見下圖：

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

　　(6)點完成

　　10、按F11打開庫面板拖出按鈕從庫里

　　11、你可以根據你要做的數目拖出你需要的按鈕數

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

　　13、調節好按鈕之間的距離。

　　14、在fireworks中選擇“文件-導出”

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