在這個(gè)教程里,我會(huì)教你如何使用PS CS5制作像下圖這樣具有光感的斜線條紋背景。教程中將會(huì)使用到漸變工具、筆刷、以及色相/飽和度的調(diào)節(jié)。PSD圖層文件已經(jīng)包含在內(nèi)(文章末尾,建議先不要急著下載,自己做的試試喲)。讓我們開始動(dòng)手做圖吧!

類似的中文教程,之前我們也推薦過用PS CS5制作酷炫的抽象光線人物海報(bào),也是非常不錯(cuò)的制作時(shí)尚炫光的教程。推薦一并練習(xí)。

最終效果圖預(yù)覽:

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

使用矩形工具(U),畫出一個(gè)矩形。

PS教程:打造炫麗的抽象光線背景

將圖層的填充設(shè)置為0%,然后在圖層面板的底部點(diǎn)擊添加圖層樣式,選擇漸變疊加。

PS教程:打造炫麗的抽象光線背景

點(diǎn)擊工具欄中的漸變編輯器,將漸變的色標(biāo)設(shè)置為圖中顯示的樣子。點(diǎn)擊確定來關(guān)閉漸變編輯器。

PS教程:打造炫麗的抽象光線背景

然后我們就會(huì)得到下圖:

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

這樣我們就會(huì)得到下圖的效果:

PS教程:打造炫麗的抽象光線背景

現(xiàn)在我們需要將圖中指出的線條進(jìn)行復(fù)制。

PS教程:打造炫麗的抽象光線背景

選擇復(fù)制的圖層,然后點(diǎn)擊濾鏡——模糊——高斯模糊。

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

下一步,再插入一個(gè)線條圖層的副本,然后點(diǎn)擊圖層面板下方的添加圖層樣式,勾選外發(fā)光。

PS教程:打造炫麗的抽象光線背景

外發(fā)光效果的線條就會(huì)是下圖這樣的:

PS教程:打造炫麗的抽象光線背景

將剛才做出來的線條進(jìn)行復(fù)制,并將它移動(dòng)到圖中顯示的位置(使用Ctrl+T)。

PS教程:打造炫麗的抽象光線背景

新建一個(gè)圖層,選擇柔邊圓筆刷,顏色設(shè)置為白色(在選項(xiàng)中將透明度設(shè)置為30%)。

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

把這個(gè)圖層的混合模式設(shè)置為疊加。

PS教程:打造炫麗的抽象光線背景

新建一個(gè)圖層,選擇柔邊圓筆刷,顏色設(shè)置為黑色透明度——20%)。

PS教程:打造炫麗的抽象光線背景

將畫布的邊角畫暗一些。

PS教程:打造炫麗的抽象光線背景

在圖層面板底部點(diǎn)擊創(chuàng)建新的填充或調(diào)整圖層,點(diǎn)擊曲線,像圖中顯示的這樣對圖層進(jìn)行微調(diào)。

PS教程:打造炫麗的抽象光線背景

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

PS教程:打造炫麗的抽象光線背景

再次點(diǎn)擊創(chuàng)建新的填充或調(diào)整圖層,選擇色相/飽和度。

PS教程:打造炫麗的抽象光線背景

將色相滑塊向左拖動(dòng)一點(diǎn)。

PS教程:打造炫麗的抽象光線背景

將這些線條圖層放在一個(gè)群組里(按住Ctrl鍵同時(shí)點(diǎn)擊需要的圖層,然后按住鼠標(biāo)左鍵將這些被選中的圖層拖到圖層面板底部的創(chuàng)建新組的圖標(biāo)上)。這個(gè)新組將被柵格化。選擇這個(gè)圖層組,按下Ctrl+E來合并圖層,然后在柵格化后的圖層上使用濾鏡——模糊——?jiǎng)痈心:?/b>。

PS教程:打造炫麗的抽象光線背景

然后就得到下圖的樣子:

PS教程:打造炫麗的抽象光線背景

將剛才柵格化的圖層進(jìn)行復(fù)制,然后選擇濾鏡——模糊——?jiǎng)痈心:?/b>。

PS教程:打造炫麗的抽象光線背景

然后就會(huì)變成這樣:

PS教程:打造炫麗的抽象光線背景

將這個(gè)圖層的混合模式設(shè)置為飽和度。

PS教程:打造炫麗的抽象光線背景

新建一個(gè)圖層,選擇噴槍雙畫筆柔邊圓黑色透明度——20%)。

PS教程:打造炫麗的抽象光線背景

用這個(gè)筆刷來制造一些陰影。

PS教程:打造炫麗的抽象光線背景

再建一個(gè)新圖層,選擇柔邊圓筆刷,白色透明度——20%)。

PS教程:打造炫麗的抽象光線背景

用筆刷在畫筆的上半部分進(jìn)行繪制。

PS教程:打造炫麗的抽象光線背景

將這個(gè)圖層的填充改為63%,混合模式設(shè)置為疊加

PS教程:打造炫麗的抽象光線背景

完成啦!

查看原尺寸圖片點(diǎn)這里。

下載免費(fèi)PSD圖層文件點(diǎn)這里。

 

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

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

原文地址:www.adobetutorialz.com

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

PS教程:打造炫麗的抽象光線背景
 

收藏 3
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。