在這個教程里，我會教你如何使用PS CS5制作像下圖這樣具有光感的斜線條紋背景。教程中將會使用到漸變工具、筆刷、以及色相/飽和度的調節。PSD圖層文件已經包含在內（文章末尾，建議先不要急著下載，自己做的試試喲）。讓我們開始動手做圖吧！

類似的中文教程，之前我們也推薦過用PS CS5制作酷炫的抽象光線人物海報，也是非常不錯的制作時尚炫光的教程。推薦一并練習。

最終效果圖預覽：

首先在PS中新建一個文件(Ctrl+N)，尺寸設置為1900px*1200px(色彩模式設為RGB)，分辨率設置為72pixels/inch。使用油漆桶工具(G)將新建的背景圖層用#0B0513填滿。

使用矩形工具(U)，畫出一個矩形。

將圖層的填充設置為0%，然后在圖層面板的底部點擊添加圖層樣式，選擇漸變疊加。

點擊工具欄中的漸變編輯器，將漸變的色標設置為圖中顯示的樣子。點擊確定來關閉漸變編輯器。

然后我們就會得到下圖：

接下來我們要將有矩形的這個圖層柵格化。之后，在剛才操作過的圖層上新建一個圖層，按住Ctrl鍵將兩個圖層都選取，然后使用快捷鍵Ctrl+E將兩個圖層向下合并。使用自由變換路徑(Ctrl+T)將矩形傾斜45°。

點擊圖層面板底部的添加圖層蒙版，再點擊畫筆工具，選擇柔邊圓筆刷，顏色為黑色。

在蒙版中使用筆刷，像下圖這樣將線條的邊緣遮蓋住。

下一步我們需要將剛才那個帶線條的圖層復制很多次，并且要通過自由變換路徑(Ctrl+T)來改變線條的位置。每一個復制出來的圖層，在使用蒙版進行邊緣遮蓋時要做些變化。并且通過菜單欄的圖像——調整——色相/飽和度(Ctrl+U)對線條的顏色進行更換和調整。

這樣我們就會得到下圖的效果：

現在我們需要將圖中指出的線條進行復制。

選擇復制的圖層，然后點擊濾鏡——模糊——高斯模糊。

然后就是下圖顯示的那樣：

將添加過高斯模糊濾鏡的圖層進行復制。將這個圖層的混合模式設置為顏色減淡，并用自由變換路徑(Ctrl+T)改變位置，這條線就會變成偏紅的顏色。

多次復制紅色線條的圖層，同樣使用自用變換路徑(Ctrl+T)來進行移動，變成下圖的樣子。在某些復制的圖層上，需要使用色相/飽和度(Ctrl+U)來更改顏色。

接下來，我們將插入更多線條的復制圖層。這些圖層副本沒有高斯模糊和顏色減淡模式。用色相/飽和度(Ctrl+T)改變線條顏色，并用自由變換路徑(Ctrl+T)來移動。如果需要，就用蒙版將線條的邊緣進行修整。

下一步，再插入一個線條圖層的副本，然后點擊圖層面板下方的添加圖層樣式，勾選外發光。

有外發光效果的線條就會是下圖這樣的：

將剛才做出來的線條進行復制，并將它移動到圖中顯示的位置(使用Ctrl+T)。

新建一個圖層，選擇柔邊圓筆刷，顏色設置為白色（在選項中將透明度設置為30%）。

使用筆刷在畫布上畫出一些淺色的部分：

把這個圖層的混合模式設置為疊加。

新建一個圖層，選擇柔邊圓筆刷，顏色設置為黑色（透明度——20%）。

將畫布的邊角畫暗一些。

在圖層面板底部點擊創建新的填充或調整圖層，點擊曲線，像圖中顯示的這樣對圖層進行微調。

這樣我們就得到這樣的效果：

再次點擊創建新的填充或調整圖層，選擇色相/飽和度。

將色相滑塊向左拖動一點。

將這些線條圖層放在一個群組里（按住Ctrl鍵同時點擊需要的圖層，然后按住鼠標左鍵將這些被選中的圖層拖到圖層面板底部的創建新組的圖標上）。這個新組將被柵格化。選擇這個圖層組，按下Ctrl+E來合并圖層，然后在柵格化后的圖層上使用濾鏡——模糊——動感模糊。

然后就得到下圖的樣子：

將剛才柵格化的圖層進行復制，然后選擇濾鏡——模糊——動感模糊。

然后就會變成這樣：

將這個圖層的混合模式設置為飽和度。

新建一個圖層，選擇噴槍雙畫筆柔邊圓，黑色（透明度——20%）。

用這個筆刷來制造一些陰影。

再建一個新圖層，選擇柔邊圓筆刷，白色（透明度——20%）。

用筆刷在畫筆的上半部分進行繪制。

將這個圖層的填充改為63%，混合模式設置為疊加。

完成啦！

查看原尺寸圖片點這里。

下載免費PSD圖層文件點這里。

———————————————————–

翻譯小組：SDC番茄匠 微博ID: @XuHY_____
文章編輯：SDC小編 @XuHY_____

原文地址：www.adobetutorialz.com

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量28萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：