在電商設(shè)計(jì)中電商banner溶圖是一個(gè)非?？简?yàn)設(shè)計(jì)者綜合能力的一塊，作為一個(gè)初學(xué)者經(jīng)常會(huì)把握不好這個(gè)度，往往跟著教程可以很好的完成一個(gè)電商banner設(shè)計(jì)，可要讓他們自己去設(shè)計(jì)一個(gè)banner卻不知從何下手。其實(shí)很多東西都有其規(guī)律，只要你懂得了這個(gè)規(guī)律并且多去嘗試，做出一個(gè)酷炫的banner并不是很難。

那么今天我就以一個(gè)電商banner溶圖為例給大家講解一下如何去構(gòu)思和設(shè)計(jì)一個(gè)屬于你自己的banner作品。話不多說(shuō)先上效果圖。

先來(lái)說(shuō)一下整個(gè)banner的設(shè)計(jì)流程

了解產(chǎn)品—參看設(shè)計(jì)作品尋找靈感—勾出設(shè)計(jì)布局的輪廓—搜集素材—動(dòng)手去做(設(shè)計(jì)過(guò)程中繼續(xù)尋找素材)—完成設(shè)計(jì)做整體調(diào)色(突出重點(diǎn)做到主次分明)

先要了解你的產(chǎn)品，然后根據(jù)你的產(chǎn)品去參看他們的競(jìng)品。分析同類(lèi)設(shè)計(jì)是如何去體現(xiàn)產(chǎn)品的。(作為初學(xué)者借鑒是一個(gè)快速給你提供想法的不錯(cuò)的途徑，其實(shí)即使從業(yè)許多年的老司機(jī)往往在做一個(gè)設(shè)計(jì)的時(shí)候也要大量的去借鑒參看許多作品來(lái)給自己提供設(shè)計(jì)靈感)一個(gè)好的設(shè)計(jì)師懂得如何從別人身上吸取養(yǎng)分，設(shè)計(jì)中往往思考比動(dòng)手去做占用的時(shí)間更久。

設(shè)計(jì)參考靈感來(lái)源

許多設(shè)計(jì)小白往往曲解借鑒的真正意義，總認(rèn)為借鑒就是抄。有時(shí)候拿到一個(gè)跟自己想法接近的設(shè)計(jì)成品一味的去抄，努力的讓自己的作品去迎合參考。這樣的做法是錯(cuò)誤的，當(dāng)我們找到一個(gè)不錯(cuò)的設(shè)計(jì)作品的時(shí)候我們被吸引的往往是他其中的某一個(gè)亮點(diǎn)。當(dāng)我們抓住這個(gè)亮點(diǎn)，就要結(jié)合我們自己的東西加以改變靈活的運(yùn)用到我們的作品中。像我的這個(gè)案例氛圍參考第一至三張文字排版參考第四張，最終綜合幾個(gè)參考得到自己的一個(gè)大致設(shè)計(jì)思路。

輪廓圖(嘿嘿構(gòu)圖有些隨意總之你只要清楚的知道自己大概想要得到一個(gè)什么樣的畫(huà)面就歐克了)

下面是根據(jù)自己的構(gòu)思找到的素材(有些是做之前就找到的有些是在制作過(guò)程中根據(jù)實(shí)際場(chǎng)景需要又去找的)，在這里大家找圖一定要盡量保證圖片的透視角度一致，這樣我們做出的圖才會(huì)看上去更自然真實(shí)。

因?yàn)槭亲鳛榘咐龍D為了能夠有動(dòng)力做下去，盡量找了自己喜歡大家又經(jīng)常接觸的護(hù)膚品作為這次案例的設(shè)計(jì)主題產(chǎn)品。

通過(guò)觀察和借鑒大概有了一些關(guān)于場(chǎng)景氛圍的初步想法，就是想通過(guò)自然溫馨的環(huán)境來(lái)體現(xiàn)產(chǎn)品的純天然和舒適的特點(diǎn)。關(guān)鍵詞：自然 綠色 通透 大氣 陽(yáng)光燦爛 蝴蝶紛飛

關(guān)于場(chǎng)景類(lèi)banner溶圖設(shè)計(jì)，一般整體畫(huà)面是由遠(yuǎn)視圖，平視圖(這里的平視圖指的就是我們的主題產(chǎn)品)，近視圖這三部分組成。總之最關(guān)鍵的思想是，背景是用來(lái)襯托主題的，最突出的最亮眼的部分就是我們的主題產(chǎn)品。四周暗中間亮，盡量弱化四周環(huán)境，做到虛實(shí)有度。

Ok前期工作準(zhǔn)備差不多了那么讓我們開(kāi)始動(dòng)手去做吧

主題大背景主要有這兩張圖拼合而成，在這個(gè)時(shí)候圖層蒙版是讓溶圖更自然的不二法寶。這里我習(xí)慣用黑色到黑色不透明的漸變蒙版來(lái)做溶圖，他可以使得圖片之間的過(guò)度更自然而且操作便捷，一些比較細(xì)小的地方我們可以再結(jié)合黑色畫(huà)筆進(jìn)行精細(xì)調(diào)整。

當(dāng)然這個(gè)時(shí)候不要忘了給圖片調(diào)色哦!(在溶圖中任何一個(gè)素材的導(dǎo)入都要進(jìn)行調(diào)色以更好的與整體環(huán)境相融合)畢竟這是兩張不同環(huán)境下的圖片，色彩上肯定是不一致的。為了方便我們隨時(shí)調(diào)整，這里建議大家使用調(diào)整層對(duì)圖片進(jìn)行調(diào)色。

制作過(guò)程中大家一定要注意圖層的上下關(guān)系，這里我將第一張圖放在最下層，顏色以第二張圖片的顏色為主題色。所以我對(duì)第一張進(jìn)行了調(diào)色，效果如下

在調(diào)色過(guò)程中我們一般是通過(guò)先給圖片添加色相飽和度調(diào)整層，降低整體飽和度，然后再給圖片添加色彩平衡調(diào)整層，這樣更容易達(dá)到我們想要的效果，且顏色也更容易把握。

兩張圖融合完之后的效果如下

大背景調(diào)整好之后開(kāi)始添加一些局部環(huán)境

用圖層蒙版擦出紅線所圈范圍，然后再用色彩平衡調(diào)整層給圖片進(jìn)行調(diào)色這里記得將調(diào)整層剪切到圖片層里哦要不會(huì)影響整體色調(diào)。

接下來(lái)我們導(dǎo)入樹(shù)的素材圖：樹(shù)的素材圖整體色調(diào)跟背景還是比較接近的所以這里我只用了曲線調(diào)整層，將明暗對(duì)比進(jìn)行了加強(qiáng)，一些不需要加暗的部分我們可以通過(guò)黑色畫(huà)筆涂抹曲線調(diào)整層蒙版來(lái)取消。

最新評(píng)論