編者按：提高你的版式設(shè)計(jì)能力！很多大學(xué)生童鞋經(jīng)常要給社團(tuán)制作海報(bào)，卻苦于會(huì)軟件不會(huì)設(shè)計(jì)，今天的教程剛好，高難度操作少，基礎(chǔ)知識(shí)多，作者還教你如何突出主要信息、提高設(shè)計(jì)感、塑造復(fù)古風(fēng)格等等，30分鐘教你完成一張高水準(zhǔn)設(shè)計(jì)，來學(xué)習(xí)吧！

創(chuàng)建復(fù)古的效果沒什么新奇的，但是模仿一張數(shù)十年前的海報(bào)時(shí)，需要注意的東西就多了。我們將嘗試著做一張上世紀(jì)六十年代的拳擊海報(bào)，開始吧！

素材打包 微盤下載

說明：海報(bào)的模特有多個(gè)選擇，挑養(yǎng)眼的就行，教程用到的字體木有打包，在電腦挑喜歡的就行。

或者也可以來這里挑些高質(zhì)量的：《字體排行榜！2014年最受歡迎的35款字體素材免費(fèi)下載》

第1步

在任何設(shè)計(jì)的最初，你都應(yīng)該先考慮如何傳達(dá)出你的信息。

我們選用了A3紙張的海報(bào)模式，記?。寒?dāng)你在設(shè)計(jì)海報(bào)或者是別的什么用于打印的東西是，一定要留有出血位，范圍大概是3至5毫米。

你最好在開始工作之前，先在手稿上繪制海報(bào)草圖。雖然電腦可以幫助你不受約束地嘗試各種可能的方案，但是它并不能幫助你找到合適的解決方式，也不能幫助你形成整體的思路。

第2步

對(duì)于這樣風(fēng)格的海報(bào)，我們需要一張舊紙張的素材。找一個(gè)你喜歡的，或者直接用我們給你提供的素材。將文件導(dǎo)入PS并且將它縮放至合適大小。

第3步

紙張應(yīng)該是來自60年代的效果，它實(shí)際上不可能有我們現(xiàn)在看到的這樣陳舊，所以我們需要新建一些調(diào)整圖層來調(diào)整效果，我用了一個(gè)閾值調(diào)整。

以及顏色和飽和度調(diào)整。在你進(jìn)一步設(shè)計(jì)之前，整理下你的圖層是很有必要的。（編者注：給圖層分組，可命名為：背景）

第4步

現(xiàn)在你可以依據(jù)你最初的草圖設(shè)計(jì)來進(jìn)行海報(bào)的制作了——這會(huì)大大加快你設(shè)計(jì)的進(jìn)度，但是不要被你的草圖所束縛了。只要你突然有了一些好創(chuàng)意，你就可以在電腦上試試它們。

我找到了兩張職業(yè)拳擊手的特寫照片。你要是身材夠好，自己拍吧。

不說身材，常年伏案工作的設(shè)計(jì)師們，學(xué)習(xí)點(diǎn)保護(hù)健康的小技巧很有好處：《果殼身體才是革命本錢！設(shè)計(jì)師應(yīng)培養(yǎng)的7大健康習(xí)慣》

在教程中，我為了便于稱呼圖層，分別給這兩個(gè)帥哥起了名字，Monroe和Kates。在60年代，那時(shí)候肯定沒有現(xiàn)在這樣的計(jì)算機(jī)啦，所以他們的海報(bào)都是手工制作的。為了向偉大的設(shè)計(jì)師們致敬，我們需要對(duì)這兩人的照片做一些處理。我們使用鋼筆工具來確定拳擊手們的輪廓，就好像這兩個(gè)人的照片是從哪兒剪下來的一樣。

第5步

將他們拖入我們的PS文件，然后縮放到合適的大小。使用閾值調(diào)整圖層來使得這兩個(gè)拳擊手的色調(diào)看起來差不多一致，它們需要相同的曝光。降低兩位拳擊手的飽和度，并將圖層的混合模式調(diào)整為正片疊底。

第6步

打開視圖菜單下的標(biāo)尺選項(xiàng)。設(shè)立橫向和縱向的參考線各兩條。我將水平方向上的參考線分別樹立在224mm和305mm處，縱向方向上的參考線放在146.6mm和147mm處。

選擇矩形工具，將它的模式設(shè)置為形狀而非路徑。將前景色設(shè)置為#e45050并按如圖所示方式繪制兩個(gè)矩形。我們不能使用飽和度太高的顏色，因?yàn)槟鞘谴蛴〔怀鰜淼摹D層的混合模式設(shè)置為正片疊底。

選擇左邊的矩形并調(diào)用自由變換工具。按住Ctrl和Shift鍵同時(shí)鼠標(biāo)點(diǎn)擊矩形右側(cè)中間的小方框并向下拖動(dòng)，將矩形變形為如圖所示的樣子，對(duì)右邊的矩形進(jìn)行類似的操作。

第7 步

現(xiàn)在我們需要用這兩個(gè)矩形來遮蓋住Monroe和Kates兩人不需要的部分。選擇Kates并添加圖層蒙版。按住Ctrl鍵并在矩形的縮略圖上單擊來選中選區(qū)，在Kates圖層的蒙版上填充黑色來遮蓋住這部分圖像。對(duì)另一半進(jìn)行類似的操作。

你知道，在60年代，打印技術(shù)并不是完美無缺的，所以我們也不能精準(zhǔn)的遮蓋住人像的下半部分。我們首先要解鎖人像圖層和圖層蒙版的鏈接，并且稍微移動(dòng)下兩個(gè)圖層蒙版所處的位置。

第8步

現(xiàn)在可以開始添加文字了。大寫字母在那時(shí)候非常流行，甚至是被過度使用。它們可以使得畫面看起來整潔，并且比小寫字母更加醒目，能更好的貼合拳擊運(yùn)動(dòng)的海報(bào)主題。

按照下圖所示的內(nèi)容打上文字（worm = 蠕蟲），你也可以把名字替換成你自己的。我是用了BentonSans字體，名字應(yīng)該要比姓的大小要小，按照如圖所示。

使用相同字體并且使用字符間距較小的“壓縮”版本來使得姓更加醒目。將字體大小調(diào)整到原來的2.5倍。

將文字的傾斜角度與矩形相匹配，10.1度差不多足夠。注意60年代的印刷技術(shù)不會(huì)像我們今天使用電腦做出的這般精確，所以我們?cè)谧址s進(jìn)那兒修改參數(shù)為20，形成一種字符間距不一的效果。

右半部分重復(fù)同樣的操作過程。做個(gè)比較：我在這兒使用的名字的文字大小是44.31，姓的文字大小是101.53，頭銜的文字大小是32.37。

第9步

現(xiàn)在我們來做一個(gè)小VS。使用橢圓工具來創(chuàng)建一個(gè)著了色的圓形。按住Ctrl并在圖層的縮略圖上單擊創(chuàng)建選區(qū)，并采用選擇>調(diào)整>擴(kuò)展命令，將選區(qū)擴(kuò)展20像素。

選擇你的某個(gè)矩形的圖層蒙版并且在選區(qū)內(nèi)填充黑色，對(duì)另一個(gè)矩形的圖層蒙版重復(fù)相同操作。

第10步

在60年代，人們要做一個(gè)Hallmark（現(xiàn)場(chǎng)標(biāo)志）來說明這場(chǎng)比賽是沒有現(xiàn)場(chǎng)轉(zhuǎn)播的。所以創(chuàng)建一個(gè)黑色的圖形（顏色代碼是#0b0c0c，并不是完全的黑色）并且在上面印上文字。將黑色的圖形的圖層混合模式修改為正片疊底。注意輸入的字必須是等寬的。

第11步

在圖像的最上方再繪制一個(gè)矩形并將圖層混合模式設(shè)置為正片疊底。

在圖像下方繪制一個(gè)矩形并將圖層混合模式設(shè)置為正片疊底?，F(xiàn)在為你新創(chuàng)建的所有矩形圖層都創(chuàng)建圖層蒙版。

第12步

選擇紙張圖層并且選擇魔棒工具來選中所有的紙張周圍的白色部分。

然后在四個(gè)圖層蒙版上分別用純黑填充。

注意下Monroe有一部分露在了紙張外面，所以這部分也必須清除。

第13步

現(xiàn)在開始創(chuàng)建標(biāo)題文字。海報(bào)通常會(huì)使用一些夸大其詞的句子來吸引人們的眼球，就像什么“決戰(zhàn)紫禁之巔”一樣。

我們就用剛才用過的Benton字體來做所有的標(biāo)題文字吧。

為了加強(qiáng)你的字體，試著嘗試給文字圖層添加描邊的圖層效果。這會(huì)柔化邊緣并且增加可讀性，不過我可沒有說你可以對(duì)所有的文字都采用這種處理方法。

第14步

當(dāng)設(shè)計(jì)字體的時(shí)候，不要害怕對(duì)字體做出 調(diào)整來滿足你的需要。我還在使用Benton字體（BentonSansCond Black用于Fracas和Caracas，BentonSansExtraComp Bold用于The和In），但是我增加了字體在豎直方向上的長(zhǎng)度。

想找到高質(zhì)量的字體？來這里挖掘！《字體排行榜！2014年最受歡迎的35款字體素材免費(fèi)下載》

我們不能增加這幅海報(bào)的寬度，更加能使字母重疊，因此為了有效的利用有限的空間，我將文字的高度調(diào)升至原來的116%。我將所有的冠詞和介詞文字縮小并做了一些抬升，使它們介于重要的單詞之間，我還將人像的位置略微下移了一些。不要害怕對(duì)元素進(jìn)行微調(diào)，你需要的是使整體和諧美觀。

（編者注：這方面同學(xué)們可以自行調(diào)整到合適就好）

第15步

創(chuàng)建一個(gè)叫做“票務(wù)信息”的組。設(shè)置兩條豎直方向上的參考線來限定區(qū)域的邊界。

現(xiàn)在來增加一些文字。在這個(gè)區(qū)域還要添加日程信息。你需要按重要性來安排組織這塊的信息。我準(zhǔn)備優(yōu)先考慮日程和場(chǎng)所。

創(chuàng)建兩條水平參考線，使得你的字體能夠有一個(gè)可供參考的邊界。在輸入日期的時(shí)候，盡量把每個(gè)部分至于單獨(dú)的圖層來最大限度地進(jìn)行調(diào)節(jié)。下圖就是一個(gè)設(shè)計(jì)實(shí)例。使用直線工具來在日期的旁邊創(chuàng)建一條寬14像素的豎線。

現(xiàn)在這個(gè)區(qū)域的字體顯得有些過于莊重了，為了多樣化，使用一種更加自然的字體，我在這里使用的是Bello的手寫字體。

有更多可能的方式來避免這個(gè)區(qū)域的單調(diào)化。使用不同磅數(shù)的字體和豎直分割線進(jìn)行版式設(shè)計(jì)，重要的部分可以利用加粗和大磅數(shù)使得它們更加顯著。你可以多花點(diǎn)時(shí)間在這塊區(qū)域的布局上，不過現(xiàn)在這樣也應(yīng)該算是可以了。

第16步

現(xiàn)在每一個(gè)元素都算是制作完畢了，將圖片縮放小來觀察一下整體的結(jié)構(gòu)。將所有的圖層并柵欄化，并通過圖層>圖層蒙版>應(yīng)用命令將所有的圖層蒙版應(yīng)用于圖層。

第17步

隨著設(shè)計(jì)的完成，我們就要開始做舊了。選擇所有的黑色的圖層并且將他們合并為一個(gè)圖層，命名為“黑色文本”，對(duì)剩下的所有白色的圖層采用同樣的操作。

對(duì)所有的紅色圖層，也是一樣。

現(xiàn)在所有的圖層應(yīng)該是如圖所示的這樣。

第18步

對(duì)“紅色文本”、“白色文本”和“黑色文本”圖層應(yīng)用4像素半徑的高斯濾鏡。

然后使用一個(gè)智能銳化效果。這種處理可以軟化文本邊緣，并且使得看起來有油墨的效果。你還需要將“紅色文本”圖層的顏色改回#e45050，因?yàn)殇J化操作會(huì)改變顏色。

第19步

隱藏“白色文本”圖層。然后按住Ctrl并單擊該圖層的縮略圖來創(chuàng)建選區(qū)，選擇“黑色文本”圖層然后按delete，“紅色形狀”圖層亦然。

第20步

選擇“紅色形狀”并且添加一個(gè)4像素的高斯模糊效果使它呈毛茸茸的效果。然后如下所示調(diào)用一個(gè)智能銳化濾鏡。

調(diào)用第二個(gè)智能銳化濾鏡并使用一個(gè)大得多的半徑，這樣給人一種感覺，油墨在圖案的邊緣凝結(jié)了。

第21步

選中除了背景圖層組之外所有的圖層，合并所有圖層并將合并出的圖層的混合模式設(shè)置為正片疊底，選中背景圖層組并合并圖層。

現(xiàn)在你可以用你喜歡的方式來做舊這張圖片了。我是用了Mr Retro Machine Wash Filter中的塵土設(shè)定。我同時(shí)還增加了圖片的亮度，并減少了一點(diǎn)飽和度。

（本來這個(gè)插件應(yīng)該躺在微盤的素材包里，不過它身價(jià)太高，99，還是美元..另附上一個(gè)復(fù)古風(fēng)格動(dòng)作，效果勉強(qiáng)，見諒）

最后效果

最后是最終的圖像。我希望你能夠喜歡這個(gè)教程。

復(fù)古海報(bào)教程合集！

俏皮而大膽的海報(bào)，老頑童版的教程！
《AI教程！教你用ILLUSTRATOR設(shè)計(jì)俏皮大膽的瘋狂復(fù)古海報(bào)》

簡(jiǎn)潔大氣的復(fù)古海報(bào)教程！
《PS教程！教你創(chuàng)建幾何圖案的復(fù)古懷舊海報(bào)》

新手能輕松學(xué)會(huì)的復(fù)古海報(bào)教程！
《新手教程！教你利用PS制作一個(gè)復(fù)古風(fēng)格的行星景觀海報(bào)》

原文地址：design.tutsplus
譯文地址：shejipai
譯者：小溫

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量83萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：