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

?

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

?

前段時(shí)間，我們分享了一些項(xiàng)目前期的創(chuàng)意方法論，今天，我們來點(diǎn)兒實(shí)操類的教程。

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

?

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

先來看下我們的參考意向圖。

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

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

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

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

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

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

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

?

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

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

?

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

?

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

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

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

?

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

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

?

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

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

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

?

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

?

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

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

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

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

?

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

?

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

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

?

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

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

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

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

?

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

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

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

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

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

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

這張?jiān)斍轫摵?bào)，就做完啦。

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

?

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

?

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

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

?

圖文教程看完還是似懂非懂，想看詳細(xì)的視頻教程？

沒問題，安排！

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