電商設(shè)計第八式-實戰(zhàn)篇（電商合成海報-1）

時間：2022-08-03 04:30:02 | 來源：網(wǎng)站運營

時間：2022-08-03 04:30:02 來源：網(wǎng)站運營

電商設(shè)計第八式-實戰(zhàn)篇（電商合成海報-1）

前段時間的電商教程基礎(chǔ)準備部分都已經(jīng)講解完畢了，不知各位是否自己消化完畢。

繼續(xù)說道說道接下來的第八式，還有不熟悉前面所說的，也可以看看如下鏈接，

掌握了前面所說的構(gòu)圖技巧，看到了好看的作品，第一件事當然是要思考然后借鑒使用啦（注意，不是套版！），可很多時候想要臨摹借鑒不知道又如何入手，為了解決這個煩惱，池子將帶領(lǐng)大家用幾套不同方式的海報表現(xiàn)形式（合成+平面）來告訴你怎么融會貫通。

老規(guī)矩，看圖

A.

作品分析

這張原作是從BE上下載下來的，一款國外Phapros暈車藥系列廣告設(shè)計海報，選取這個作為開講的第一個案例，主要是它巧妙的用斜角構(gòu)圖將創(chuàng)意想法完美的結(jié)合，向人們表達即使行駛在大風大浪中，此藥依然讓你有駕駛在平靜水面上的感覺，不受風浪阻擾。很巧妙的創(chuàng)意，加上具備張力的斜角構(gòu)圖，它還有另外一張，好奇的伙伴們可以自己去搜搜，總體來說其實這張對素材的精度還有細節(jié)的處理有很大的要求，技法上來講，由于池子無法找到原作制作花絮，不過推測大概率是使用三維建模軟件+PS后期做出來的，但池子好歹也是經(jīng)歷過大風大浪的人，這次決定嘗試全用PS開擼！?。?br>
首先分析一下畫面的主體部分，大面積的有體積感的海浪，而畫面中間的一條平靜海面只需要事先做出空間感就好了。

除此之外，在海浪邊緣地方會附帶著一些浪花，這會讓畫面更加真實，周邊環(huán)境比較整潔，因為畢竟整體都在一個海洋的環(huán)境中，光源的方向是從右邊的方向照射過來。

至于遠處的天空素材，可以當作是一個天空光感的的漸變過渡了，和畫面大面積的海浪相呼應(yīng)就好了。

B.

素材準備

其實這種臨摹起來的素材基本就是靠“水”“海浪”“浪花”“水面”“湖面”之類的關(guān)鍵詞來找，可以邊做邊找，池子一般都是直接花瓣 視覺中國之類的國內(nèi)網(wǎng)站搜索，這樣的素材總能找到高清大圖了（當然僅僅只是用來做練習稿子或者線上比如電商之類的，如果用于傳統(tǒng)線下廣告?zhèn)鞑デ赖脑挘枰徺I圖片版權(quán)的哦）。

池子收集到的素材圖片

收集完波浪素材后，接下來再看畫面中間的平靜水面部分，顯然就是平靜的湖面素材，這種素材也很容易輕松的找到，不過一定要注意清晰度。

其次就是天空素材，由于原圖的天空占整個畫面不多，而且后期可以調(diào)試顏色，所以找天空素材的時候基本就以天空出現(xiàn)的云朵樣式為標準就好了。

最后就是游輪素材，原圖上的游輪大概率是3D建模出來的，如果不會三維建模的話，也不用擔心，我們在找這種透視角度的游輪素材時，盡量往45度俯視角度的出發(fā)點為基礎(chǔ)去找，這樣的話就算不是完全的跟原圖一摸一樣，至少后面可以拉輕微的透視來實現(xiàn)效果。

C.

場景搭建

首先是大面積的波浪素材，這里我們用找好的素材直接拼接出海面的基礎(chǔ)結(jié)構(gòu)，用蒙版擦除多余內(nèi)容，第一步不用去管畫面的光影關(guān)系，素材顏色，只需要把素材拼接在一起，做大致構(gòu)圖。這一步也可以在本期視頻里頭看到詳細操作。

拼接好大波浪后，就需要做畫面斜角的那條平靜的湖面了，這里池子是直接用鋼筆勾出整條水面的空間透視關(guān)系，出來的效果就像一條過道，同時也不要急著合并圖層，因為過道的每個圖層都需要我們?nèi)ヌ畛渌嫠夭摹?br>
填充完水面素材后，畫面的構(gòu)圖基本已經(jīng)完成一大半了，

剩余的還有游輪和天空，不多說，繼續(xù)拼接，游輪經(jīng)過輕微的透視變形后完美的放入其中，但是缺少細節(jié)，所以這里需要加入游輪和水面的浪花，讓游輪底部沉浸在水中，水花的素材直接從海浪素材中提取就可以了。

拼到這里，池子最后順手就是一個天空素材甩到所有圖層最底下，嘿嘿嘿。拼圖階段輕輕松松搞定，想嘗試的話，各位趕緊跟池子一起操練起來。

D.

后期黑魔法

搞定了畫面素材拼接后，終于要進入到黑魔法階段了，通常池子用到最多的就是飽和度，色相，曲線，色階之類的工具，統(tǒng)稱為HSL調(diào)整，池子經(jīng)常碰到很多人做素材顏色融合不自然的現(xiàn)象，為啥？因為HSL顏色不統(tǒng)一啊，如何判斷顏色是否統(tǒng)一，教你們一個簡單的方法，打開拾色器，然后用吸管工具分別吸取畫面亮部 灰部 暗部（不用管色相的問題，只需要看亮灰暗是否分布在一條比較有規(guī)律的曲線上）就可以判斷出來了，感興趣的可以自行試試。

這張池子調(diào)色的邏輯順序是先調(diào)整體顏色傾向，再來調(diào)試細節(jié)局部素材顏色，這樣更容易控制住整體顏色，通常的手法是用曲線，飽和度，色階，比如這里的畫面海浪拼接局部明顯偏暗，而池子想要這里的色調(diào)更深沉，同時具備通透質(zhì)感的藍色調(diào)（嗯，五彩斑斕的黑？）曲線，色調(diào)用起來！

但等等，池子會僅僅只是教你們用這種普通的方式那樣調(diào)試顏色么？嘿嘿，既然有肌肉，那就要大膽秀出來，這里還給各位介紹下第二招，

可以用來一鍵匹配畫面素材整體大環(huán)境色調(diào)！視頻里頭同樣也有操作！初學者好好掌握這個神器，初期合成色調(diào)輕輕松松。

整個海浪色調(diào)統(tǒng)一后，可以很明顯的看出還缺失背后的天空素材，這個時候繼續(xù)用上匹配顏色這一大招把天空顏色統(tǒng)一掉，然后適當?shù)奶岣呙鞫取?br>
繼續(xù)中間海面的光影制作，順著光源過來的方向，那么背對著光源的方向立起來的海面一定是暗的，這個時候也可以用曲線或者新建柔光圖層來壓暗。曲線我就不多做介紹啦，看看新建柔光圖層的手法，一般新建一個柔光圖層，然后嵌入到要調(diào)整的圖層里頭，吸取圖層本身的固有色然后加深的顏色，畫筆流量。不透明度保持20-40之間（這個看實際情況），手動開畫?。。?br>
有興趣的伙伴可以嘗試嘗試，這種方式比曲線更容易控制自己想要的局部效果哦。

同理把海面其余部分明暗關(guān)系畫出來，效果如下。

那么游輪的光影呢？當然也是同理啦， 嘿嘿嘿。合成光影的邏輯原理其實很簡單，就是在做素描的黑白灰關(guān)系。

E.

光影添加

到這一步的時候，基本層次都已經(jīng)出來了，但整體畫面還缺少氛圍，怎么解決？請用你嬸嬸的腦海記住，光影?。。≡趺醋?？光影素材+柔光/濾色/強光圖層組合用起來??！

看操作，這里我新建一個強光圖層，畫出了離光源最近的海浪部分的受光面的光暈，并適當?shù)奶砑右恍┓垂饧訌娏Ⅲw感。再畫中間海面的受光以及反光，不要擔心某些部分太暗，畢竟我們做的是一個比較有風暴感覺的場景，暗下去才能體現(xiàn)光的氛圍。

F．

ACR大法

畫完整個后，又要給你們介紹一個神器，濾鏡里頭的Camera Raw，用來對畫面進行整體調(diào)整，現(xiàn)在的畫面還可以提高繼續(xù)增加清晰度/對比度/曝光等，實際操作起來一兩分鐘輕松搞定所有問題，最后效果如下：

嘿嘿嘿。 做完以上，基本畫面臨摹就完成了，其實不光是這些優(yōu)秀的廣告創(chuàng)意畫面，日常中接觸到的電影，游戲，動畫等都可以拿來作為我們理解光影合成的案例參考，（今年很火的哪吒/長安十二時辰之類的影視作品的視覺思想你們可以多去思考思考）別只是看個表面熱鬧。

是不是終于找到了要經(jīng)?？措娪暗睦碛桑?br>
學到了么？年輕人。

以上，便是第八式要講的所有內(nèi)容，get到了么？那么用我這副臨摹畫面的手法是否也能運用到你的下一次海報合成里頭呢？那么作業(yè)來了，自己根據(jù)自己看到的一個畫面來做合成，發(fā)給池子批改吧。

操作視頻鏈接在此：

https://www.bilibili.com/video/av78221928

https://v.youku.com/v_show/id_XNDQ1OTgyNDU0MA==.html?spm=a2h3j.8428770.3416059.1

想要練習源文件的也可以私信池子，備注。本站電商第八式練習。

或者關(guān)注公眾號 一池子 在那里直接回復 本站電商第八式練習 同樣會發(fā)你文件鏈接哦!

做完后想要進步的同樣可以發(fā)池子批改哦，池子在這里等你！