先看效果圖。

在網頁設計布局中，分隔線是很常見的，它們的樣式有很多，但它們有一個共同的功能：將不同的信息塊分隔開來，本教程我們學習如何用photoshop制作與眾不同的分隔線。

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

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

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

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

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

畫一個矩形選區，長度相等，寬度是漸變層的2倍。

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