海報知識,校園海報設(shè)計指南(4)

來源:知乎 作者:@無線電_ 學習:4326人次

今天來一篇針對零基礎(chǔ)+超新手的海報設(shè)計教程,作者@無線電_ 在學校做了30+的校園海報,經(jīng)驗豐富,還專門給學妹學弟寫過教程,完全木有基礎(chǔ)的同學建議讀完這篇就可以入門咯。

注:由于作者是大學生,也非設(shè)計專業(yè),所以本教程只針對零基礎(chǔ)的人,高手勿噴。

校園海報還是一個蠻有意思的切入點,畢竟現(xiàn)在人人都能做海報,無論是Word還是Corel Painter,都能輕松傳遞信息并適當美化,履行一張海報的職能,至于做得好不好那就仁者見仁智者見智了。而且校園海報,有其固定的種類(最多的莫過于講座、音樂會或音樂節(jié)、各類比賽、征集活動、競選等),在這么一個框架下,有其限定性,很難做得非常出挑。

同時,很難模仿商業(yè)化或者藝術(shù)化的海報作品,使用極簡、抽象主義等比較前衛(wèi)的設(shè)計風格也不妥當,畢竟受眾是學生。而且如果太xxx被和諧了可不好(總不能拿Wanimal的攝影作品做海報吧XD)。素材也是很大的限制因素,如果你到不了能自己畫或者創(chuàng)作素材的地步,你非常有可能會侵犯版權(quán)。我個人還算注重版權(quán),迫不得已使用網(wǎng)絡(luò)素材時也會去找開源圖庫。而如果沒辦法很好地創(chuàng)作素材(比如畫個背景底紋),一開始的確會過得非常痛苦……

關(guān)于海報設(shè)計的步驟,在這里做一個大致的說明。

熟練使用工具

AI PS是我的順手軟件,高中之前用的是CorelDraw。我從小學一年級開始摸索著玩PS了(然并卵,至今不會用RGB通道扣像,蒙版用得也很不熟練),從這一段經(jīng)歷中學到了制作海報的過程是極為重要的摸索過程。很多時候,在制作海報的時候用新功能,會有意想不到的驚喜。一定要把功能都體驗一把。ū热鏟S的圖層屬性,模糊效果,自帶濾鏡等等)

初學者就在這樣的摸索中完成最開始的繪圖的,很多時候只是“蒙”就能蒙出還不錯的效果。

而進階者因為懂得如何掌控畫面,也懂得如何獲得這樣效果,因此不太會“蒙”,而是直直地走下去。

(下圖就是一個比喻)

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

當然,熟練使用工具只是萬事的第一步,后面還有許多步驟。

準備素材

字體、開源圖庫、配色方案、濾鏡、底紋圖片、筆刷等等。素材由個人喜好決定,素材的豐富程度和質(zhì)量會影響你畫面的飽滿度和風格的多樣性。

字體可以去百度上的各種字體庫看一下,不過如果不是開源的話還是推薦購買正版的哦。

圖片素材推薦一個比較小眾文藝開源然并卵的圖片網(wǎng)站 Unsplash | Free High-Resolution Photos。還有16個可以找到開源圖片的高逼格網(wǎng)站16 Places to Find the Best Free Stock Photos

筆刷與濾鏡什么的素材網(wǎng)站有非常多在這里就不贅述。

值得一提的是,平日里可以多收集一些底紋素材,比如Low-polygon(自己做的話參見:幫你快速打造LOW-POLY風格的酷站推薦),斑駁的水泥地紋理,如果比較少女的話,碎花什么的也是可以的……這些素材在之后會有很大的用處,可以算作是基礎(chǔ)素材。

以上都是通用素材。校園海報很多時候會和學校本身的特征掛鉤,因此,所在的學校的Logo、書法字樣的學校名稱、學校地標建筑的圖片會發(fā)揮非常大的作用!通過這類的素材,能更好得反應(yīng)學校特征,那海報也是更加有特色了。

其他的平日里都要留心。

觀賞與靈感

「沒有技術(shù)天花板,只有審美天花板!刮也挥浀檬钦l說的了,那就……——馬克思。

你要做出好的海報,你先得形成好的審美。你要形成好的審美,你先得養(yǎng)成自己的審美。你要養(yǎng)成自己的審美,你先得告訴自己哪些是好看的。你要能告訴自己哪些是好看的,你先得多看。

咱們就不提什么大畫家之類的了……地鐵里的廣告牌,朋友圈里的攝影作品都可以一看,當然最好還是看看名家的攝影作品和設(shè)計作品,美麗的建筑和人像也可以給你無窮的靈感。

我不反對臨摹,因為臨摹可以幫助創(chuàng)作。網(wǎng)上有一些很棒的設(shè)計,自己可以先試著模仿一下。用不著抓住那些海報的靈魂,先看上去像就可以了。

觀賞——臨摹——創(chuàng)作。在觀賞的過程中獲得靈感,在臨摹的過程中琢磨技術(shù),在創(chuàng)作的過程中應(yīng)用。就是如此。

值得一提的是,在搜集素材的過程中,很大程度上你也會迸發(fā)新的靈感。

1、大體構(gòu)思

畢竟還是學生嘛,偶爾電腦會被沒收。因此我養(yǎng)成了在上電腦前先大致構(gòu)思畫面的習慣,這樣可以提高上機效率和針對性。

海報,最關(guān)鍵的就是「信息」與「注意力」。在構(gòu)思的過程中,第一要素是把信息得當?shù)谜宫F(xiàn)出來,同時考慮能否抓住路人的注意力。

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

(上圖為一張街舞比賽的海報)

我以這張海報為例子。首先考慮的是反映「它有街頭的感覺,它是街舞比賽」這一特征,我首先想使用的元素是涂鴉,后來那張因為花紋元素太重、重點不突出而作為了比賽的輔助海報。而這一張,突出了「舞者」這一要點,并且很好得抓住了眼球。

而信息我選擇放在了下面,最低限度的信息,沒有一句廢話,粗字體與細字體也是在事先的規(guī)劃中就考慮使用的,這樣可以使閱讀更清晰。

在構(gòu)思中我就希望能有一張可以反映舞者的圖片,最后被我找到了,經(jīng)過簡單處理合成了一張街舞海報。

這個過程,短則一瞬間,長則一年(笑:-D,這是真事,有些海報真的是構(gòu)思了一年反復(fù)在腦海中改,不敢開電腦做)。雖然并沒有都這么夸張,但是構(gòu)思還是需要時間的。有時候在尋找素材的過程中會靈感迸發(fā)呢XD

2、確定信息

先確定整張海報上所有的文字,大段的也好,標題也好,署名也好,都應(yīng)該有一個總體的估計。

文案必須和委托方敲定好,一般按照我的脾氣,敲定完之后是絕對不再改的,除非是我打錯別字什么的。

如果是要用圖片傳遞信息,那也要確定圖片。

3、設(shè)計結(jié)構(gòu)
4、擺放文字
5、進行裝飾

這三者我要放在一起說,因為這三者是相互映襯與影響的。我經(jīng)常會出現(xiàn)因為文字量與預(yù)期的出入而不得不重做裝飾與設(shè)計結(jié)構(gòu)的事。

而且這三者又沒辦法講得清楚……這是最考驗的人的地方,一定要按照1#中的標準來做。

這里有幾個要點:

    畫面簡潔有力色彩豐富或相對矚目好看!

我來舉個例子:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

(上圖為一個航拍社團的Logo)

我在做這個Logo時,對方社長和我發(fā)郵件說,要求這個Logo能夠有極高的辨識度,最好能在比較遠的地方都能看清。當時我就努力往這個方向去繪圖,因為要畫得相當簡潔有力。

最后出了這樣的成品,對方后來告知我使用了,效果還不錯,我也對Logo本身還算滿意。

做海報也是這樣的,要簡潔有力吸引人。記得有一個很著名的「放飛風箏」的海報,簡直慘不忍睹……所以,結(jié)論是:海報不是小報,別來大雜燴。

在這里對于處理文字有一些心得。

首先粗字體細字體交替的技巧(專業(yè)點說是不同磅型的交替使用)在剛剛已經(jīng)說了。這個的靈感來自于Android 4.0 時代的時鐘,有助于增強文字層次感,緩解冗長感。

其次是善用顏色。相同類型的文字使用相同的顏色,也是可以增強文字層次感的。

大段文字我是非常不建議使用在海報當中的,如果可以的話,附一張A4紙在下面也是不錯的選擇。畢竟海報首先要求的是閱讀的順暢,而大段文字放在海報中多多少少沒白底黑字讀得暢快。

同時也要注意文字從左上到右下的閱讀順序。如果是比較雜亂的排版,請務(wù)必給讀者一個閱讀的順序的指導(dǎo),不然有可能會漏讀,也會降低閱讀體驗。

我比較擅長排字,喜歡通過文字本身構(gòu)建海報。

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

(上圖為我?萍脊(jié)總海報)

很多時候校園海報并沒有明確的主題,相當籠統(tǒng),根本沒辦法發(fā)揮,又很容易以偏概全。像我這種想象力不豐富的小盆友,就選擇了從文字入手,通過變化文字的方式來做海報。

6、細節(jié)調(diào)整

在這一點上強迫癥的優(yōu)勢比較明顯,包括強制對齊,強制等間距,強制顏色相同之類的。這就不再多闡述了,細節(jié)是讓人判斷質(zhì)量的地方。

7、進行印刷

建議多了解一些關(guān)于紙張的知識,相同的花紋印在不同的紙上感覺是不同的。

我是一直死摳CMYK RGB不放的典型代表,雖然現(xiàn)在發(fā)現(xiàn)有一些打印機也能支持RGB了,但是總會有點偏差的。

不過最搞笑的是有一次偏色了……印出來居然比我配的顏色還要好看……hhh

還有ppi的問題,如果是屏幕使用,72ppi,如果是大面積海報印刷,150ppi,如果是小面積的,300ppi。像素密度真的不是亂吼吼的,會把你玩死的。

在最后說一下我的設(shè)備。主力機一臺RMBP,有一塊廉價Wacom數(shù)位板,但是買了之后發(fā)現(xiàn)沒啥用……畢竟手繪渣,后來用它精準調(diào)色和給圖片上色打光。

最后附上一張教同學制作海報的長圖。

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

如果是「極新」地開始做海報,應(yīng)該怎么下手呢?

1、先把軟件玩一通

PS的話,找張圖片,用盡各種方法折磨它!比較一下高斯模糊、動態(tài)模糊、模糊的區(qū)別,用用等高線和馬賽克,試試看正片疊底和疊加的區(qū)別,等等等等。

AI就是,玩圖形!看能組出什么奇怪的圖形。舉個例子:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

上圖為一張極為基礎(chǔ)的插圖(雖然看著很唬人),幾乎沒有使用進階技巧,繪圖配色花了我共4個小時。極為單純的圖形拼接。
啊當然,「極新地」開始不用到這個地步……

或者說,像這樣:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

上圖是我在一張照片上加了個圖層描出來的結(jié)果。

對于一些東西進行臨摹。

通過這樣的過程能讓你學到的技術(shù)得到應(yīng)用。

2、看到一個圖案,嘗試復(fù)原出來

舉個例子,我寒假去澳大利亞玩了,也不忘搜集了一點素材,對于墨爾本的城市Logo真是愛不釋手。

回到家,我就嘗試把它臨摹出來:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

上圖來源自網(wǎng)絡(luò)。

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

上圖為自己的臨摹。

通過這個過程,我也感受了墨爾本城市Logo的立體理念,做了其他幾個字母出來。

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

上圖為臨摹悉尼歌劇院Logo。(別看簡單,對于曲線的處理能力要求不低)

看到一張圖片,問自己,能不能做出來!能不能做出來!能不能做出來!

能不能做到一模一樣!能不能做到一模一樣!能不能做到一模一樣!

這樣的操練極為有效果。

給個簡單作業(yè)哈哈,有興趣的可以試試看:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

上圖為上海南部某模擬聯(lián)合國易拉寶背景圖,非常簡單的圖片,能否復(fù)原出來呢?~

3、找一份素材,進行改編

你有一張自己的自拍,試著在角落里面加上自我介紹,同時給自己的臉進行適度美化,做成學生會競選海報如何?
你有一張學校教學樓的圖片,試著給它配上字,加上濾鏡,做成學校的宣傳海報如何?

舉個例子。你有一張校徽,求做一張義賣的海報。

但是我就改動了;,做出了這個:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

(上圖為我班去年愛心義賣海報1)

把;者M行了合理改動,配上文案,做出了符合主題的海報。

再來一個例子。

學生會競選海報?額?人像該怎么處理。咳绻隳芟肫鹉憧吹竭^的海報們,你就會有所啟發(fā)。

你可以把自己扣出來加一個白邊和陰影,給底色配上鮮艷的橙黃,用白色手寫描邊字體標注你的大名,像漫畫和剪貼板。
你可以用閾值把自己做成黑白剪影,再配上綠色的做舊填充色,再用酷酷的字體并處理成斑駁的樣子。
你可以把自己的頭像扣下來放在張全蛋身上,在手舉的牌子上寫上黑體文案。
你可以…………

無窮的可能。先多看,再試著去模仿和改編。達不成的效果,記得去搜索,百度上教程太多了,不行也可以提問啊。

4、給自己定一個主題,并去達成

舉個例子,愛心義賣。

當你腦海中對于愛心義賣的海報的模樣是模糊籠統(tǒng)的「啊,愛!!溫暖!義賣!商品!圣光!」抱歉……你得先去看看別人的愛心義賣海報怎么做了,這不是主題。

主題是,我想做一張紅色系、讓人覺得溫暖、同是也有我班印記的義賣海報,用愛心作為主背景。如果有愛心的背景素材可以套用,那是最好,如果沒有我就要自己畫了。

辛虧找到了一張非常合適的圖片。

于是我做出了這個:

海報知識,校園海報設(shè)計指南_www.theoat.com.cn

(上圖為我班去年愛心義賣海報2)

極為簡單的素材堆砌(十五分鐘的產(chǎn)物……把它發(fā)上來真的有點不太好意思。)

做海報一開始肯定會不知所措,大腦空空。這最主要因為是無法把自己的想法清晰地夠建出來。這個問題最關(guān)鍵的就是海報觀察的不夠多?纯磩e人做的海報,一定會對你有啟發(fā)的。

多看,多練,多思考,多創(chuàng)作。

我一直堅信,只有想不到,沒有做不到!

加油!

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
你只是個玩具罷了2018-12-05 01:41
很不錯
265G玩家2018-12-05 12:14
贊喔
東臨碣石2018-02-01 11:42
給力~_~!
誰是劉老六2017-05-28 11:20
在肯德基一邊吃早餐一邊掏出手機看股票。一個乞丐進來伸手乞討,我給他一塊雞翅后繼續(xù)看股票,乞丐啃著雞翅沒走,也在旁看著。過了一會,乞丐悄悄說:長期均線金叉,KDJ數(shù)值底部反復(fù)鈍化,MACD底背離,能量潮喇叭口擴大,這股就要漲了。 我很是驚詫問:這個你也懂? 乞丐說:不懂?!我能有今天!
誰是劉老六2017-05-28 11:20
在肯德基一邊吃早餐一邊掏出手機看股票。一個乞丐進來伸手乞討,我給他一塊雞翅后繼續(xù)看股票,乞丐啃著雞翅沒走,也在旁看著。過了一會,乞丐悄悄說:長期均線金叉,KDJ數(shù)值底部反復(fù)鈍化,MACD底背離,能量潮喇叭口擴大,這股就要漲了。 我很是驚詫問:這個你也懂? 乞丐說:不懂?!我能有今天!
斜陽下木易2017-05-28 01:05
給力

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

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