淘寶裝修教程：淘寶店鋪banner制作技巧

如何做出高逼格、上檔次的淘寶店鋪banner呢?

先看下面這個(gè)淘寶店鋪banner，有一種鏤空和陰影制造的空間感，模特像是鉆在紙殼里面的感覺(jué)，這種banner有條件的話直接搭場(chǎng)景拍攝就好了，沒(méi)條件的話就自己用ps搞掂出來(lái)也是可以的制作出來(lái)的。下面一起學(xué)習(xí)一下吧!

接下來(lái)我用同樣的原理做了另外一個(gè)banner，先看下我自己做完的效果圖咯，所示：

接下來(lái)，我將以上面這個(gè)banner為例，給大家實(shí)操一遍，大家一定一定睜開(kāi)雙眼屏住呼吸豎起耳朵聽(tīng)我講哇!!!～

(1)首先分析一下這個(gè)banner：

是不是有一種卡片的效果啊，模特有躲在卡片里面的，也有一半身子鉆出卡片透氣裝b的，這種banner設(shè)計(jì)的主要難點(diǎn)在于模特和sale之間的多層層級(jí)關(guān)系，所以到時(shí)候需要將模特切割成好幾部分然后再拼接在一起，再然后就是模特的姿勢(shì)和表情選擇要與字母的形相貼合，會(huì)比較有美感。

(2)好了分析完后，我們就開(kāi)干吧，先找2個(gè)表情姿勢(shì)比較帥的模特(注意這個(gè)選模特姿勢(shì)是跟我們的英文sale的形狀相關(guān)的，不是瞎選的哈)：

(3)然后用鋼筆工具將模特?fù)赋鰜?lái)，ps摳圖的時(shí)候隨手把模特簡(jiǎn)單修一下并且要摳干凈哦(小孩子才用魔棒工具摳圖，像我這樣的大人都是用鋼筆和通道工具摳圖噠～)：

(4)將英文sale和2個(gè)模特都甩到ps的畫布里，得到下面這樣一張圖：

(5)接下來(lái)調(diào)整模特和文字大小和布局(當(dāng)然還有模特的角度和方向，比如左邊的模特水平翻轉(zhuǎn)一下可以跟字母s比較貼合)：

(6)接下來(lái)就要開(kāi)始制作卡片效果，另外到這里也就需要一點(diǎn)邏輯思考能力了，先把模特調(diào)整為半透明，以便查看模特需要切分為幾塊：

將sale設(shè)置內(nèi)陰影，參數(shù)你們可以參考下(這個(gè)參數(shù)你們可以自定義，我這里只是一個(gè)參考而已)：

這里的透明度可以按照自己的需要去調(diào)整，我這里調(diào)整為57%就差不多了，主要是方便查看模特與sale之間的結(jié)構(gòu)關(guān)系：

(7)接下來(lái)我們看下sale將模特劃分成了幾塊：

這里，我將1、2、10部分放置在比較上層，3、4、7、8、11、12、13部分隱藏在卡片后面(它們是不可見(jiàn)的)，5、6、9部分因?yàn)榭ㄆU空的緣故所以即使在卡片下面一層也是可見(jiàn)的。

其中，1、2部分是怎么得到的呢?先ctrl+enter+鼠標(biāo)左鍵sale圖層的字符t，得到一個(gè)sale選取，然后ctrl+shift+i將sale選取反轉(zhuǎn)，就得到一個(gè)sale形以外的選取，接著回到右邊模特的圖層，ctrl+j復(fù)制圖層，就得到了1、2部分(我說(shuō)了這么多快捷鍵，大家明白了沒(méi)呀??這些快捷鍵都是要記住噠～～)，所示：

其中，10部分怎么得到的呢?因?yàn)樵Ｌ貓D的胳膊部分是緊壓在膝蓋上的有點(diǎn)變形了，所以我們需要液化處理下，然后將這一部分胳膊用鋼筆工具摳出來(lái)，步驟如下：

將紅框部分的胳膊向右下方液化涂抹幾下，直到看起來(lái)像是正常的未被擠壓的胳膊：

比較后用鋼筆工具把紅框這部分的胳膊摳圖取下來(lái)，就得到了上面的10部分：

那么，3、4、7、8、11、12、13部分和5、6、9部分怎么得到的呢?這個(gè)很簡(jiǎn)單哇，繼續(xù)重復(fù)上面的動(dòng)作，先ctrl+enter+鼠標(biāo)左鍵sale圖層的字符t，得到一個(gè)sale選區(qū)，然后分別左右2個(gè)模特圖層，ctrl+j復(fù)制圖層，就得到了下面這幾個(gè)部分：

(8)將以上所有部分合并拼接，于是噔噔噔噔～～～～得到了下面這張圖：

(9)到這一步差不多是把比較復(fù)雜的部分搞完了，接下來(lái)就是細(xì)節(jié)處理了，比如模特光影/模特膚色等的處理調(diào)整，在這里主要就是用到了畫筆工具和曲線調(diào)整工具：

(10)加上文字就大功告成了

(11)比較后檢查一遍，感覺(jué)畫面還是缺點(diǎn)啥，對(duì)了缺少一些紙張的紋理，所以我給背景添加了一些紋理，同時(shí)給小字部分加了微弱的內(nèi)陰影，做個(gè)內(nèi)嵌的效果，給sale加了一個(gè)像素的高光描邊，比較終效果圖如下所示：

雖然我不覺(jué)得應(yīng)該死板地看參數(shù)，但為了照顧一部分新手我還是把參數(shù)截圖放出來(lái)好了。

背景的參數(shù)：

小字部分內(nèi)陰影的參數(shù)：

以上淘寶店鋪banner制作技巧就分享到這里，大家學(xué)會(huì)了嗎?更多關(guān)于淘寶裝修的干貨在裝修宅可以學(xué)習(xí)！

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

推薦閱讀：

【商家案例解說(shuō)】消費(fèi)者實(shí)際支付的價(jià)格跟商品價(jià)格存在差價(jià)，怎么辦？

《小二請(qǐng)回答》學(xué)會(huì)玩逛逛，流量翻幾倍

淘寶店鋪的單品寶是什么？淘寶店鋪的單品寶怎么開(kāi)通？

更多資訊請(qǐng)關(guān)注幕 思 城。