卡卡網(wǎng)

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

用firework畫凹豎線

我然后發(fā)現(xiàn)，QQ網(wǎng)站的導(dǎo)航也是使用這樣的凹豎線隔開各個(gè)欄目的。

如何用firework畫一條凹豎線

如何用firework畫一條凹豎線呢？本文介紹下我自己的經(jīng)驗(yàn)，其實(shí)我也是剛學(xué)會(huì)的方法，是自己琢磨出來的，效果看著還可以。

1、用矩形工具畫一個(gè)寬度為2的長(zhǎng)方形。

用矩形工具畫一個(gè)寬度為2的長(zhǎng)方形

2、使用線性填充長(zhǎng)方形，填充顏色是從黑到白。

使用線性填充長(zhǎng)方形

3、拉動(dòng)滑竿調(diào)整填充屬性，直到豎線的凹效果出來為止。

拉動(dòng)滑竿調(diào)整填充屬性

經(jīng)過上述三個(gè)步驟，便完成了凹豎線的效果。

您可能對(duì)如下文章也感興趣

用fireworks制作立體按鈕

fireworks制作gif動(dòng)畫圖片 非常簡(jiǎn)單

修改gif圖片閃動(dòng)頻率，fireworks輕松搞定

標(biāo)簽: firework