PS教程！手把手教你繪制多彩飄逸的抽象光

編者按：Photoshop技術(shù)進(jìn)階必備技能！如果你已經(jīng)會(huì)摳圖，會(huì)給相片磨皮了，那么接下來(lái)就該挑戰(zhàn)這個(gè)教程了！這是合成技術(shù)的一項(xiàng)必備技能，因?yàn)槭褂梅秶軓V，所以特別推薦同學(xué)們首要學(xué)習(xí)喲！

@飛屋睿UIdesign?：抽象光的制作在廣告、海報(bào)、游戲場(chǎng)景設(shè)計(jì)中特別多，這類唯美的光線制作也是學(xué)PS時(shí)首要掌握的難點(diǎn)。當(dāng)初，你只能拿著PS做照片美化的時(shí)候，你只把PS當(dāng)成美圖秀秀用，而等你學(xué)會(huì)了摳圖，就為下一步要進(jìn)階合成技術(shù)做好了準(zhǔn)備。我們今天要學(xué)的抽象光，也是在進(jìn)階合成技術(shù)的過(guò)程中必備的另一項(xiàng)技能。

已經(jīng)學(xué)會(huì)的同學(xué)，來(lái)這里取資源，順便看看高手的作品！《14套PS頂級(jí)光效筆刷打包下載》

一、抽象光背景

抽象光的背景一般來(lái)說(shuō)是黑色。（請(qǐng)問(wèn)：為什么不能是白色背景？）你見(jiàn)過(guò)白天的月亮嗎？同樣道理，光本身有趨于“白”的本質(zhì)，如果四周都充斥著白色，那么這道光也就沒(méi)有存在的必要了。

好了，現(xiàn)在讓我們打開(kāi)photoshop軟件，新建一個(gè)800px*800px的文檔。根據(jù)不同的項(xiàng)目，畫(huà)布的大小也會(huì)不一致，如果采用較大的畫(huà)布，那么，我下面所講到的有關(guān)大小尺寸的時(shí)候，你自然就要將尺寸放大一點(diǎn)。

1、將文檔填充黑色，再將前景色設(shè)置為#922f00，采用大而軟的筆刷，（所謂大的筆刷到什么程度呢？在這里我選擇的是筆刷大小800px，硬度為0，）在畫(huà)布中心點(diǎn)擊一下，就能畫(huà)出如下圖所示圖樣。這里還可以用徑向漸變來(lái)繪制，效果是相同的。

2、如果覺(jué)得色彩不夠強(qiáng)烈，我們可以將上一步所畫(huà)的圖層復(fù)制一層，將復(fù)制層的混合模式改為“顏色減淡”，圖層混合模式中的“變亮”、“濾色”、“淺色”等都可以用來(lái)為圖層加亮，但是“顏色減淡”是效果最強(qiáng)烈的，在此處也最為理想。

3、對(duì)于抽象光的背景，我們需要增加一種煙霧感的紋理效果來(lái)烘托光線。這時(shí)，新建一個(gè)圖層，將前景色和背景色還原為白色前景、黑色背景。然后，進(jìn)入到濾鏡>渲染>云彩，圖層發(fā)生如下的變化。

完成濾鏡效果后的圖層混合模式改為“疊加”，透明度降低到30%。這時(shí)，有了這層煙霧感就足夠了嗎？我認(rèn)為還不足夠，那么，我們還可以再增加一個(gè)濾鏡。

進(jìn)入濾鏡>素描>鉻黃，在鉻黃漸變的濾鏡庫(kù)面板設(shè)置中，設(shè)置細(xì)節(jié)為0，平滑度為10,你也可以按照自己的喜好去調(diào)試相應(yīng)的值。點(diǎn)擊確定后，就能讓煙霧效果變得更為強(qiáng)烈。

二、光的形態(tài)

在我們現(xiàn)實(shí)世界當(dāng)中，光的形態(tài)可以說(shuō)是一條無(wú)限延長(zhǎng)的射線，遇到阻擋的時(shí)候就會(huì)出現(xiàn)反射。當(dāng)然，這是自然界中的光，而抽象光是虛擬的，也就是說(shuō)，光的形態(tài)可以自由發(fā)揮，任由你的想象，它可以是一個(gè)弧形，也可以是平行的直線型、流線型、發(fā)散式等等。本教程中，我們要制作的光的形態(tài)是弧形的，也可以叫做S形。

上一個(gè)步驟已經(jīng)將背景做好后，我們將背景的圖層編為一個(gè)組，取名為“背景”。在“背景”組上方新建一個(gè)組，組名為“發(fā)光體”。

1、運(yùn)用鋼筆工具，畫(huà)出一個(gè)漂亮的S形路徑。大家可以看到，我畫(huà)出的弧線的錨點(diǎn)很少。我覺(jué)得運(yùn)用鋼筆工具的最高境界就是用最少的錨點(diǎn)來(lái)畫(huà)圖形，利用操作桿控制線條的走勢(shì)，這樣畫(huà)出的圖形平滑度會(huì)更好，大家可以有意往這個(gè)方向訓(xùn)練。

2、在“發(fā)光體”組內(nèi)新建一個(gè)圖層，進(jìn)入到畫(huà)筆工具，選擇一個(gè)5px大小的硬邊圓畫(huà)筆。然后再回到鋼筆工具，右鍵點(diǎn)擊S形路徑，選擇“描邊路徑”，顧名思義就是要用畫(huà)筆來(lái)描出路徑。點(diǎn)擊后會(huì)彈出一個(gè)對(duì)話框，工具選項(xiàng)中默認(rèn)為“畫(huà)筆”。這里最重要是要點(diǎn)選“模擬壓力”，模擬壓力是能保證你的描邊能根據(jù)方向等狀態(tài)大小粗細(xì)會(huì)有所變化，這種變化過(guò)渡非常自然，模擬了現(xiàn)實(shí)情景中手繪的效果。如果沒(méi)有點(diǎn)選，那么，你繪出的線條粗細(xì)就很均勻。

前景色隨機(jī)選擇，因?yàn)樵俳酉聛?lái)的步驟中，我們會(huì)為其疊加其他的顏色。

三、光的質(zhì)感

現(xiàn)在開(kāi)始做光的質(zhì)感了。我們要知道的是，最簡(jiǎn)單做出光的質(zhì)感效果的方式是采用圖層樣式，而究竟是哪些圖層樣式呢？下面我們可以開(kāi)始動(dòng)手來(lái)實(shí)際操作一下。

1、我在這里分別運(yùn)用了“外發(fā)光”、“顏色疊加”和“投影”這三種圖層樣式，下圖中有相應(yīng)的圖層樣式的參數(shù)，以及運(yùn)用后的圖像效果。

對(duì)于圖層樣式的數(shù)值在此我就不再多講，這需要大家動(dòng)手自己練習(xí)，慢慢學(xué)會(huì)如何用各項(xiàng)數(shù)值來(lái)趨近你要制作的效果。我在此提供我的參數(shù)給大家參考。

2、按照上面幾個(gè)步驟，重又做出另外兩條光帶，讓三條光帶組成一個(gè)美妙的三角結(jié)構(gòu)，你也可以采用蒙版擦除部分光帶。點(diǎn)擊復(fù)制圖層樣式就能讓新的圖層也運(yùn)用上一步所做出圖層樣式，根據(jù)光帶的不同你還可以進(jìn)入圖層樣式對(duì)其中一些參數(shù)進(jìn)行調(diào)整。

四、需要修飾的文字

現(xiàn)在有了光感后，我們就開(kāi)始加入我們的主角。在這里我采用的是我個(gè)人網(wǎng)站的網(wǎng)址（www.ifeiwu.com）作為展示焦點(diǎn)，你也可以將自己的個(gè)人網(wǎng)站的網(wǎng)址做出這樣的光感效果，比如你正在看的優(yōu)設(shè)網(wǎng) ^ ^

新增一個(gè)圖層，采用獨(dú)特的布局、字體，利用微妙的變化達(dá)到平衡的美感。圖層的光感效果仍然可以復(fù)制已有圖層的效果。

五、增加裝飾

這樣的效果就夠了嗎？當(dāng)然，你也可以增加一些其他的裝飾。我在這里采用星形畫(huà)筆，打開(kāi)畫(huà)筆面板，對(duì)畫(huà)筆的形狀動(dòng)態(tài)和散布面板進(jìn)行相應(yīng)的調(diào)整，調(diào)整后，變成隨機(jī)散布星形的一種新的畫(huà)筆。在畫(huà)布上隨機(jī)描上幾筆。

六、上色

如果你想改變抽象光的顏色應(yīng)該怎么辦？在所有圖層的上方新建一個(gè)圖層，用一個(gè)大而軟的畫(huà)筆（大小800px，硬度0），設(shè)置藍(lán)色為前景色，在左上角涂抹。

然后，將該圖層的混合模式改為“顏色”，降低透明度至70%。這時(shí)，根據(jù)你所涂抹的顏色也可以適當(dāng)增減透明度，效果如下：

繼續(xù)為其他部分上色，如此上色的辦法對(duì)黑色環(huán)境的部分不會(huì)有影響。可以看到在這里我填上了這四種顏色。

最后，我的抽象光作品就制作完成了。

后記

這篇教程里所教的最重要的地方就是，學(xué)會(huì)如何用圖層樣式打造抽象光。網(wǎng)上有很多抽象光的素材可以直接現(xiàn)用，但是，這樣的話，也許你根本不知道怎么實(shí)際運(yùn)用這些現(xiàn)有的素材，如果你不知道如何去做，也就不會(huì)知道如何修改已有的素材，再拿來(lái)為自己所用。

【飛屋同學(xué)最受歡迎的教程排行榜！】

第三名！一枚有味道的舊舊圖章繪制教程
《PS新手教程！教你創(chuàng)建一枚復(fù)古風(fēng)格的懷舊圖章》

第二名！毛玻璃炫彩背景的繪制過(guò)程
《PS新手教程！教你創(chuàng)建超簡(jiǎn)單的炫彩背景》

第一名！粗暴有效的多邊形背景創(chuàng)造教程
《AI新手教程！教你簡(jiǎn)單快速地將圖片變成多邊形背景》

原文地址：ifeiwu
作者：@飛屋睿UIdesign

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量85萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：