二維碼 購物車
部落窩在線教育歡迎您!

線性背景的制作,很有feel

?

作者:SDC番茄匠來源:部落窩教育發(fā)布時(shí)間:2018-10-25 13:58:21點(diǎn)擊:2762

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 網(wǎng)絡(luò)作品,轉(zhuǎn)載請(qǐng)注明原作者和出處。


編按:一個(gè)好看的背景會(huì)讓你的設(shè)計(jì)簡潔化,在這樣的背景下,只需要添加一些文字就可以形成一幅完美的圖片啦。那如何做一張很有設(shè)計(jì)感的背景呢?我們一起來看看吧。

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

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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


將畫布的邊角畫暗一些。

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


然后就得到下圖的樣子:

說明: Create bright abstract diagonal lines background in Photoshop CS5


將剛才柵格化的圖層進(jìn)行復(fù)制,然后選擇濾鏡——模糊——動(dòng)感模糊。

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


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

說明: Create bright abstract diagonal lines background in Photoshop CS5


完成啦!

相關(guān)文章推薦:

廢金屬帶電特效字體制作

糖果色氫氣球特效文字,簡直美美噠!

 

翻譯小組:SDC番茄匠 微博ID: @XuHY_____

原文地址:www.adobetutorialz.com

文章來源: https://www.uisdc.com/bright-abstract-diagonal-lines-background