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

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

寫在前面:

因?yàn)槲以谥暗奈恼吕镆呀?jīng)非常詳細(xì)地講解了平面構(gòu)成和色彩構(gòu)成的知識(shí)點(diǎn)了,所以在后面的文章里我不會(huì)再過多的在這些方面做文章,最多只是會(huì)提一下,畢竟每篇文章的篇幅有限,所以有些內(nèi)容我不會(huì)重復(fù)寫了,當(dāng)然如果大家想繼續(xù)了解這方面的知識(shí)可以點(diǎn)可以回頭去看我寫的這兩篇文章:五大步驟細(xì)說Banner圖設(shè)計(jì)之平面構(gòu)成的奧秘/六個(gè)步驟細(xì)說電商banner圖設(shè)計(jì)之色彩的奧秘。

接下來進(jìn)入我們今天的話題:不用摳圖不用合成,教你分分鐘搞定一張高逼格Banner設(shè)計(jì)!~

1/我為什么要做這樣一個(gè)主題的干貨分享呢?

記得以前上大學(xué)的時(shí)候聽一位老師說做設(shè)計(jì)千萬不要用漸變色,因?yàn)榉浅ow,于是我就當(dāng)教條一樣一直記在心里了:“嗯,千萬不要用漸變色”,但后來工作了幾年才發(fā)現(xiàn),漸變色也可以很好看,也可以很高端,只是要看如何去用而已;再到后來在工作過程中,有人對(duì)我說做設(shè)計(jì)一定不要直接用圖片,一定要摳圖,不要偷懶,不摳圖是做不好設(shè)計(jì)的,可是到后來我發(fā)現(xiàn)有時(shí)候我們不用摳圖,也可以做出好看的設(shè)計(jì)或好的設(shè)計(jì),我就有個(gè)疑問:為什么做設(shè)計(jì)一定要摳圖才行呢?

所以這次我們可以試著捋一下在不摳圖的情況下可以怎么玩設(shè)計(jì),看能不能帶來一些啟發(fā),這次我也依然會(huì)以Banner設(shè)計(jì)來舉例說明。

2/攝影與Banner設(shè)計(jì)之間的聯(lián)系是什么?

一般來說,如果攝影師和設(shè)計(jì)師能配合溝通一起去做設(shè)計(jì)是最好的,尤其當(dāng)涉及到很多產(chǎn)品或模特拍攝的時(shí)候,無論是在電商行業(yè)還是在廣告行業(yè),前期都需要溝通好策劃方向以及構(gòu)圖色調(diào)等,因?yàn)閿z影部分的工作做得越到位,設(shè)計(jì)部分的工作量就越小,項(xiàng)目也越順暢,如果攝影部分的工作不到位,到設(shè)計(jì)那一步就麻煩大了,有可能需要返工重拍或者花費(fèi)大量時(shí)間精力去修改和調(diào)整,這樣子就得不償失了。

首先,商業(yè)攝影涉及到的工作內(nèi)容和知識(shí)點(diǎn)有哪些呢?

比如,拍攝目的/創(chuàng)意策劃/選道具或選模特/構(gòu)圖/配色/修片等

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

其次,Banner設(shè)計(jì)涉及到的工作內(nèi)容和知識(shí)點(diǎn)有哪些呢?

比如,活動(dòng)目的/文案策劃/風(fēng)格確定/選圖或選模特/構(gòu)圖/修圖/配色等

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

所以其實(shí)原則上來講,攝影和做Banner設(shè)計(jì)是沒什么區(qū)別的,攝影是把一堆東西放置在取景框里,最終出來一張照片,這個(gè)照片可以傳遞某種信息或情感,可以吸引到別人的注意或某種欲望和共鳴。

而Banner設(shè)計(jì)則是將所有的文案信息/產(chǎn)品或模特/背景/點(diǎn)綴物等,放置在一張畫布里,最終出來一張圖片,這張圖片也是要傳遞某種信息或情感的,也可以吸引到別人的注意或某種欲望和共鳴。

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


(是的,我又把這個(gè)重復(fù)了八百遍的圖放出來了~~)

所以,我們其實(shí)可以將Banner視作是一張照片+幾排文字。接下來我們先看幾個(gè)示例:

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

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

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

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

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

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

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

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

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

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

還有我之前發(fā)過的一組日本的Banner圖設(shè)計(jì):

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

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

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

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

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

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

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

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

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