爆肝72小時(shí)!這大概是拆解最詳細(xì)的一篇教程了...【杰視幫】
前幾天的教程我們聊到如何培養(yǎng)設(shè)計(jì)思維,跟大家分享了拿到一個(gè)產(chǎn)品從構(gòu)思到執(zhí)行的整個(gè)思路流程。
為了讓大家放下手上的40米大刀,今天還是把這張海報(bào)庖丁解牛,一步一步拆給大家看。

按照空間搭建的思路,我們根據(jù)透視線將草圖精細(xì)化:

為了方便操作,我們將產(chǎn)品層隱藏。

接下來(lái),用鋼筆工具或矩形工具,按照草圖把每一塊空間搭建出來(lái)。

注意用不同的色塊來(lái)搭建,減少后期貼圖和質(zhì)感處理時(shí)的工作量。
按照上述方式,嚴(yán)格根據(jù)草圖拼出來(lái)即可,就不逐塊演示。

接下來(lái),對(duì)每個(gè)立方體做材質(zhì)處理和質(zhì)感打磨。

從舞臺(tái)中心開(kāi)始著手,為了表現(xiàn)產(chǎn)品的高端,在這里我們將產(chǎn)品托臺(tái)處理成木紋臺(tái)面。
?
在網(wǎng)上找到合適的木紋素材,通過(guò)剪切蒙版疊入圖層。(木紋方向一定要和透視方向匹配?。?/strong>

用這樣的方法,將其他幾個(gè)面都貼好木紋素材:

但這樣貼好后,整個(gè)立方體的頂立側(cè)面都被混到了一起難以區(qū)分。因此,接下來(lái)我們根據(jù)整個(gè)場(chǎng)景的光源方向調(diào)整元素明暗。
?
打開(kāi)曲線調(diào)整層,針對(duì)頂部整體提高亮度,增強(qiáng)受光感:

同時(shí),降低背光面的亮度,增強(qiáng)明暗對(duì)比,區(qū)分出頂立側(cè)面:

再略微降低側(cè)面亮度,優(yōu)化光影塑造,強(qiáng)化體積感:

最后,別忘了在轉(zhuǎn)折面處增加閉塞陰影,增強(qiáng)真實(shí)感:

你看,質(zhì)感是不是就出來(lái)了~

是不是很簡(jiǎn)單,那么木板上面這個(gè)小臺(tái)子又怎么處理呢?還用木紋?那這一塊就太死氣沉沉了。
?
為了對(duì)沖木板這類粗糙無(wú)反射的材質(zhì)所帶來(lái)的沉悶感,一般我們會(huì)在周圍搭配一些光滑有反射的材質(zhì)。比如玻璃、亞克力、陶瓷等。
?
在這里,我們將整個(gè)灰色模塊都處理成陶瓷的質(zhì)感。

為什么不做成玻璃?一是玻璃和球鞋這樣充滿力量的產(chǎn)品調(diào)性不搭;二是真的不想去畫(huà)玻璃產(chǎn)生的清晰倒影?。。。?/strong>

陶瓷的處理方式很簡(jiǎn)單,按照上面的方法,根據(jù)光源和遮擋關(guān)系,用曲線工具調(diào)整明暗。

然后打開(kāi)camera raw濾鏡,添加一點(diǎn)點(diǎn)雜色即可。

不像陶瓷?沒(méi)看出鏡面反射的質(zhì)感?別急嘛,先把它晾在一邊讓它反省一下,說(shuō)不定一會(huì)兒自己就有陶瓷質(zhì)感了。

我們?cè)賮?lái)處理底座。陶瓷用了,木材用了,為了避免材質(zhì)重復(fù)堆疊,我們將它處理出大理石的效果。
?
同樣的邏輯,找到大理石素材,匹配好透視關(guān)系疊進(jìn)去。

用同樣的方法根據(jù)光源和遮擋關(guān)系處理明暗面。

但這些都處理好,怎么看上去還是灰灰的沒(méi)質(zhì)感?

別急,我們只處理了光源明暗。接下來(lái),我們來(lái)刻畫(huà)物體之間的閉塞陰影、物體在其他材質(zhì)上的倒影與陰影。
?
ctrl點(diǎn)選舞臺(tái)輪廓,新建圖層,描邊2像素,高斯模糊配合蒙版做出物體與物體之間的閉塞陰影。

真實(shí)材質(zhì)拼合時(shí)之間不會(huì)完美服帖,多少會(huì)有一點(diǎn)間隙,因此,點(diǎn)選出輪廓,分別描出一個(gè)深色邊和一個(gè)淺色邊,做出材質(zhì)之間的縫隙感:


對(duì)于陶瓷這種存在反射的材質(zhì),不要忘了把它上面的素材倒影做出來(lái)哦。

再把舞臺(tái)底部側(cè)面的明暗根據(jù)光源調(diào)好后,整體效果是不是好多了?

接下來(lái),看到旁邊那個(gè)刺眼的小圍欄了嗎,要質(zhì)感沒(méi)質(zhì)感,要厚度沒(méi)處理,我們來(lái)給它整個(gè)容。

金屬管處理很簡(jiǎn)單的,涂個(gè)底色,一層陰影、一層高光、再一層陰影、再一層高光,你看,效果就出來(lái)了。

對(duì)于金屬球的處理同樣如此,素描基礎(chǔ)打好了,這個(gè)不會(huì)太困難~

用這樣的方法把另一邊也處理好,氣質(zhì)瞬間就上來(lái)了有沒(méi)有~

再把這個(gè)不入流的橫幅處理一下,先在CAR中加入雜色增加質(zhì)感:

利用曲線把轉(zhuǎn)折處的折痕處理出來(lái),增加陰影和高光:

最后,模擬厚度,新建圖層,選中輪廓描邊一像素的亮色邊。


如果嫌畫(huà)布太單調(diào)呢,可以加一些logo之類的做點(diǎn)綴。

你看,加上閉塞陰影和倒影,底部陶瓷的質(zhì)感是不是也出來(lái)了?

說(shuō)到陶瓷質(zhì)感,還記得木板上面這塊看著差點(diǎn)意思的陶瓷嗎?我們現(xiàn)在來(lái)處理它。
?
先打開(kāi)產(chǎn)品圖層,可以看到,產(chǎn)品是懸在陶瓷上空的,根據(jù)光源和遮擋關(guān)系,把產(chǎn)品在這塊陶瓷上的倒影和陰影做出來(lái):

根據(jù)上篇思維教程,一個(gè)場(chǎng)景不會(huì)總是凸起,在主舞臺(tái)周邊我們做一個(gè)凹陷處理,做一個(gè)木質(zhì)下沉空間:

你看,至此,主舞臺(tái)區(qū)的質(zhì)感表現(xiàn)力已經(jīng)相當(dāng)不錯(cuò)了:

主舞臺(tái)都做好了,其他地方是不是就有自信接著做下去了?

按上面的方法把地面鋪一個(gè)大理石材質(zhì),處理好明暗關(guān)系。

這里有一個(gè)小技巧,在處理明暗時(shí),靠近產(chǎn)品的地面明度略微調(diào)高,可以引導(dǎo)視線聚焦到產(chǎn)品上~
?
接下來(lái),按處理舞臺(tái)的方法,注意光源和遮擋關(guān)系,將材質(zhì)和明暗處理好即可:

在這里,特別講一下這種半透明的豐碑表現(xiàn)方式:

首先,降低不透明度,在CAR中添加雜色,強(qiáng)化質(zhì)感:

運(yùn)用剪貼蒙版追加紅色,增加豐碑的通透感:

再把文案放上去,復(fù)制一層,移動(dòng)一些像素,增加高斯模糊:

最后,整合成一個(gè)組,運(yùn)用曲線工具,降低明度,加強(qiáng)對(duì)比度即可:

至此,我們加上衣服和足球等裝飾,再配上文案,整個(gè)畫(huà)面就完成了...嗎?


我們還是只看主舞臺(tái),仔細(xì)觀察一下,現(xiàn)在和成稿的差別在哪里:

光效強(qiáng)度,還有嗎?

聰明的你一定發(fā)現(xiàn)了,棱角處理上還遠(yuǎn)遠(yuǎn)不足。
?
很多同學(xué)在做這類稿子時(shí),經(jīng)常說(shuō)不出為什么自己的稿子就是沒(méi)別人的看著真實(shí)。

細(xì)節(jié)決定成敗,其實(shí)現(xiàn)實(shí)生活里是幾乎不存在絕對(duì)鋒利的轉(zhuǎn)折邊的,每一個(gè)體塊的棱角,都會(huì)存在一個(gè)細(xì)微的轉(zhuǎn)折面。
?
因此,耐心打磨棱角,才能讓畫(huà)面無(wú)限接近真實(shí)場(chǎng)景。
?
我們以主舞臺(tái)的木板為例,給大家演示一下如何打磨棱角。

參考現(xiàn)實(shí)中的木板轉(zhuǎn)折,不難發(fā)現(xiàn),由于擠壓和光照,木板的轉(zhuǎn)折面通常由一條淺色邊和一條深色邊構(gòu)成。

因此,我們選中木材邊緣,模仿這種形式,描1像素淺色邊:

再描1像素深色邊,并將它們位置略微錯(cuò)開(kāi)。你看,是不是立竿見(jiàn)影:

用這種方法,把每一個(gè)體塊轉(zhuǎn)折處的棱角打磨出來(lái),主舞臺(tái)的質(zhì)感立馬又提升了一個(gè)檔次:

聽(tīng)上去很簡(jiǎn)單,但這可是個(gè)細(xì)心的活,小到柜子的一個(gè)把手,想把棱角和立體感做好,也是要耗費(fèi)一番心思的:

把遠(yuǎn)景的每一個(gè)體塊面的轉(zhuǎn)折處和銜接處的棱角打磨、拋光、潤(rùn)色,這一塊就不一一贅述了,基本技法和處理木頭的棱角是一樣的。
?
整個(gè)場(chǎng)景的棱角打磨完成后,你會(huì)驚訝于整張海報(bào)的質(zhì)感提升了不止一個(gè)檔次。

接下來(lái),就是萬(wàn)眾期待的最后一步,施展光影魔法!

首先還是要處理一下產(chǎn)品質(zhì)感,因?yàn)楫a(chǎn)品精修涉及知識(shí)點(diǎn)過(guò)多,在這里僅簡(jiǎn)單提一下思路。
?
根據(jù)光源位置,增強(qiáng)對(duì)比,增加飽和度,加強(qiáng)材質(zhì)質(zhì)感后,整個(gè)產(chǎn)品會(huì)顯得更加立體與醒目:

最后是整個(gè)場(chǎng)景的戲劇光處理,之前杰克那種隨手畫(huà)光的技法很多同學(xué)表示學(xué)不來(lái)...

那今天教大家一個(gè)簡(jiǎn)單有效的方法,網(wǎng)上找一張黑底的光效素材:

將圖層模式選為濾色模式,然后降低不透明度,即可形成很自然的戲劇光效果:

如果光效不夠強(qiáng)烈,還可以疊加兩層,強(qiáng)化光束:

之后,蓋印一層,打開(kāi)CAR,調(diào)整對(duì)比度和色相,加強(qiáng)整體質(zhì)感:

用增強(qiáng)光效的手法,加一層藍(lán)色薄霧,加強(qiáng)畫(huà)面層次感:

最后,壓暗四角,增強(qiáng)畫(huà)面聚焦感,大功告成:

從前幾天的思維構(gòu)圖,到今天的全程操作,這就是一張正統(tǒng)P4D海報(bào)的全部制作流程。

經(jīng)過(guò)這兩次的教程,相信有靈性的同學(xué)已經(jīng)發(fā)現(xiàn)了,P4D訓(xùn)練法能很好的鍛煉美術(shù)基本功,就跟美術(shù)生背肌肉背骨骼一樣,去練習(xí)空間透視,空間情緒,理解光影邏輯,分析光影細(xì)節(jié)...?
?
萬(wàn)丈高樓平地起,只有夯實(shí)了基礎(chǔ),你才能去到更高的位置。
?
當(dāng)你發(fā)現(xiàn)自己基礎(chǔ)薄弱的時(shí)候,肯定想問(wèn),那什么時(shí)候適合補(bǔ)基礎(chǔ)呢?沒(méi)錯(cuò),就是現(xiàn)在!

發(fā)現(xiàn)了就立馬補(bǔ),就跟手繪一樣,如果你發(fā)現(xiàn)自己畫(huà)畫(huà)能力不行,那現(xiàn)在就畫(huà),堅(jiān)持畫(huà)下去,時(shí)間會(huì)給你滿意的答案!
?
千萬(wàn)不要以為會(huì)軟件了就行,靠軟件走捷徑可以幫你彎道超車一時(shí),但視線放長(zhǎng)遠(yuǎn),你會(huì)發(fā)現(xiàn),現(xiàn)在所謂的捷徑,將成為你未來(lái)的瓶頸。
