Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)(2)

來(lái)源:站酷 作者:TTTing 學(xué)習(xí):8972人次

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn
<點(diǎn)圖片看大圖>

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn
<點(diǎn)圖片看大圖>

看完是不是覺(jué)得超簡(jiǎn)單?仿佛就是攝影師把圖拍好,都不用設(shè)計(jì)師摳圖調(diào)色修圖什么的,設(shè)計(jì)師啪啪啪打幾個(gè)字,一個(gè)Banner就這么出來(lái)了呢對(duì)不對(duì)?。!~

好了,我知道很多設(shè)計(jì)師巴不得每次做個(gè)Banner就跟打字那么容易就好了,那么這個(gè)其實(shí)也不是不可能,我們還是先來(lái)看下這類Banner都有些什么共同特點(diǎn)吧,我們先把它們摸個(gè)遍,哦不對(duì),把它們先摸透徹~~下次我們也就知道該怎么做了。

那么怎么分析呢?我們主要從以下幾個(gè)方面去分析:

(1)照片類型

(2)適合的品類

(3)適合的活動(dòng)主題

(4)排版樣式

(5)字體選擇

接下來(lái)我們一個(gè)個(gè)來(lái)看:

(1)照片類型:從上面幾個(gè)示例可以看出,其實(shí)基本上任何色調(diào)任何類型的照片都是可以直接加文字做出一張Banner,不過(guò)這種照片(加上文字后其實(shí)就是一張Banner)最好還是能簡(jiǎn)潔時(shí)尚點(diǎn),講求構(gòu)圖和留白,允許設(shè)計(jì)師有加文字的空間,更重要的一點(diǎn)是,照片中能有個(gè)主體,無(wú)論是產(chǎn)品還是模特。

我們可以將Banner文字去掉看下,如下圖所示:

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn
<點(diǎn)圖片看大圖>

(2)適合的品類:服飾箱包/美妝護(hù)膚/珠寶首飾/奢侈品/母嬰食品保健等等任何能拍成照片的品類都可以,因?yàn)檫@類Banner往往比較時(shí)尚簡(jiǎn)潔,所以任何允許將Banner做的比較時(shí)尚簡(jiǎn)潔的品類都可以。

(3)適合的活動(dòng)主題:這種照片類Banner適合好幾種活動(dòng)主題,比如時(shí)尚類/森女系/日系/大牌新品上市等等不是特別火熱低價(jià)促銷類型的Banner設(shè)計(jì)。

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn
<點(diǎn)圖片看大圖>

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

不過(guò)如果你能將場(chǎng)景搭建得比較有熱鬧氣氛然后直接拍一張照片,最后配合一些俏皮的文字其實(shí)也是可以的,比如下面這樣的Banner其實(shí)都可以通過(guò)手工搭場(chǎng)景或3D建模的方式得到(這個(gè)話題方向我們后面再單獨(dú)講一下,如果感興趣的話):

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

下面這個(gè)是今年京東618的某個(gè)活動(dòng)Banner,雖然是用PS+AI做的,但是用手工搭建場(chǎng)景+攝影的方式或者3D建模的方式其實(shí)也是可以做出來(lái)的。

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

(4)排版樣式:基本就是左右排版/上下排版或劇中排版了(其實(shí)說(shuō)實(shí)話不管怎么樣排版都可以,拍的時(shí)候給這張照片足夠的留白空間就好了即使不留白也可以通過(guò)加蒙層或者虛化的方式添加文字),下面我給大家演示下:

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn
<點(diǎn)圖片看大圖>
(5)字體選擇:字體是分氣質(zhì)的,字體的選擇跟Banner的氣質(zhì)其實(shí)也是有關(guān)聯(lián)的,比如女性化的字體會(huì)纖細(xì)瘦長(zhǎng)一點(diǎn),男性化的會(huì)粗獷尖銳一點(diǎn),中性化的字體適用范圍會(huì)比較廣所以不會(huì)有太明顯的傾向性等等,大家可以簡(jiǎn)單看下下方的示例:

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn
<點(diǎn)圖片看大圖>

當(dāng)然還有英文手寫體在我們的Banner設(shè)計(jì)中也常常會(huì)用到,會(huì)讓畫面更加時(shí)尚隨性,如下圖中的英文字體enjoy:

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

不過(guò)需要注意的是,很多好看的字體都是有版權(quán)的,如果私自商用都是會(huì)侵權(quán)的,所以要么用免費(fèi)字體,要么購(gòu)買字體版權(quán)要么就自己設(shè)計(jì)或自己寫了,下面有一些免費(fèi)字體可以給大家看下(由灰晝前輩二次整理的)。

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

好了,以上給大家講的是如何啪啪啪打幾個(gè)字就能用一張照片出一張Banner,那么其實(shí)我們還可以有更多玩法的,比如同樣是不用摳圖,但是我們可以把一張圖剪裁一下,模糊處理一下,或者旋轉(zhuǎn)一下,疊加處理一下,再或者是多張圖片混在一起玩等等這些情況又可以出來(lái)很多種花樣,適合的品類和活動(dòng)主題就又多了起來(lái),同樣的,先看幾個(gè)實(shí)例:

(1)將1張照片通過(guò)剪裁,制造時(shí)尚感:

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

(不知道誰(shuí)截的圖,直截了一部分,大家先將就著看下好了~)

Banner知識(shí),不摳圖不合成做出高逼格Banner設(shè)計(jì)_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!