幕思城 > 電商行情 > 學(xué)習(xí) > 課程介紹 > 淘寶裝修教程:淘寶店鋪banner制作技巧

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

    2022-06-20 | 10:44 | 發(fā)布在分類 / 課程介紹 | 閱讀:196

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

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

    接下來我用同樣的原理做了另外一個banner,先看下我自己做完的效果圖咯,所示:

    接下來,我將以上面這個banner為例,給大家實操一遍,大家一定一定睜開雙眼屏住呼吸豎起耳朵聽我講哇!!!~

    (1)首先分析一下這個banner:

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

    淘寶店鋪banner制作技巧

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

    (3)然后用鋼筆工具將模特?fù)赋鰜恚琾s摳圖的時候隨手把模特簡單修一下并且要摳干凈哦(小孩子才用魔棒工具摳圖,像我這樣的大人都是用鋼筆和通道工具摳圖噠~):

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

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

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

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

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

    (7)接下來我們看下sale將模特劃分成了幾塊:

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

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

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

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

    比較后用鋼筆工具把紅框這部分的胳膊摳圖取下來,就得到了上面的10部分:

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

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

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

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

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

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

    背景的參數(shù):

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

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

    淘寶店鋪banner制作技巧

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

    難題沒解決?加我微信給你講!【僅限淘寶賣家交流運(yùn)營知識,非賣家不要加我哈】
    >

    推薦閱讀:

    【商家案例解說】消費(fèi)者實際支付的價格跟商品價格存在差價,怎么辦?

    《小二請回答》學(xué)會玩逛逛,流量翻幾倍

    淘寶店鋪的單品寶是什么?淘寶店鋪的單品寶怎么開通?

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

    發(fā)表評論

    別默默看了 登錄 \ 注冊 一起參與討論!

      微信掃碼回復(fù)「666