先看效果圖。

在網(wǎng)頁(yè)設(shè)計(jì)布局中，分隔線是很常見(jiàn)的，它們的樣式有很多，但它們有一個(gè)共同的功能：將不同的信息塊分隔開來(lái)，本教程我們學(xué)習(xí)如何用photoshop制作與眾不同的分隔線。

新建文檔400x200像素，背景填充5a5a5a。建新層，用矩形工具畫1像素選區(qū)，填充黑色。

建新層，將選區(qū)往下挪1像素，填充白色，ctrl+D去掉選區(qū)。

將2圖層模式都改為柔光。

建新層，做如下圖所示矩形選區(qū)，白到透明直線漸變(從下往上拉)，圖層不透明度10%。

建新層，重復(fù)上一步，做一個(gè)黑到透明的漸變，圖層不透明度30%。

畫一個(gè)矩形選區(qū)，長(zhǎng)度相等，寬度是漸變層的2倍。

Ctrl+shift+i反選，選擇>修改>羽化，半徑13像素。除了背景，挨個(gè)圖層選擇，刪除2次，去掉選區(qū)，最終效果如下。