剛接觸做電商海報(bào)的時(shí)候，很多同學(xué)都會(huì)奇怪「為啥照著別人的海報(bào)，我就能做出來(lái)？憑空做卻不知從何下手？」

?

或者，有的人邊做邊調(diào)整，素材東拼西湊，經(jīng)常做到一半發(fā)現(xiàn)畫(huà)面效果不好又推翻重來(lái)。（也有可能在啃手指甲苦想）

?

這究竟怎么肥事？

嗨呀，其實(shí)做不出來(lái)，除了基礎(chǔ)問(wèn)題，還有一個(gè)非常嚴(yán)肅的問(wèn)題：沒(méi)有電商合成的設(shè)計(jì)思路，浪費(fèi)了大把的時(shí)間和精力。

?

?

以下為正文

?

不管做什么，都需要一個(gè)設(shè)計(jì)邏輯（設(shè)計(jì)思路），剛接觸做電商合成海報(bào)，不少人都會(huì)東看些西看些，腦袋里有個(gè)大致的模糊想法，然后就打開(kāi)PS開(kāi)始做了，做出來(lái)的效果，可想而知。

?

其實(shí)在制作合成時(shí)，是有一個(gè)大概的順序的（根據(jù)每個(gè)人的習(xí)慣不同會(huì)有差異）

我的個(gè)人制作習(xí)慣，順序分別是：

???? ? ?

? ? ? ?

接下來(lái)，我用一個(gè)簡(jiǎn)單的案例，給大家案例一下設(shè)計(jì)邏輯（設(shè)計(jì)思路），有了設(shè)計(jì)邏輯，你做海報(bào)時(shí)更得心應(yīng)手！

?

一、定主題

關(guān)于主題這個(gè)點(diǎn)，一般是甲方或運(yùn)營(yíng)會(huì)指定商品以及主題文案。如果是個(gè)人練習(xí)，同樣可以先自己確定。

?

我這里擬定的主題為：沐浴露的Banner

Banner文案：「主標(biāo)題：敏感肌專(zhuān)用；副標(biāo)題：保濕舒緩·清爽水潤(rùn)」

?

二、頭腦風(fēng)暴分析

當(dāng)商品以及主題確定之后，不要急著動(dòng)手制作畫(huà)草稿。可以先用頭腦風(fēng)暴法往多個(gè)層次進(jìn)行分析。

?

舉個(gè)例子，假如我們要做一款沐浴露的產(chǎn)品，那我們可以先從賣(mài)點(diǎn)、環(huán)境、成分、色調(diào)、形態(tài)等幾個(gè)層次來(lái)進(jìn)行分析

?

「賣(mài)點(diǎn)」：是根據(jù)產(chǎn)品來(lái)定的，一般產(chǎn)品或運(yùn)營(yíng)會(huì)寫(xiě)出來(lái)

「環(huán)境」：是指這個(gè)商品使用的環(huán)境，里面會(huì)有些什么元素

「成分」：是指產(chǎn)品的構(gòu)成成分

「色調(diào)與形態(tài)」：是指產(chǎn)品的顏色搭配以及造型特點(diǎn)

?

需要注意的是，分析到最后，一定要提取一些具象的元素名詞出來(lái)。

舉個(gè)例子，下圖以珂潤(rùn)的這款保濕產(chǎn)品為例，從各個(gè)層次可以總結(jié)出以下元素。

? ? ? ?

?? ? ?

?

三、找參考

當(dāng)我們總結(jié)出一些元素之后，我們可以開(kāi)始找參考，參考分為：實(shí)景照片+ 作品參考。

?

1.實(shí)景照片參考

首先是實(shí)景照片，同樣以上述產(chǎn)品為例，我們可以找一些浴室或者洗漱臺(tái)的照片，主要是想不到浴室有哪些元素的時(shí)候，可以從圖里面總結(jié)出來(lái)

?? ? ? ?

素材取自網(wǎng)絡(luò)

?

2.同風(fēng)格作品參考

其次是同風(fēng)格作品參考，由于我們做的是偏向小場(chǎng)景搭建型的電商合成場(chǎng)景，可以找一些同類(lèi)風(fēng)格作品，研究其中的元素，展臺(tái)結(jié)構(gòu)形式等等。

? ? ? ?

?素材取自網(wǎng)絡(luò)

?

四、畫(huà)線稿

線稿的目的：是為了確定畫(huà)面的構(gòu)圖，視角，比例以及畫(huà)面的元素。

?

完成前面兩個(gè)步驟之后，就可以得出一些具象的元素和顏色/形態(tài)，接著我們可以拿出紙筆，以產(chǎn)品為主，將總結(jié)出來(lái)的元素融入到一個(gè)場(chǎng)景里，這樣我們的線稿就出來(lái)了，如下圖。

?

? ? ? ?

? ? ? ?

五、分色拼場(chǎng)景

當(dāng)草稿畫(huà)好之后，我們畫(huà)面的最終效果基本可以預(yù)見(jiàn)了，接著可以把草稿放入ps當(dāng)中。并且以產(chǎn)品為主，作出畫(huà)面的透視參考線，如下圖。（這個(gè)案例制作的是正面視角，所以是一點(diǎn)透視）

?? ? ? ?

? ? ? ??

參考線完成之后，可以依據(jù)草稿與參考線，將畫(huà)面的結(jié)構(gòu)先畫(huà)出來(lái)，這一步不用考慮光影，只需要將色塊大概區(qū)分即可。注意物體的結(jié)構(gòu)一定要符合透視規(guī)律。如下圖。

?? ? ? ?

? ? ? ?

??

??六、做光影材

當(dāng)整個(gè)畫(huà)面場(chǎng)景大概拼出來(lái)之后，可以根據(jù)產(chǎn)品的光影設(shè)定光源來(lái)向。需要貼紋理的地方，可以使用剪貼圖層將紋理貼上去，如下圖。

?? ? ? ?

? ? ? ??

材質(zhì)貼好之后，可以根據(jù)光源方向，使用調(diào)整圖層以及畫(huà)筆打光等方法，為整個(gè)畫(huà)面加上光影效果，使畫(huà)面更加完整立體，如下圖。

??? ? ? ?

? ? ? ???

七、調(diào)色做質(zhì)感

當(dāng)光影完成后，可以將整個(gè)效果蓋印，使用ACR濾鏡進(jìn)行光影或者色調(diào)的調(diào)整，讓畫(huà)面效果更細(xì)膩，并且使用高反差保留提取畫(huà)面細(xì)節(jié)，讓畫(huà)面對(duì)比更強(qiáng)，更有質(zhì)感。

?那么一個(gè)電商合成的案例就做好啦，是不是更加了解制作的流程了呢。無(wú)論是電商合成還是logo設(shè)計(jì)等等，希望大家可以好好利用頭腦風(fēng)暴的方法，擺脫無(wú)從下手的窘境，多多產(chǎn)出高質(zhì)量的作品。