Fireworks 制作精美導(dǎo)航效果教程
Fireworks 制作精美導(dǎo)航效果教程
本教程是向大家介紹利用Fireworks 制作精美導(dǎo)航效果,制作難度不大,教程介紹地非常詳細(xì),新手朋友也可以過(guò)來(lái)學(xué)習(xí),希望這篇教程對(duì)大家有所幫助!我們先來(lái)看看最終效果圖:
Fireworks 制作精美導(dǎo)航效果教程
(圖2.1)
下邊我將教大家如何制作以上這個(gè)按鈕:
先新建一個(gè)500*400大小的畫(huà)布,畫(huà)一個(gè)400*40的長(zhǎng)方形,調(diào)成漸變,如圖2.1.1
(圖2.1.1)
于是乎出來(lái)了一個(gè)我們做出來(lái)了個(gè)這個(gè)樣子的圖形如圖2.1.2
(圖2.1.2)
然后我們用部分固定選定工具
選取長(zhǎng)方形的上邊兩點(diǎn)如圖2.1.3
(圖2.1.3)
按住shift鍵,按兩下向右鍵。如圖2.1.4
(圖2.1.4)
畫(huà)一個(gè)綠色的長(zhǎng)方形,我們通過(guò)部分選定工具得到一個(gè)如圖2.1.5
(圖2.1.5)
通過(guò)復(fù)制粘貼我們得到如圖2.1.6
(圖2.1.6)
通過(guò)
我們得到如圖2.1.7
(圖2.1.7)
圖形發(fā)光,白色屬性如圖2.1.8
(圖2.1.8)
然后再發(fā)光顏色為 #7B869A 得到如圖2.1.9
(圖2.1.9)
復(fù)制粘貼圖形,去掉描邊,向右移動(dòng)兩個(gè)像素,如圖2.1.10
(圖2.1.10)
畫(huà)一個(gè)長(zhǎng)方形黃色漸變。放置圖形下層,如圖2.1.11
(圖2.1.11)
畫(huà)一個(gè)長(zhǎng)方形如圖2.1.12
(圖2.1.12)
設(shè)置如圖2.1.13
(圖2.1.13)
把寬度設(shè)為“1”旋轉(zhuǎn)“20度” 復(fù)制粘貼。然后向右移動(dòng)一個(gè)像素。漸變變成白色.然后復(fù)制粘貼。
如圖2.1.14
(圖2.1.14)
畫(huà)一個(gè)白色的1*1像素的點(diǎn)向右移動(dòng)1個(gè)像素變成黑色。重復(fù)過(guò)程。如圖2.1.15
(圖2.1.15)
OK,到這里我們這個(gè)圖形基本上就完畢咯。
教程結(jié)束,以上就是Fireworks 制作精美導(dǎo)航效果過(guò)程,現(xiàn)在大家是否都已經(jīng)學(xué)會(huì)了,喜歡的朋友可以自己嘗試制作一個(gè)導(dǎo)航,效果肯定非常棒!