大家好，今天沒有開頭的寒暄。

?

為什么，因?yàn)榻裉斓慕坛蹋?/span>

?

有！點(diǎn)！長！

?

不廢話，直接上教程。

這次教程的主題是焦散效果。

焦散是指當(dāng)光線穿過一個(gè)透明介質(zhì)后，由于介質(zhì)表面的不平整，使光線折射不會(huì)平行發(fā)生，而是出現(xiàn)漫反射，投射表面形成光子分散。

?

?

或許，你可能對(duì)這個(gè)詞有點(diǎn)陌生，但是焦散效果的海報(bào)你絕對(duì)見過。

各種大牌產(chǎn)品，只要產(chǎn)品介質(zhì)偏透明，那宣傳海報(bào)中就大概率要用到焦散效果。

?

所以，這次，應(yīng)廣大學(xué)員要求，我們焦散效果的教程終于來啦~

話不多說，先來看下我們這次教程的最終效果圖。

是不是開始感興趣了，看完這篇教程，你也可以快速搞定焦散效果。

在正式開始之前，想先問大家一個(gè)問題，你們有沒有遇到過這種情況：

?

就是跟著教程，用教程提供的素材做出的東西，看著還挺對(duì)味兒，結(jié)果換個(gè)素材，卻發(fā)現(xiàn)完全不行。

生活不易，反復(fù)嘆氣。

?

出現(xiàn)這種情況的原因其實(shí)很簡單。

?

大部分教程只是告訴了大家如何去做，但是為什么這么做，卻很少提及。

?

設(shè)計(jì)需要靈活變通，具體素材，具體分析。只有知道每一步技法背后的原理，我們才能判斷什么時(shí)候這個(gè)方法是有效的，什么時(shí)候是無效的。

多說無益，下面正式開始我們的教程，大家跟著做的時(shí)候，多想想，這一步為什么這么做，如果是你，有沒有更好的方法。

?

我們先從拖入素材開始。

不急著做光影，我們先給產(chǎn)品做一個(gè)白色的底，然后復(fù)制一層，將上面的隱藏。

?

至于為什么改成白底，大家可以先思考一下~

先用套索工具，選中想讓產(chǎn)品有焦散效果的方向。

選中后，利用修補(bǔ)工具。

?

修補(bǔ)工具，你平時(shí)用來干啥？

?

比如，經(jīng)常把圖片中的一部分去掉？

?

修補(bǔ)工具的一大特性就是，電腦會(huì)猜你的想法，把想要去掉的區(qū)域和原素材融合，效果一般都不咋地。

但是這次的焦散效果，我們就要利用【修補(bǔ)】這個(gè)不咋地的特性，利用系統(tǒng)自己去計(jì)算，算的又不太準(zhǔn)，這種模模糊糊的感覺。

?

選中想要焦散的區(qū)域，拖動(dòng)修補(bǔ)工具。

?

修補(bǔ)工具不是有兩個(gè)模式嗎，一個(gè)【正?！?，一個(gè)【內(nèi)容識(shí)別】。

?

有的時(shí)候【正?！亢糜茫械臅r(shí)候【內(nèi)容識(shí)別】好用。所以，我們就先兩個(gè)都試試，看看哪個(gè)效果好。

很明顯，這次是【正?！磕Ｊ较碌男Ч谩?/span>

?

至于我們?yōu)樯堕_始選擇了白底？

其實(shí)什么顏色的底子都行，但是白底大多數(shù)情況下，可以用【正片疊底】將其濾掉，更方便后續(xù)的操作。

?

利用修補(bǔ)把產(chǎn)品的陰影做出一個(gè)大概區(qū)域后，就可以利用Ctrl+M，調(diào)出曲線，把焦散的圖層做一個(gè)提亮。

又是一個(gè)tips，提亮的時(shí)候不要一次性做到位，調(diào)過了再往回調(diào)，可能很多細(xì)節(jié)就消失了。

?

先提亮一點(diǎn)，如果不夠，我們?cè)偻霞印?/span>

顯然紅色區(qū)域部分，我們不需要，給它一個(gè)蒙版。Ctrl+I，反向把圖層隱藏。

?

然后用白色畫筆開始過渡，畫筆的硬度一定要保持為0，間距默認(rèn)25%左右。

硬度和間距的不同會(huì)對(duì)畫筆效果產(chǎn)生影響。

硬度大的時(shí)候（情況2），畫筆邊緣完全沒有過渡。

?

將硬度調(diào)節(jié)到25%到30%，能讓畫筆的邊緣過渡更加柔和。所以，利用這個(gè)柔和的邊緣，給它做一個(gè)自然的蒙版。

?

就像上面說的，不要著急，一次刷到位。畫筆筆刷如果太小，邊緣會(huì)很鋒利，所以，把畫筆放大，把不透明度調(diào)到50%，用畫筆過渡的邊緣把這個(gè)焦散一點(diǎn)點(diǎn)擦出來。

然后，把不透明度調(diào)成80%，再疊一次。

離產(chǎn)品越近，光影一般會(huì)越清晰。所以，我們需要把不透明度加到100%，把最里面的靠近產(chǎn)品的一圈加重顏色。

如果覺得還不夠，就用比較低的透明度，去加細(xì)節(jié)，然后你就能看到這個(gè)效果。

底部位置的焦散面積太大，看著很臟，需要把畫筆換回黑色，往回擦掉一些。

開始添加細(xì)節(jié)。

?

如果想讓焦散的區(qū)域也有一些透光，而不是現(xiàn)在死板的黃色，要怎么做？

?

先在焦散的圖層上面，新建一個(gè)曲線，開始提亮。

瓶身的邊緣，我們想打造一種透光的感覺，這一步，可以先用白色畫筆的邊緣，給它擦出來。

但是，擦完，你可以發(fā)現(xiàn)，這擦得感覺有點(diǎn)假...

?

這個(gè)光被產(chǎn)品折射，一般最亮的位置肯定是在陰影中間的。所以，再選擇黑色畫筆，把貼的比較近的這一側(cè)，再擦回來。

這樣，一來一回，這光影的感覺就出來了。

?

這過程中的壓暗或者提亮，沒有什么固定的標(biāo)準(zhǔn)，主要看你想表現(xiàn)一個(gè)什么樣的效果。

?

為了能讓大家看清，我們把陰影調(diào)的偏重，大家操作的時(shí)候，根據(jù)需求，添加細(xì)節(jié)就行。

產(chǎn)品調(diào)的差不多了，開始加素材。

?

為了跟產(chǎn)品顏色呼應(yīng)，我們選了兩個(gè)檸檬，放在對(duì)角線的位置。

產(chǎn)品的高光處在左側(cè)，光源從左邊打來，為了給背景加一些立體感，需要在背景中也加一些光影的變化。

?

吸一個(gè)背景色，把圖層改成正片疊底。用剛才的方式，放大畫筆，把背景的右下方壓暗。

同理，右下壓暗，左上就要提亮。再次新建圖層，在左上方瘋狂摩擦，把顏色調(diào)上去。

這光感，這不就出來了。

?

如果覺得這個(gè)畫面太空，就可以加些光影素材。大家平時(shí)也要養(yǎng)成，看到好的素材就存下來的習(xí)慣，這樣會(huì)節(jié)省很多時(shí)間。

另外，關(guān)于素材這部分有個(gè)誤區(qū)。

?

很多同學(xué)直接把素材正片疊底直接疊上去，這種情況影子會(huì)很顯臟。

?

我們的背景是什么顏色，我們的陰影折射出來的光就應(yīng)該是什么顏色。你把一個(gè)黑白的素材直接疊到了彩色的背景上，肯定臟。

?

所以，不要直接正片疊底。Ctrl+左鍵，獲得陰影的選區(qū)。在背景圖層上建立曲線，生成下面這個(gè)蒙版。

然后，只需要用曲線去壓暗。這時(shí)候出來的顏色就比較符合我們背景的顏色了~

如果覺得曲線用起來不太熟練，也可以利用色彩平衡，對(duì)顏色進(jìn)行優(yōu)化，讓陰影素材更好的融入背景。

在這里，再講兩個(gè)細(xì)節(jié)。

?

第一，我們用修補(bǔ)工具操作的時(shí)候，會(huì)發(fā)現(xiàn)，電腦是直接根據(jù)產(chǎn)品邊緣的顏色進(jìn)行計(jì)算的。

?

如果我們產(chǎn)品的邊緣是純黑色，那算出來也就是純黑色。所以，我們用的產(chǎn)品素材本身不能太臟，也要帶有一定的光影變化。

再次強(qiáng)調(diào)，大家一定要明白這些操作背后的原理，才能找到合適的素材。

?

第二個(gè)就是，我們?yōu)槭裁匆诒尘爸凶鲞@些陰影？

?

是因?yàn)槲覀兿乱徊绞且硬ＡЧ?/span>

?

玻璃效果，肯定大家都用過。但有時(shí)候自己做出來的玻璃，就是沒有案例中那么豐富的紋理。

這是因?yàn)椋ＡП旧硎峭该鞯摹?/span>

?

展開來說，就是如果玻璃背后是白色，那玻璃透出來的就是白色。玻璃后面必須有東西，才能形成豐富的光影。

?

所以，做玻璃效果的時(shí)候，背景一定不能太空。

?

轉(zhuǎn)回正題，已經(jīng)做出了一定的彌散效果，下一步就是再給產(chǎn)品加一個(gè)影子？

?

先把影子輪廓勾出來，吸一個(gè)跟影子差不多的顏色，改為正片疊底。根據(jù)光的方向，調(diào)整影子的角度和形狀。

影子在光的底下，而且之前用的是正片疊底模式，所以光疊在影子上，顏色直接變暗，看不出彌散的效果。

?

而且影子不應(yīng)該這么清晰，應(yīng)該根據(jù)光的走向，逐漸模糊。

?

這種時(shí)候就可以用高斯模糊或者模糊工具。

?

模糊工具的優(yōu)點(diǎn)在于，模糊效果不強(qiáng)，但是可以做出影子不同部分的深淺變化。

?

新建蒙版，開始添加影子的細(xì)節(jié)。

再對(duì)陰影中間部分提亮。

?

這一步就非常簡單，只需要在陰影的蒙版中，用黑色畫筆把需要提亮的部分擦掉。光的焦散效果就回來了。

做好后，把這些影子和產(chǎn)品打一個(gè)組，調(diào)整好斜度，跟之前檸檬的對(duì)角線呼應(yīng)上。

合并當(dāng)前的所有圖層，用選區(qū)選擇左邊的區(qū)域。把這一塊復(fù)制出來，開始做效果。

鎖定不透明像素。

?

正常高斯模糊會(huì)把邊緣也模糊掉，而鎖定不透明像素后，就可以保證邊緣的清晰，這才更像玻璃的效果。

然后，將這個(gè)準(zhǔn)備做玻璃效果的圖層轉(zhuǎn)化為智能對(duì)象。用【濾鏡庫--扭曲--玻璃】開始調(diào)整玻璃的紋理。

紋理出來后，發(fā)現(xiàn)這個(gè)玻璃效果差了點(diǎn)意思。

所以，我們拖一個(gè)水霧玻璃的素材進(jìn)來。

注意，這里，我們只需要這個(gè)素材的雨水紋理，不需要顏色。

?

將顏色調(diào)整為黑白，再把素材改為疊加模式。

按之前的邏輯，再對(duì)玻璃這一部分的色階、色相、清晰度等細(xì)節(jié)進(jìn)行調(diào)整。

最后，加上產(chǎn)品文案，這張海報(bào)就基本完成了。

然后將整個(gè)圖層合并，轉(zhuǎn)化為智能對(duì)象。

?

在Camera Raw濾鏡中，進(jìn)行微調(diào)，提升海報(bào)質(zhì)感。

這樣一張簡單的，有焦散效果的海報(bào)就做完了。

這次教程輸出的知識(shí)點(diǎn)，夠密了吧，快記在自己的小本本上?。。?/span>

之后，我們也會(huì)持續(xù)更新這樣一些小的，比較快捷的海報(bào)技巧，包括技巧的原理講解和具體應(yīng)用，引導(dǎo)大家養(yǎng)成設(shè)計(jì)思維。

?

大家如果有什么比較想學(xué)的效果，或者一些效果的分析思路，也可以在評(píng)論區(qū)告訴我們。

?

我們這邊評(píng)估后，也會(huì)給大家持續(xù)輸出的。

最后的最后，附上視頻地址~請(qǐng)大家按需取閱~

【Photoshop電商教程】《產(chǎn)品海報(bào)》之化妝品彌散光空間搭建！【杰視幫】