您現在的位置是:首頁 > 攝影首頁攝影

網店裝修丨如何快速搞定網店Banner?教程來了

由 電子商務師認定 發表于 攝影2021-10-15
簡介2 案例講解第一步,確定風格 收集素材素材:背景圖案、元素、文案可以獲得素材的網站有很多,比如:千庫網、大作、Unsplash、pngimg、競品網店相關頁面等第二步 用PS新建一個文件尺寸設定如下圖所示(可以根據自己的實際需要設定尺寸)第

漸變工具怎麼填充選區

1

在這個網際網路的時代,無論你是要做品牌宣傳、活動宣傳還是單純地賣產品,都需要一張合適的Banner來承載你的創意和宣傳資訊,讓消費者清楚地瞭解你想要宣傳的資訊,並且留下良好的印象。

那麼,要怎麼設計一張符合自己品牌調性、可以清晰展現所有宣傳要素,並且能夠吸引消費者的Banner呢?

僅僅只是想製作一張好看的Banner,很多設計類網站可以讓你直接套用模板,簡單省力,比如:圖怪獸、稿定設計。

網店裝修丨如何快速搞定網店Banner?教程來了

但是,使用這些模板,不一定能符合你的品牌調性,可能導致你設計的Banner都是各種不同的風格,很難讓人形成品牌印象。有的時候模板的大小不合適,又很難調整,很多網站下載的圖片也會有水印。

想要設計出滿足需求的合適的Banner,還需要自己動手豐衣足食。

下面,小編就透過一個案例來教大家如何用PS設計一款符合自己需求的Banner。

2

案例講解

第一步,確定風格 收集素材

素材:背景圖案、元素、文案

可以獲得素材的網站有很多,比如:千庫網、大作、Unsplash、pngimg、競品網店相關頁面等

第二步 用PS新建一個文件

尺寸設定如下圖所示(可以根據自己的實際需要設定尺寸)

網店裝修丨如何快速搞定網店Banner?教程來了

第三步 建立參考線

建立參考線 輔助我們進行設計

提示:【檢視】→【新建參考線】

水平輸入:350

垂直輸入:960

網店裝修丨如何快速搞定網店Banner?教程來了

第四步 設計整體佈局

提示:用矩形工具創立兩個圖形

一個為綠色 一個為白色

網店裝修丨如何快速搞定網店Banner?教程來了

第五步 新增蒙版

製作選區,利用漸變工具進行填充

這樣在新增其他素材圖片後就會有一個透明漸變效果(如下圖片所示)

提示:透明度可進行調整

網店裝修丨如何快速搞定網店Banner?教程來了

第六步 加入其他元素素材

對需要摳像的素材進行摳像(如:通道摳圖法,或藉助設計類網站一鍵摳圖),已經摳好的素材可以直接加入

並調整元素大小、位置,按住【ctrl】+方向鍵就可以對素材位置進行微調

網店裝修丨如何快速搞定網店Banner?教程來了

第七步 新增文字介紹資訊

新增產品或品牌的文字介紹資訊,既要簡潔明瞭,突出你最想要消費者看到的賣點資訊,又要符合Banner的整體調性,具有一定的美觀性。

提示:運用文字工具和矩形工具

網店裝修丨如何快速搞定網店Banner?教程來了

最後,再調整一下整體的排版,一張美美的banner圖就設計出來啦,全程加上摳圖只需要20分鐘左右

網店裝修丨如何快速搞定網店Banner?教程來了

快開啟ps自己試一試吧。