fireworks怎么制作一個(gè)圓角矩形的網(wǎng)頁(yè)導(dǎo)航條?
fireworks怎么制作一個(gè)圓角矩形的網(wǎng)頁(yè)導(dǎo)航條?今天我們就來(lái)看看詳細(xì)的設(shè)計(jì)方法,主要是繪制矩形,添加漸變色等方面的知識(shí)。

1、首先打開(kāi)fireworks,新建一塊畫布,畫布顏色我選擇白色

2、然后在左側(cè)工具欄選擇“矩形工具”---->“圓角矩形”

3、然后在畫布上按住鼠標(biāo)左鍵拖曳畫出該矩形

4、然后我們有鼠標(biāo)點(diǎn)擊選中該矩形,接著在下面的屬性面板,設(shè)置其填充類型為線性漸變

5、接著咱們點(diǎn)擊顏料桶選擇漸變的顏色

6、然后咱們通過(guò)增加一個(gè)顏色控制器,把漸變顏色變成中間深,兩邊淺

7、這時(shí)候我們還不滿足,還要給它加一個(gè)陰影,點(diǎn)擊選中該矩形,然后“編輯”---->“克隆”

8、這樣就會(huì)原地復(fù)制粘貼一個(gè)矩形,你不信看圖層面板就可以了

9、這時(shí)我們把其中一個(gè)矩形用“選擇”工具拖曳下來(lái)

10、然后把下面那個(gè)矩形下面部分的不透明度改為0

11、接著改變另一邊的不透明度,使獲得一個(gè)好的陰影

12、得到這樣的效果

13、然后選中這兩個(gè)對(duì)象,右鍵菜單中選擇“組合”

導(dǎo)航條是網(wǎng)頁(yè)必不可少的一部分,上面就是我們?cè)O(shè)計(jì)的一個(gè)高質(zhì)量的、美觀的導(dǎo)航條。
相關(guān)推薦:
FW怎么設(shè)計(jì)個(gè)性十足的文字LOGO?
fireworks怎么設(shè)計(jì)重復(fù)折疊的字體效果?
Fireworks怎么扇形圓形文字? Fireworks文字路徑的制作方法
相關(guān)文章
圖片多的時(shí)候,一張一張?zhí)幚砭捅容^慢,其實(shí)Fireworks的批處理功能就不錯(cuò),可以批量處理圖片,下面就為大家介紹Fireworks批量處理圖片方法,來(lái)看看怎么操作吧2017-04-04
這篇教程是向腳本之家的朋友分享Fireworks制作漸變的填充效果方法,教程比較基礎(chǔ),非常適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考本文,來(lái)看看吧2017-04-01
切片是網(wǎng)頁(yè)的對(duì)象之一,最初的應(yīng)用是將影響網(wǎng)頁(yè)顯示時(shí)間的大圖片切割成不同的幾個(gè)部分以便于數(shù)據(jù)傳輸。下面小編就為大家介紹FW切圖方法,一起來(lái)看看吧2017-03-31
firework作為曾經(jīng)的網(wǎng)頁(yè)三劍客之一,雖然在c6之后已經(jīng)不再更新,但作為一個(gè)輕量的圖片編輯工具,我依然十分喜歡它,這篇教程是向腳本之家的朋友分享利用Fireworks把想要的圖案2017-03-30
Fireworks我們的設(shè)計(jì)稿可以及時(shí)在瀏覽器中瀏覽,那么Fireworks怎么把默認(rèn)瀏覽器改成百度?下面小編就為大家詳細(xì)介紹一下,不會(huì)的朋友可以參考本文,來(lái)看看吧2017-03-29
這篇教程是向腳本之家的朋友分享fireworks簡(jiǎn)單幾步制作layer方法,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考本文,來(lái)看看吧2017-03-28
這篇教程是向腳本之家的朋友分享fireworks簡(jiǎn)單幾步制作立體的圓球方法,教程非?;A(chǔ),很適合新手來(lái)學(xué)習(xí),只需幾步即可完成,推薦到腳本之家,來(lái)看看吧2017-03-27
這篇教程是向腳本之家的朋友分享用Fireworks制作成透明漸變效果方法,敬愛(ài)哦從制作出來(lái)的效果非常不錯(cuò),很值得大家學(xué)習(xí),推薦到腳本之家,一起來(lái)學(xué)習(xí)吧2017-03-24
這篇教程是向腳本之家的朋友分享Fireworks制作自己網(wǎng)站的logo方法,教程比較基礎(chǔ),非常適合新手來(lái)學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考本文,希望能對(duì)大家有所幫助2017-03-23
這篇教程是向腳本之家的朋友分享Fireworks怎么把圖形添加到元件庫(kù)里面方法,教程比較基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦到腳本之家,不會(huì)的朋友可以參考本文2017-03-22












