為了教會(huì)大家30分鐘做好頭圖,我給大家編了一套順口溜!【杰視幫】
今天,我們邀請(qǐng)阿福老師坐鎮(zhèn),給大家又帶來了一篇僅用30分鐘急速搞定主圖設(shè)計(jì)的教程。

據(jù)說,阿福老師為了幫助大家更好地消化,還在教程結(jié)尾留了彩蛋哦!

開始前我們先聊一個(gè)很惱人的問題:靈感。

比如,我們現(xiàn)在拿到了產(chǎn)品。

接下來,我們?cè)撟鍪裁矗?/span>
?
啊...這...

不慌,其實(shí)我們已經(jīng)知道了產(chǎn)品屬性:一個(gè)鍋。
?
對(duì),背鍋的鍋。

然后,我們來思考一下這種產(chǎn)品應(yīng)該放在一個(gè)什么樣的環(huán)境。
?
以效率為目的,我們可以選擇最常見的應(yīng)用環(huán)境:
?
廚房。
?
?
廚房如何貼合甲方喜歡的高大上?
?
或許我們可以選擇當(dāng)下最流行的歐式開放廚房。

對(duì),就是秋水做夢都想擁有的那種,還帶個(gè)大餐桌。

這樣我們就得到了兩個(gè)關(guān)鍵詞:
?
廚房、餐桌。
?
?
通過這兩個(gè)詞,我們?cè)侔l(fā)散來想一想其他的關(guān)鍵詞,比如:
?
餐具,食物,廚具,柜子、大理石。
?
沒錯(cuò),偷懶式的高級(jí),大理石是必備要素。

有了這么些個(gè)關(guān)鍵詞詞,那就開始找素材吧。

隨便找?guī)讖埣y理和廚房裝飾,就可以開始我們的正式表演了。


1、畫面布局
?
首先我們要把產(chǎn)品擺在畫面中。

至于為什么要這么擺,可能是因?yàn)槟窃撍赖慕?jīng)驗(yàn)吧。


2、舞臺(tái)搭建
?
然后,我們根據(jù)產(chǎn)品確定整個(gè)畫面的視平線和消失點(diǎn)。

透視確定了,我們就可以用矩形或鋼筆工具給產(chǎn)品搭個(gè)臺(tái)子了。

不過,這個(gè)臺(tái)子和透視好像...
?
也沒什么關(guān)系??!

不慌,我們給臺(tái)子強(qiáng)行破形,改變一下形狀,加一個(gè)結(jié)構(gòu)轉(zhuǎn)折。

基礎(chǔ)舞臺(tái)就大功告成了~用時(shí)2分鐘。

3、材質(zhì)拼貼
?
臺(tái)子現(xiàn)在有了,開始材質(zhì)處理。
?
關(guān)于材質(zhì)的選擇,果然還是要選擇又好用又顯高級(jí)的大理石了!
?
不過要注意紋理不要太雜,色彩不要太臟,比如這樣的:

別忘了要注意場景的透視,用操縱變形對(duì)材質(zhì)進(jìn)行相應(yīng)的透視變形。

為破形而設(shè)計(jì)的木柜也貼上木紋貼圖。

之前的教程里也說到過,簡約而高級(jí)的秘訣在于細(xì)節(jié)的材質(zhì)疊加,我們給背景疊加一個(gè)低調(diào)的水泥材質(zhì),讓墻面浮現(xiàn)出仿佛貼了,又仿佛沒貼的感覺。

到這里,我們的整體空間已經(jīng)完成了,下面我們開始梳理畫面光影邏輯。

4、光影處理
?
根據(jù)產(chǎn)品的明暗關(guān)系,其實(shí)我們可以很容易看出,它是左側(cè)受光。

所以我們整個(gè)空間的光源方向就定在左上方。
?
配合曲線和蒙版,我們根據(jù)光源方向梳理臺(tái)子的明暗關(guān)系:
?
左側(cè)亮右側(cè)暗,頂面亮,立面暗。

這時(shí)候我們回看產(chǎn)品,會(huì)發(fā)現(xiàn)產(chǎn)品的體積感偏弱。
?
什么是體積感,其實(shí)就是產(chǎn)品的明暗關(guān)系不夠明顯。所以現(xiàn)在我們要同樣的方式對(duì)產(chǎn)品進(jìn)行光影的精修。

你看,這樣場景的受光照感會(huì)更強(qiáng)。

主體差不多了,為了豐富畫面,我們可以添加一點(diǎn)常見的廚房素材作為點(diǎn)綴,順帶也梳理一下素材的明暗關(guān)系(牛排純粹個(gè)人愛好,饞)

明暗梳理完畢之后就是影子的處理了。
?
首先是產(chǎn)品、盤子以及菜板的影子,這里我們用曲線+正片疊底,配合蒙版畫出即可。

對(duì)左側(cè)勺子影子的處理,我們可以用一種更懶更快的方式:
?
新建圖層,改為正片疊底模式,再按住CTRL鍵點(diǎn)擊勺子圖層生成選區(qū),填充黑色。然后向右下方移動(dòng)并降低不透明度。

再點(diǎn)擊濾鏡,選擇動(dòng)感模糊,略微模糊邊緣,讓影子更自然。

嗯嗯,好多了,我們進(jìn)入下一步。


5、細(xì)節(jié)處理
?
現(xiàn)在整體光影邏輯是梳理完畢了,要開始處理細(xì)節(jié)了!

第一個(gè)是非常重要的東西,閉塞陰影。
?
物體和物體接近、接觸就會(huì)產(chǎn)生一個(gè)現(xiàn)象,就是閉塞陰影。一個(gè)畫面看著和諧真實(shí),很大一部分是因?yàn)殚]塞影的存在。
?
因此,為了不讓我們的畫面有一種五毛特效的廉價(jià)感,現(xiàn)在我們給畫面加入閉塞陰影。
?
比如產(chǎn)品下方,菜板下方,板子下方,內(nèi)轉(zhuǎn)角處、墻角線等,凡是接觸的臨界線,都需要增加閉塞陰影。

第二個(gè)是臺(tái)面轉(zhuǎn)折突起處的高光。
?
在繪制高光時(shí),一般我們會(huì)做兩層:
?
第一層用曲線稍微提亮,通過蒙版用大畫筆畫出打底;
第二層用濾色模式曲線,通過蒙版用小畫筆畫出高光。

第三個(gè)就是像素級(jí)的細(xì)節(jié)處理:棱角打磨。
?
真實(shí)的大理石臺(tái)面不會(huì)這么鋒利,所以要進(jìn)行棱角打磨的處理,讓邊緣更柔和。
?
我們直接復(fù)制臺(tái)面形狀到上面,將填充改為2像素描邊,記得描邊選項(xiàng)里改為居中描邊;
?
最后打開屬性,選擇羽化1像素。

最后,記得用蒙版擦除不需要打磨的邊緣。

到這里,整個(gè)畫面處理的已經(jīng)七七八八了,下面要針對(duì)各個(gè)素材進(jìn)行幾個(gè)基礎(chǔ)的調(diào)色。
?
首先我們要思考色調(diào)。
?
要快,要高級(jí),要好看,我們直接汲取前人的智慧,給客戶整一個(gè)高級(jí)的莫迪蘭色調(diào)。

莫迪蘭的色彩原理留著以后那個(gè)比誰都能掰扯的秋水告訴大家,在這里,我們就記得普遍審美都覺得莫迪蘭高級(jí)好用就行。

拿色卡一比對(duì)就很明顯了,左側(cè)勺子的藍(lán)色很突兀,菜板的色彩也過于飽和。

我們對(duì)勺子進(jìn)行偏色處理,并對(duì)菜板的飽和度適當(dāng)降低,同時(shí)背景給上一個(gè)低飽和的綠色。

嗯,看上去舒服多了。
?
接下來,我們繼續(xù)提升畫面質(zhì)感:
?
倒騰倒影。
?
很多時(shí)候我們親(zhe)愛(teng)的甲方總會(huì)跟我們說一句話:
?
感覺不對(duì),質(zhì)感不夠。
?
問他哪里有問題又說不出個(gè)123,真是非常可愛呢。

其實(shí)畫面缺乏質(zhì)感很大一部分原因是沒有加入倒影。
?
倒影的制作之前有跟大家分享過,這里就不展開講解了。

不知不覺,我們終于快完成了。
?
現(xiàn)在,把視野往前,看到前景的這個(gè)小木塊。

還記得我們要做一個(gè)木柜嗎?
?
要不然不做了可以嗎?

算了,避免挨打,還是認(rèn)(jian)真(dan)做一下。
?
首先是門縫,新建圖層,改為正片疊底模式,吸一個(gè)深色,按住shift自上而下畫一筆,ok。

然后是門縫的高光,再新建圖層,改為濾色模式,吸一個(gè)亮色,挨著旁邊同樣畫一筆,又ok~

我們?cè)偌?xì)節(jié)地添加倆把手。
?
做法很簡單,用圓角矩形工具定好形狀,加上高光即可。

別忘了柜子的閉塞陰影。

本來想喊一聲大功告成,但是做完這個(gè)柜子,突然想再加億點(diǎn)點(diǎn)細(xì)節(jié)。
?
果然是做設(shè)計(jì)超上癮。
?
迎合木質(zhì)結(jié)構(gòu),我們不妨試著把勺子的手柄改成木紋。

選定好手柄區(qū)域,找個(gè)木紋貼進(jìn)去,選擇柔光模式,匹配好透視。

然后調(diào)整一下顏色。

注意,這樣貼上去是沒有體積感的,所以我們要在手柄前端加上一點(diǎn)點(diǎn)的閉塞。

然后,對(duì)于背景,我們用一些影子素材增加背景的細(xì)節(jié)。

到這里為止,整張頭圖基本完成,還剩最后一個(gè)步驟去升華一下。


6、后期氛圍
?
蓋印圖層,打開萬能的CAMERA RAW,對(duì)色彩和光影做一個(gè)整體調(diào)整,強(qiáng)化氛圍。

再加上文案,一張?jiān)斍轫擃^圖,30分鐘,搞定,下班!


大家學(xué)會(huì)了嗎?
?
如果又是學(xué)廢了的狀態(tài),那么...

阿福老師還為大家貼心準(zhǔn)備了一套順口溜!
?
產(chǎn)品到手莫驚慌,情緒風(fēng)格想一想?
構(gòu)圖三等分為好,黃金比例也不錯(cuò)?
透視先行應(yīng)為本,高低起伏有錯(cuò)落?
背光區(qū)域有陰影,物體接觸生閉塞?
表面光滑倒影現(xiàn),棱角鋒利要打磨?
近光轉(zhuǎn)折畫高光,遠(yuǎn)光角落暗很多?
根據(jù)風(fēng)格選配色,不超三種較適合?
氛圍光影加一加,填入文案作品成
?
甚至,這篇文章中所有的表情包,都是阿福老師親自找的!
?
讓我們?yōu)榘⒏@蠋煹馁N心點(diǎn)贊!
?
當(dāng)然,大家也別忘了多多去公開課上支持我們貼心有趣的阿福老師!