嘿，各位。

今天周三，打工人起床開始勞動，只想說，大家一起加油，再熬兩天，又能擁有快樂。

最近，22屆的畢業(yè)生算是正式踏入職場了，我們的社群總能看到一些小朋友在求助：

?

“想進大廠，但是自己作品質(zhì)量一般，真的感覺作品集拿不出手……”

?

相信這個問題，很多小伙伴在剛?cè)胄械臅r候，都遇到過。

所以，今天就跟大家分享幾個大牌美妝海報的常用技巧。

?

你將收獲：

• 仰視視角下，產(chǎn)品的透視、光影該如何處理？

• 如何巧用素材，給頁面增加質(zhì)感？

案例足夠經(jīng)典，適用各種美妝產(chǎn)品，難度不能說有手就會，但是可以保證小白完全友好。

?

下面就進入今天的教程。

主角是這樣一張美妝海報。

對于一張產(chǎn)品的宣傳海報而言，你第一件需要考慮的事情，應(yīng)該就是產(chǎn)品如何擺放。

?

很多同學(xué)也最開始做的時候，也會卡在這一部分。

?

產(chǎn)品擺放角度、透視問題、畫面如何構(gòu)圖更能展現(xiàn)產(chǎn)品優(yōu)勢……

我們認(rèn)真觀察下這個圖片，這個構(gòu)圖其實在電商海報中是非常常用的。

?

把幾個產(chǎn)品在畫面中，有高低起伏的，錯落擺放，再通過打光調(diào)整、陰影塑造等一些細(xì)節(jié)增加畫面質(zhì)感。

根據(jù)舞臺的角度，其實是可以判斷出畫面視角是仰視的。

?

那么按照透視的基本邏輯，我們就應(yīng)該可以看到物體的底面，產(chǎn)品的最上面的部分就應(yīng)該帶一些圓弧。

如果按這個視角觀察，左邊的產(chǎn)品，看起來是有些奇怪的，過于規(guī)規(guī)矩矩。

所以我們需要對它的透視做動態(tài)調(diào)整，利用拱形，對產(chǎn)品進行變形，形成仰視感。

?

這一部分，只需要一點點變形，注意不要過度。（是的，就是這么粗暴）

然后根據(jù)整體的光影走向，利用曲線，調(diào)節(jié)光感，左邊微微壓暗，右邊提亮，對畫面中的明暗關(guān)系進行再次強調(diào)。

來，我們接著看光影，眼尖的同學(xué)應(yīng)該早就發(fā)現(xiàn)了右邊的這個小白瓶，受光邏輯做反了。（下圖紅框所示）

?

直接將產(chǎn)品水平翻轉(zhuǎn)一下？也不行，因為上面有字母。

所以我們可以嘗試把這一部分提出來，單獨處理。

刪掉多余部分的顏色，只保留字母部分，然后再進行水平翻轉(zhuǎn)。

把做好的這部分素材，拉入圖中，根據(jù)原圖產(chǎn)品的大小，等比例進行調(diào)整。

?

調(diào)節(jié)亮度，在讓產(chǎn)品稍微拱起來一些，保證透視合理性。

再利用曲線對受光背光面的明暗重新進行調(diào)整。

最后，統(tǒng)一三個產(chǎn)品的色彩平衡，我們這里處理的時候，都加入了一點冷色調(diào)，讓畫面的顏色保持統(tǒng)一。

同理，最前方的紅色產(chǎn)品也是一樣的邏輯，利用拱形模擬仰視視角。

?

但是，因為前方基本沒有遮擋物，所以，我們需要給這個產(chǎn)品加一個紅色的底面。

注意，展示臺對產(chǎn)品是有一些遮擋的，需要扣除這一部分。

?

調(diào)整角度其實不難，關(guān)鍵是要統(tǒng)籌各方面的細(xì)節(jié)，也要學(xué)會跳出單個產(chǎn)品，從全局的視角觀察畫面的真實性。

接下來，重頭戲來了，臺面的質(zhì)感刻畫。

?

先對臺面進行一個簡單的定光分面，將相同朝向的面的光感和對比度調(diào)到一致。

接著，就是給臺子疊材質(zhì)。

?

花瓣、站酷這類的網(wǎng)站都是很好用的素材庫，我們可以直接去這些網(wǎng)站上找參考。

這次想做出那種亮閃閃的感覺，拉入找到的玻璃素材，調(diào)整角度。

然后高斯模糊，我們只需要這個素材的質(zhì)感，素材本身是什么顏色并不重要。

也可以試著在臺子上加一些紋理細(xì)節(jié)。

同樣去色，用一個簡單的圖層模式，比如柔光。

這類素材加入后，臺子的顆粒感就會更強，看起來也更高級。

材質(zhì)加完，再進行一個整體的調(diào)色，不管是明暗關(guān)系還是顏色，我們都可以在有質(zhì)感的前提下，進行二次調(diào)整，保證整體色調(diào)的統(tǒng)一。

后面2層臺階的繪制方法同理，我們這里就快進跳過~

這些弄完后，接著就是光效。

?

其實花瓣上的光效是非常多的，輸入關(guān)鍵詞，鉆石光，這種比較炫目的光效在化妝品海報中，經(jīng)常出現(xiàn)。

很多時候，不是素材難找，是大家不會用，這問題就需要多試多練，沒什么捷徑。

?

用的多了，加光效其實是很輕而易舉的事情。

相同地方的調(diào)整用相同的方法，素材堆積的越多，臺面的細(xì)節(jié)也就會更加豐富。

?

疊效果的時候需要考慮海報的具體用途，是偏向品牌調(diào)性的平面設(shè)計還是偏向活動的促銷海報。

?

如果是偏向活動的促銷類海報，那光效疊多一點，是完全OK的，實在不行，你還可以根據(jù)最終效果，對細(xì)節(jié)進行刪減。

記得臺子棱角的高光，也要用直線工具勾勒出來。選擇與臺子匹配的高光色，改為濾色模式，調(diào)整不透明度，與整體環(huán)境融合。

然后按照最底部臺面的視覺效果，給其他臺面的邊緣統(tǒng)一處理，注意根據(jù)海報的受光邏輯，分區(qū)壓暗提亮。

為了產(chǎn)品的呈現(xiàn)效果更加真實，加倒影這一步，肯定是必不可少。

?

光從右上方打入，影子將偏向左邊，先勾出影子大概的形狀。

選擇動感模糊，模擬影子漸變，邊緣虛化的效果。

刪除多余的選區(qū)，在影子的邊緣加一些高斯模糊，加強朦朧感。

最后，利用曲線給影子壓暗，考慮到光線反射，臺面顏色偏藍(lán)，影子也就可以在色彩平衡中偏向藍(lán)色。

化妝品包裝材質(zhì)很多是半透明的，所以也可以在影子中做一些焦散效果，模擬化妝品底部的透光感。

?

那么焦散到底要怎么做？

?

最省時省力的方法，當(dāng)然還是找素材，疊進去。

先將倒影的中心擦亮，邊緣保持暗部，擦亮區(qū)域?qū)?yīng)的就是焦散的區(qū)域。

?

接著根據(jù)產(chǎn)品的顏色，加一些紅色的光效。

再拉入你找到的素材，增加倒影的紋理感。

這一套流程下來，基本就能達到產(chǎn)品體積感的塑造。

?

為了視覺效果更加美觀，我們選擇加入一些漂浮的絲帶進行裝飾。

絲帶貫穿整個海報，很好地綜合了畫面顏色上的冷清，讓消費者感覺更容易親近。

?

同時也能夠與前方產(chǎn)品的紅色形成呼應(yīng)，豐富畫面層次。

?

最后的最后，就是慣用的camera raw大法，統(tǒng)一色調(diào)。加上文案，這樣一張美妝首頁海報就做完了。

最后，我們用一張GIF圖來回顧一下海報的前后變化：

這一次，我們主要講的就是產(chǎn)品、臺子的質(zhì)感和光效制作，內(nèi)容比較偏向于實用性電商。

?

背景以及細(xì)節(jié)，我們下次一定。

對于很多經(jīng)驗不是那么豐富的新手，掌握這種設(shè)計方法，擁有這樣一套美妝首頁風(fēng)格的海報，會很討應(yīng)聘公司喜歡。

這也是我們把這個稿子當(dāng)成案例給大家講解的原因，這類的技法基本是入門必學(xué)操作。

?

這次的作品其實是我們一位全能班的學(xué)員貢獻的，先感謝一下這位努力的朋友。

?

因為做的確實不錯，就被我們的老師直接征用了?。?！

在沒上我們的課之前，他的作品其實是這樣的：

沒想到吧~ 看完這個教程，相信你也能行！

如果說創(chuàng)意是靈魂，決定這幅作品的高度。技法就是軀干，是基石，讓創(chuàng)意落地，讓你能將腦海中的構(gòu)思轉(zhuǎn)變?yōu)閷嶋H。

?

設(shè)計師技法的重要性，相信大家在日常工作或者跳槽求職的時候都大有體會。

?

技法進步，四舍五入就是升職加薪。

可能也有朋友要說了，這張圖好看，是因為產(chǎn)品本身的質(zhì)感很到位。

?

但除了拍攝，產(chǎn)品的質(zhì)感也可以通過精修搞定。

這部分內(nèi)容，我們也會在之后的教程中，陸續(xù)教給大家~

但這都不是重點?。?！

?

7月14日，大餅老師將在視頻號為大家?guī)泶祟惡蟮拿赓M直播講解！

看圖掃碼預(yù)約！

?

電商設(shè)計師升職加薪難？

?

思維層次上來了，問題就好辦了！20:00來直播間，大餅老師帶你打破思維局限，給升職加薪提提速！

?

同時，大家有什么設(shè)計技法或者求職上的困惑，都可以到時候跟大餅老師在線互動，爭取把問題一次解決。

最后，送上一個超大福利。

?

可能很多老朋友不知道，我們除了官網(wǎng)jsboom.com，還有一個在線學(xué)習(xí)平臺！

?

vip.jsboom.com

?

這也是我們最新的學(xué)習(xí)大本營。所有課程，這個平臺上都有，還有很多免費的設(shè)計小教程！點擊在線直接觀看！

教程每周上新！案例全網(wǎng)首發(fā)！卷起來的時候，直接每周3更！從高級合成到C4D，樣樣俱全！

?

看到上面的0.01元課程了嘛？掃描下方二維碼，免費領(lǐng)取1個月超級VIP，1分錢都給你省了，統(tǒng)統(tǒng)無門檻免費看！

如果你有什么想學(xué)的，也可以掃碼把你的需求告訴我們，我們將根據(jù)大家的建議研發(fā)新的教程！

?

PS，邀請新人進入店鋪，還可免費增加一天會員時長噢！時長上不封頂！趕快行動起來吧！