技術頻道導航
HTML/CSS
.NET技術
IIS技術
PHP技術
Js/JQuery
Photoshop
Fireworks
服務器技術
操作系統(tǒng)
網站運營

贊助商

分類目錄

贊助商

最新文章

搜索

怎樣用firework畫一條凹豎線

作者:admin    時間:2015-12-7 8:30:7    瀏覽:

今天想做一個導航菜單,欄目之間用豎線隔開,一開始用豎線符號“|”,但發(fā)現(xiàn)不美觀,覺得還是用圖片比較好看。用圖畫的豎線試了幾種樣式:凸起來、凹進去、填充顏色等等,不過最后還是覺得凹進去的樣式最合適,如下圖所示:

用firework畫凹豎線

用firework畫凹豎線

我然后發(fā)現(xiàn),QQ網站的導航也是使用這樣的凹豎線隔開各個欄目的。

如何用firework畫一條凹豎線

如何用firework畫一條凹豎線呢?本文介紹下我自己的經驗,其實我也是剛學會的方法,是自己琢磨出來的,效果看著還可以。

1、用矩形工具畫一個寬度為2的長方形。

用矩形工具畫一個寬度為2的長方形

用矩形工具畫一個寬度為2的長方形

2、使用線性填充長方形,填充顏色是從黑到白。

使用線性填充長方形

使用線性填充長方形

3、拉動滑竿調整填充屬性,直到豎線的凹效果出來為止。

拉動滑竿調整填充屬性

拉動滑竿調整填充屬性

經過上述三個步驟,便完成了凹豎線的效果。

您可能對如下文章也感興趣

用fireworks制作立體按鈕

fireworks制作gif動畫圖片 非常簡單

修改gif圖片閃動頻率,fireworks輕松搞定

標簽: firework  
相關文章
    x
    • 站長推薦
    /* 左側顯示文章內容目錄 */