最近，我們社群里很多設(shè)計(jì)師都在抱怨：

?

“今年一開(kāi)年，感覺(jué)比去年雙十一的時(shí)候還忙！”

?

今天，我們來(lái)點(diǎn)兒實(shí)操類的教程。

我們?cè)趯?shí)際工作中經(jīng)常會(huì)遇到臨下班前，突然來(lái)了一個(gè)緊急的brief，要求我們根據(jù)需求快速完成一張?jiān)斍轫?yè)主圖設(shè)計(jì)。

?

今天跟大家分享一個(gè)首屏快速制作的教程，幫助大家減少加班，減少脫發(fā)！

先來(lái)看下我們的參考意向圖。

根據(jù)圖片，先新建三個(gè)圖層，區(qū)分出墻面、地面和地面的厚度。

光從右前方照射，受光地方較亮，背光地方較暗。

填充一個(gè)固有色，剪切模板到它的背景層，這就是我們的墻面。

再將圖層模式改成正片疊底，區(qū)分墻面和地面。

利用蒙版配合漸變工具，選擇前景色到透明漸變，切換顏色黑色到透明。

順著光的方向拉一些漸變，讓畫(huà)面有一個(gè)基本的光影效果。

接著，利用曲線或者接著正片疊底，讓顏色變得更暗。

?

用畫(huà)筆工具擦出墻角與地面相接位置的影子。如果有些生硬，就利用羽化，讓顏色變得柔和。

接下來(lái)，是對(duì)商品的調(diào)整。

?

先給商品做個(gè)定光分面，對(duì)商品進(jìn)行一個(gè)基本校正，讓整個(gè)畫(huà)面看著更協(xié)調(diào)。

?

利用曲線調(diào)整亮度，左下方顏色偏暗，注意避開(kāi)。

商品有個(gè)基本的明暗變化后，開(kāi)始添加細(xì)節(jié)，將商品中間黑色的區(qū)域用橢圓工具先套出來(lái)，方便匹配。

利用曲線工具，提亮左上角，再做一個(gè)高光圈，提高立體感。

?

對(duì)比一下商品修改前后的效果：

定好這些后，開(kāi)始對(duì)商品進(jìn)行光影塑造。

?

光從右上方打下來(lái)，勾出影子的區(qū)域，復(fù)制、填充，改成正片疊底模式。這就是第一層陰影。

為了增加影子的真實(shí)性，很多人習(xí)慣用高斯模糊，基礎(chǔ)好一點(diǎn)的，可能還會(huì)考慮用蒙版擦一擦。

但是，這種方式做出的影子十分死板，也不夠細(xì)致。

?

給大家分享一個(gè)技巧。

?

點(diǎn)擊上方工具欄，選擇【濾鏡—模糊畫(huà)廊—旋轉(zhuǎn)模糊】

這個(gè)圓環(huán)代表了影子含括的范圍，將它定到影子的起始點(diǎn)，根據(jù)需求，調(diào)整大小和角度，制作出遮擋陰影。

按照這個(gè)方法，給影子底部也做一個(gè)相對(duì)柔和的過(guò)渡。

接下來(lái)，我們?cè)黾佑白拥膶哟胃小?/span>

?

由于光的透射和反射，離物體近的地方影子較深，遠(yuǎn)一些的地方，部分陰影會(huì)提亮。

?

提高這部分影子的亮度，讓影子看起來(lái)不要那么死板。

注意疊加的時(shí)候，不要讓影子的飽和度過(guò)高。

?

影子顏色過(guò)深，會(huì)讓整個(gè)畫(huà)面顯得很臟。

基于這個(gè)邏輯，完成其他物品的影子。

為了增加氛圍感，我們?cè)诒尘爸屑右恍┬庇啊?/span>

斜影中加入一些變化，不要完全一致。

?

利用正片疊底，改變斜影的圖層模式，再利用羽化或動(dòng)感模糊增加細(xì)節(jié)，通過(guò)光影的過(guò)渡增強(qiáng)漸變。

注意邊緣處的壓暗，及右側(cè)的提亮。

然后，為畫(huà)面增加質(zhì)感，將所有元素整合，復(fù)制、合并，形成新的背景。

在背景中添加一些雜色，數(shù)量選擇1到2之間，增強(qiáng)顆粒感。

加入文案，這個(gè)海報(bào)就基本完成了。

最后，進(jìn)入camera濾鏡，根據(jù)需求，進(jìn)行微調(diào)，添加一些氛圍感。

這張?jiān)斍轫?yè)海報(bào)，就做完啦。

看完這篇教程，是不是覺(jué)得自己又可以了！

?

腦子：我會(huì)了！??！

?

手：不，我不會(huì)，你在說(shuō)啥？？？

圖文教程不過(guò)癮？

那就結(jié)合視頻教程一起來(lái)學(xué)！

【Photoshop電商教程】手把手教你使用ps制作出C4D渲染的電商詳情頁(yè)頭屏海報(bào)圖~這操作簡(jiǎn)直封神?。。?！【杰視幫】

趁著這個(gè)熱乎勁，趕快打開(kāi)PS練練，沉下心來(lái)，一步一步跟著做。