fireworks怎么制作一個圓角矩形的網(wǎng)頁導航條?
發(fā)布時間：2017-07-14 14:32:07 作者：佚名 
我要評論
我要評論fireworks怎么制作一個圓角矩形的網(wǎng)頁導航條？fireworks中想要給網(wǎng)頁設計一個導航條，就是很常見的圓角矩形的那種，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
fireworks怎么制作一個圓角矩形的網(wǎng)頁導航條?今天我們就來看看詳細的設計方法，主要是繪制矩形，添加漸變色等方面的知識。
1、首先打開fireworks，新建一塊畫布，畫布顏色我選擇白色
2、然后在左側(cè)工具欄選擇“矩形工具”---->“圓角矩形”
3、然后在畫布上按住鼠標左鍵拖曳畫出該矩形
4、然后我們有鼠標點擊選中該矩形，接著在下面的屬性面板，設置其填充類型為線性漸變
5、接著咱們點擊顏料桶選擇漸變的顏色
6、然后咱們通過增加一個顏色控制器，把漸變顏色變成中間深，兩邊淺
7、這時候我們還不滿足，還要給它加一個陰影，點擊選中該矩形，然后“編輯”---->“克隆”
8、這樣就會原地復制粘貼一個矩形，你不信看圖層面板就可以了
9、這時我們把其中一個矩形用“選擇”工具拖曳下來
10、然后把下面那個矩形下面部分的不透明度改為0
11、接著改變另一邊的不透明度，使獲得一個好的陰影
12、得到這樣的效果
13、然后選中這兩個對象，右鍵菜單中選擇“組合”
導航條是網(wǎng)頁必不可少的一部分，上面就是我們設計的一個高質(zhì)量的、美觀的導航條。
相關(guān)推薦：
Fireworks怎么扇形圓形文字? Fireworks文字路徑的制作方法
相關(guān)文章
圖片多的時候,一張一張?zhí)幚砭捅容^慢,其實Fireworks的批處理功能就不錯,可以批量處理圖片，下面就為大家介紹Fireworks批量處理圖片方法，來看看怎么操作吧2017-04-04
這篇教程是向腳本之家的朋友分享Fireworks制作漸變的填充效果方法，教程比較基礎(chǔ)，非常適合新手來學習，推薦到腳本之家，喜歡的朋友可以參考本文，來看看吧2017-04-01
切片是網(wǎng)頁的對象之一,最初的應用是將影響網(wǎng)頁顯示時間的大圖片切割成不同的幾個部分以便于數(shù)據(jù)傳輸。下面小編就為大家介紹FW切圖方法，一起來看看吧2017-03-31
firework作為曾經(jīng)的網(wǎng)頁三劍客之一,雖然在c6之后已經(jīng)不再更新,但作為一個輕量的圖片編輯工具,我依然十分喜歡它，這篇教程是向腳本之家的朋友分享利用Fireworks把想要的圖案2017-03-30
Fireworks我們的設計稿可以及時在瀏覽器中瀏覽,那么Fireworks怎么把默認瀏覽器改成百度?下面小編就為大家詳細介紹一下，不會的朋友可以參考本文，來看看吧2017-03-29
這篇教程是向腳本之家的朋友分享fireworks簡單幾步制作layer方法，教程比較基礎(chǔ)，適合新手來學習，推薦到腳本之家，喜歡的朋友可以參考本文，來看看吧2017-03-28
這篇教程是向腳本之家的朋友分享fireworks簡單幾步制作立體的圓球方法，教程非?；A(chǔ)，很適合新手來學習，只需幾步即可完成，推薦到腳本之家，來看看吧2017-03-27
這篇教程是向腳本之家的朋友分享用Fireworks制作成透明漸變效果方法，敬愛哦從制作出來的效果非常不錯，很值得大家學習，推薦到腳本之家，一起來學習吧2017-03-24
這篇教程是向腳本之家的朋友分享Fireworks制作自己網(wǎng)站的logo方法，教程比較基礎(chǔ)，非常適合新手來學習，推薦到腳本之家，喜歡的朋友可以參考本文，希望能對大家有所幫助2017-03-23
這篇教程是向腳本之家的朋友分享Fireworks怎么把圖形添加到元件庫里面方法，教程比較基礎(chǔ)，適合新手來學習，推薦到腳本之家，不會的朋友可以參考本文2017-03-22
