商家在淘寶店鋪裝修的時候都會面臨各種難題，如：排版、詳情頁裝修問題，而今天這里給大家講解的是關于淘寶Banner設計技巧。

先看下面這個Banner，有一種鏤空和陰影制造的空間感，模特像是鉆在紙殼里面的感覺，所以好幾個人問我這個是怎么實現的（要說明的是，這種Banner有條件的話直接搭場景拍攝就好了，沒條件的話就自己用ps搞掂出來也是可以的）。

接下來我用同樣的原理做了另外一個Banner，先看下我自己做完的效果圖咯，如下圖所示：

接下來，我將以上面這個Banner為例，給大家實操一遍。

（1）首先分析一下這個Banner：

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

（2）好了分析完后，我們就開干吧，先找2個表情姿勢比較帥的模特（注意這個選模特姿勢是跟我們的英文Sale的形狀相關的，不是瞎選的哈）：

（3）然后用鋼筆工具將模特摳出來，摳圖的時候隨手把模特簡單修一下并且要摳干凈哦（小孩子才用魔棒工具摳圖，像我這樣的大人都是用鋼筆和通道工具摳圖噠～）：

（4）將英文Sale和2個模特都甩到ps的畫布里（甩的時候姿勢要優美利索～～），得到下面這樣一張圖：

（5）接下來調整模特和文字大小和布局（當然還有模特的角度和方向，比如左邊的模特水平翻轉一下可以跟字母S比較貼合）：

（6）接下來就要開始制作卡片效果，另外到這里也就需要一點邏輯思考能力了，先把模特調整為半透明，以便查看模特需要切分為幾塊：

將Sale設置內陰影，參數你們可以參考下（這個參數你們可以自定義，我這里只是一個參考而已）：

這里的透明度可以按照自己的需要去調整，我這里調整為57％就差不多了，主要是方便查看模特與Sale之間的結構關系：

（7）接下來我們看下sale將模特劃分成了幾塊：

這里，我將1、2、10部分放置在最上層，3、4、7、8、11、12、13部分隱藏在卡片后面（它們是不可見的），5、6、9部分因為卡片鏤空的緣故所以即使在卡片下面一層也是可見的。

其中，1、2部分是怎么得到的呢？先ctrl＋enter＋鼠標左鍵點擊sale圖層的字符T，得到一個sale選取，然后ctrl＋shift＋i將sale選取反轉，就得到一個sale形以外的選取，接著回到右邊模特的圖層，ctrl＋j復制圖層，就得到了1、2部分（我說了這么多快捷鍵，大家明白了沒呀？？這些快捷鍵都是要記住噠～～），如下圖所示：

其中，10部分怎么得到的呢？因為原模特圖的胳膊部分是緊壓在膝蓋上的有點變形了，所以我們需要液化處理下，然后將這一部分胳膊用鋼筆工具摳出來，步驟如下：

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

最后用鋼筆工具把紅框這部分的胳膊摳圖取下來，就得到了上面的10部分：

那么，3、4、7、8、11、12、13部分和5、6、9部分怎么得到的呢？這個很簡單哇，繼續重復上面的動作，先ctrl＋enter＋鼠標左鍵點擊sale圖層的字符T，得到一個sale選區，然后分別點擊左右2個模特圖層，ctrl＋j復制圖層，就得到了下面這幾個部分：

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

（9）到這一步差不多是把最復雜的部分搞完了，接下來就是細節處理了，比如模特光影／模特膚色等的處理調整，在這里主要就是用到了畫筆工具和曲線調整工具：

（10）加上文字就大功告成了

（11）最后檢查一遍，感覺畫面還是缺點啥，對了缺少一些紙張的紋理，所以我給背景添加了一些紋理，同時給小字部分加了微弱的內陰影，做個內嵌的效果，給sale加了一個像素的高光描邊，最終效果圖如下所示：

雖然我不覺得應該死板地看參數，但為了照顧一部分新手我還是把參數截圖放出來好了：

背景的參數：

小字部分內陰影的參數：

以上，我們的手把手教授的Banne教程就寫完了，大家學會了嗎？希望對大家有幫助。