當(dāng)前位置：首頁(yè) >UI設(shè)計(jì) >教你用photoshop制作網(wǎng)店產(chǎn)品廣告電商美工設(shè)計(jì)教程值得收藏

教你用photoshop制作網(wǎng)店產(chǎn)品廣告電商美工設(shè)計(jì)教程值得收藏

發(fā)布時(shí)間：2024-01-10 20:47:01 瀏覽量：144次

夏季的到來(lái)，我們做電商的朋友估計(jì)也要忙開(kāi)來(lái)了，尤其是做設(shè)計(jì)的朋友，為新品添加新的廣告也是迫在眉睫哦。

今天由我一個(gè)粵北大叔彭生生教你一個(gè)用photoshop設(shè)計(jì)店鋪廣告的方法吧。設(shè)計(jì)的步驟簡(jiǎn)單，可設(shè)計(jì)的影響力卻非同小可哦。此方法用在各個(gè)行業(yè)皆可。我們來(lái)看看效果吧。

設(shè)計(jì)效果圖展示

設(shè)計(jì)步驟：

第1步：打開(kāi)photoshop軟件后，新建一個(gè)寬790像素，高500像素的文檔。然后按Ctrl+R鍵顯示標(biāo)尺，然后拉一條標(biāo)尺線于底部往上一點(diǎn)的位置。然后用選擇框工具選擇標(biāo)尺線以上的圖形。等于畫(huà)一個(gè)如文檔大小的框。

標(biāo)尺的添加

第2步：新建圖層之后，我們?yōu)檫x框填充前景色。這次的設(shè)計(jì)我會(huì)盡量講的具體，懂的朋友可以忽略。也是為了照顧初學(xué)者，謝謝理解。

選框的填充顏色

第3步：給新建的圖層添加圖層樣式，圖層樣式我們選擇漸變疊加，漸變的角度我們?cè)O(shè)置為0，然后漸變的色標(biāo)分別為：dbc4a2、ebdbc3、dbc4a2。

圖層樣式漸變疊加的添加

第4步：導(dǎo)入一張我們已經(jīng)扣圖好的產(chǎn)品展示圖片，我這里以女裝為例，不同的行業(yè)我們換成不同的產(chǎn)品圖，當(dāng)然了，我們的產(chǎn)品圖之前要扣好。按Ctrl+T調(diào)整圖片的大小。

調(diào)整圖片大小

第5步：產(chǎn)品圖片調(diào)整大小后，把它移動(dòng)右邊位置，不要太靠右即可。然后在左邊的空白區(qū)域輸入我們的產(chǎn)品介紹文字：夏季換新裝，顏色暫時(shí)用黑色，等整體設(shè)計(jì)完成后，我們?cè)龠M(jìn)行調(diào)整文字的顏色。

文字的添加

第6步：在中文字體上面添加我們活動(dòng)的日期，下面增加一行英文字體，其實(shí)在中國(guó)，英文的設(shè)計(jì)除了美觀，實(shí)在沒(méi)什么廣告的效應(yīng)。不過(guò)有英文裝飾，設(shè)計(jì)感就出來(lái)了。日期的分格號(hào)，我是畫(huà)的，用字體的分格線會(huì)很粗的感覺(jué)，不協(xié)調(diào)。

輸入裝飾文字

第7步：在英文字體下面加入寬度跟英文一樣的寬的矩形框，然后填充為黑色。

加入矩形框

第8步：給黑色框加入圖樣樣式添加一個(gè)青色的顏色疊加，顏色為9dab70，然后在框中輸入我們的促銷優(yōu)惠信息。完成后，我們?cè)谙旅娈?huà)一條2個(gè)像素的橫線，橫線的顏色用灰色跟青色皆可。接著在橫線下面輸入一段英文作為裝飾，英文用灰色，并盡量對(duì)齊。

裝飾文字的添加

第9步：底部留白的區(qū)域用選框工具選好，接著填充青色。哈哈哈，這個(gè)時(shí)候效果就快出來(lái)了，是不是越往下設(shè)計(jì)，越完美的感覺(jué)？

選擇框填充青色

第10步：在青色框里輸入我們的產(chǎn)品分類或者促銷的產(chǎn)品類型，顏色我們用白色的字體，然后在分類的中間畫(huà)1像素的隔開(kāi)線。

菜單欄的添加

第11步：導(dǎo)入一張樹(shù)枝素材，然后在PHOTOSHOP菜單中依次按選擇，色彩選擇，彈出框后，我們用吸管工具在樹(shù)枝的旁邊白色區(qū)域吸取顏色，然后點(diǎn)擊確定。這個(gè)時(shí)候白色區(qū)域全部選擇了，接著按Delete刪除白色就可以，這個(gè)時(shí)候樹(shù)枝就被扣出來(lái)了。

樹(shù)枝圖的摳圖

第12步：把扣好的樹(shù)枝調(diào)整到左邊區(qū)域，然后拉到背景層之上。

樹(shù)枝大小調(diào)整

第13步：這個(gè)時(shí)候呢，我們?cè)趐hotoshop的菜單給樹(shù)枝加一個(gè)濾鏡效果，我們選擇高斯模糊，模糊的效果我們?cè)谡{(diào)整的時(shí)候可以看到，自己調(diào)整就清楚了。給樹(shù)枝增加一個(gè)模糊效果后，最后我們用圖層樣式添加的方法，給文字修改下顏色，或者增加一些陰影的效果，這樣整個(gè)設(shè)計(jì)就完成了，設(shè)計(jì)好后，我們無(wú)比記得要保存哦。