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

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

先來說一下整個banner的設(shè)計(jì)流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最新評論