光效到位,工資翻倍!那些賽博朋克中的經(jīng)典光影原來是這么做的【杰視幫】
說到賽博朋克,你腦海中的第一反應(yīng)是什么?
銀翼殺手、賽博朋克2077、愛死機(jī)、攻殼機(jī)動(dòng)隊(duì)……

那作為一個(gè)設(shè)計(jì)師,現(xiàn)在甲方要你設(shè)計(jì)一組賽博朋克風(fēng)格的海報(bào),你又能想到哪些具體的元素技法呢?

華麗奇幻的配色、層疊破敗的高樓,綿綿的陰雨天氣,機(jī)甲與未來主義交錯(cuò)橫行……
還有一個(gè)元素,也可以說它就是賽博朋克的靈魂,燈光。

賽博朋克的畫面一般偏愛低亮度、高飽和、冷暖對(duì)比感強(qiáng)烈的視覺呈現(xiàn)。
色調(diào)以冷色為主,搭配霓虹彩燈、巨幅投影、大字招牌等元素的光影塑造,渲染一種未來城市虛無的繁華魅惑。


今天,我們就以一張之前大家瘋狂call我們出教程的賽博朋克海報(bào),來講一講這類場景中的光效塑造。

這次打光的重點(diǎn),是右邊這個(gè)看著不起眼的電話亭。

沒錯(cuò),就是這個(gè)小小的亭子,雖然看著平平無奇,但是通過光效顏色的跳躍,讓整個(gè)畫面更有節(jié)奏感。
而且以小見大,電話亭學(xué)會(huì)了,以后什么車站、店鋪、小酒館打光,全都是這個(gè)邏輯。所以... 答應(yīng)我,認(rèn)真看下去好嗎?

先讓我們看下打光前后的效果圖:

是不是開始感興趣了

這次的打光一共分三步:黑白融圖,色彩融圖,繪制光效,下面就話不多說,直接開始干貨。
首先,光效塑造的第一步是統(tǒng)一電話亭與周圍環(huán)境的黑白關(guān)系。

根據(jù)受光原理做出定光分面,電話亭左邊的光源要強(qiáng)一些,受光面稍微亮一些,背光面發(fā)暗。

利用曲線壓暗,將電話亭顏色調(diào)整到與右邊墻體一致。

利用中間調(diào),適當(dāng)加強(qiáng)對(duì)比度。這時(shí)候,電話亭背光面的顏色跟旁邊墻體就基本融合了。

然后,我們?cè)賮碚{(diào)整受光面明暗關(guān)系,受光面底部有光線的衰減,從亮到暗形成變化。
還是先利用曲線,調(diào)整暗部和對(duì)比度。

然后直接填充,選擇不透明漸變,利用線性漸變工具,從底部向上做出漸變效果。

相同邏輯,將電話亭的底邊壓暗,與地面做好銜接。

再根據(jù)電話亭側(cè)面的黑白關(guān)系,對(duì)正面進(jìn)行調(diào)整,使面與面的明暗保持一致。

最后,利用Shift加漸變工具,對(duì)門的上方進(jìn)行提亮,黑白關(guān)系也就調(diào)的差不多了。

黑白調(diào)完了,我們來到融圖。
融圖的一大要義,就是素材色彩與素材周圍環(huán)境色彩相匹配。

所以,先整體觀察電話亭周圍場景的顏色,畫面上半部分的霓虹燈是紫色調(diào),下半部分店鋪透出的光是暖黃色。
為了讓畫面色彩更具有跳躍性,豐富畫面節(jié)奏感。
我們可以嘗試?yán)蒙势胶?,在電話亭中間調(diào)中加點(diǎn)青色和藍(lán)色。

確定色調(diào)后,第一步是調(diào)整電話亭的光影,方便后期上色。
首先,是電話亭的正面,去色,然后改為疊加模式。


再利用蒙版,將這些方格的窗戶,挨個(gè)擦出來。

至于側(cè)面,用疊加模式估計(jì)效果不會(huì)很理想,因?yàn)檫@一部分本身已經(jīng)有點(diǎn)過曝了。
所以可以先利用色階,調(diào)整亮度,再利用蒙版,擦出側(cè)面的窗戶。


然后通過camera raw,調(diào)整電話亭的細(xì)節(jié)。增加對(duì)比度、陰影、白色,降低高光。

再利用蒙版,局部進(jìn)行提亮。

這部分上色有一個(gè)小技巧,【Ctrl + Alt + R】直接選取周圍的高光區(qū)。

但是,當(dāng)我們進(jìn)入蒙版時(shí),發(fā)現(xiàn):亮的區(qū)域雖然被選中了,但是選中區(qū)過大,我們需要的只是電話亭這一塊。

解決這個(gè)問題也不難。
我們?cè)凇綜trl + Alt + R】之前,先用曲線對(duì)畫面進(jìn)行壓暗,選區(qū)的面積就會(huì)明顯減少。


再利用色彩平衡調(diào)整顏色,注意,這一步中【保留明度】這個(gè)框框,一定要勾上。

如果色彩平衡的作用不是很顯著,也可以新建圖層,選擇疊加模式,再進(jìn)入蒙版。

利用F6,打開色彩中的HSB模式,直接吸窗戶底部的藍(lán)色,然后用畫筆擦出效果。

這個(gè)時(shí)候,顏色是有些偏青的,需要利用色相飽和度,將青色向藍(lán)色調(diào)整。這一步也是做出電話亭的底色。

底色弄完還是做發(fā)光。
新建圖層,選擇【線性減淡(添加)】,用高飽和、高明度的色彩,在窗戶的邊緣擦出光暈。

再調(diào)整筆刷大小,大范圍向地面方向刷出光照,根據(jù)畫面需求調(diào)整不透明度。

為了讓光照更加真實(shí),我們可以找到地面的圖層組,根據(jù)光照方向,在地面做出閉塞陰影。

新建圖層,改為正片疊底,吸取電話亭底部與地面相交部分的顏色,圍繞交接位置,淡淡的做出一圈陰影。

調(diào)整影子細(xì)節(jié),將側(cè)面靠近墻體一側(cè)的影子繼續(xù)壓暗。

如果還想對(duì)光效進(jìn)行強(qiáng)化,可以繼續(xù)新建圖層,還是熟悉的線性減淡(添加)。

估計(jì)這時(shí)候會(huì)有人問了,為啥不能一次搞定,非要同樣的方法弄這么多次?
因?yàn)?/span>細(xì)節(jié)。
牽一發(fā)而動(dòng)全身,你可能覺得自己只是改了一個(gè)小小的部分,但是為了整體調(diào)性的統(tǒng)一,其他部分也必須隨著這一個(gè)小小的變化而變化。
所以,耐下心來,多次調(diào)整,直到達(dá)到畫面視覺效果的最優(yōu)解。
回到正文,光影靠近地面的部分,顏色不夠強(qiáng)烈,需要利用疊加模式,加強(qiáng)顏色。

然后,回到地面圖層,將模式改為【顏色減淡】,對(duì)物體表面肌理進(jìn)行提亮。

畫重點(diǎn),這還只是第一層。
做光的時(shí)候,一定要層次堆起來,才有質(zhì)感。
根據(jù)物體的受光邏輯,添加億點(diǎn)點(diǎn)細(xì)節(jié),利用【顏色減淡】,反復(fù)強(qiáng)化光影。

色相飽和度矯正色彩后,注意光在地面的反射,局部提亮,讓光效更為通透。

最后,用曲線加強(qiáng)整體的對(duì)比度,這部分的光就基本搞定了。

當(dāng)然,這并沒有結(jié)束,光效這東西,要想加細(xì)節(jié),我們可以無限細(xì)化下去。
比如,除自身發(fā)出的藍(lán)光外,電話亭的左上角的光也會(huì)受后面的紫色霓虹燈牌影響。

我們就可以利用色相飽和度,將這部分顏色偏向藍(lán)紫色。

甚至電話亭右上方區(qū)域,也會(huì)受到右邊燈牌暖光的影響,也需要對(duì)顏色進(jìn)行微調(diào)。


如果這些光效交錯(cuò)間的過渡十分生硬,那畫面的整體效果自然不夠真實(shí)。
還可以利用畫筆,打開【傳遞】,在電話亭的側(cè)面刷出輪廓光。

根據(jù)右邊光源的照射位置,輪廓光的上下兩端,顏色偏暗,中端顏色要亮一些,再用默認(rèn)畫筆擦出光的衰減。

這樣,電話亭跟整體就能慢慢融合了。
如果想要光更加通透一點(diǎn),建議大家試試煙霧素材。

找一個(gè)形狀比較散開的煙霧,復(fù)制到圖層中。

改為濾色模式,調(diào)整素材的大小,對(duì)素材進(jìn)行壓暗。

最后,調(diào)整素材的顏色,偏向青色和藍(lán)色。

擦除多余的部分,這部分的光就畫完了。


今天的教程到這里就結(jié)束了,有收獲的同學(xué),評(píng)論、點(diǎn)贊、轉(zhuǎn)發(fā)幫我們刷起來。

其實(shí)各類海報(bào)的打光邏輯上都大同小異,關(guān)鍵是層次到位,細(xì)節(jié)真實(shí),反復(fù)修改疊加。

主光打亮場景、輔光提亮暗部、輪廓光快速塑形。
光影能豐富畫面的明暗層次,打造視覺上的立體性;也能加強(qiáng)角色代入感,幫助塑造場景氛圍。
所以,理解光影邏輯,學(xué)會(huì)打光,這通用于所有設(shè)計(jì)師。


最后,還是老樣子,對(duì)于這次的打光技法有疑惑的同學(xué),可以直接在評(píng)論區(qū)提出問題。
對(duì)于一些大家都比較關(guān)注的難點(diǎn)問題,我們會(huì)加入之后的公眾號(hào)內(nèi)容排期中,逐一與大家見面。

至于這次教程的素材嘛... 是我們合成班的畫光作業(yè)。
所以暫時(shí)不對(duì)外分享哈,想學(xué)習(xí)全套技法的同學(xué),可以掃碼文末二維碼,咨詢課程顧問噢~
