PS海報教程！教你創建復古風格的拳擊海報

編者按：提高你的版式設計能力！很多大學生童鞋經常要給社團制作海報，卻苦于會軟件不會設計，今天的教程剛好，高難度操作少，基礎知識多，作者還教你如何突出主要信息、提高設計感、塑造復古風格等等，30分鐘教你完成一張高水準設計，來學習吧！

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

素材打包 微盤下載

說明：海報的模特有多個選擇，挑養眼的就行，教程用到的字體木有打包，在電腦挑喜歡的就行。

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

第1步

在任何設計的最初，你都應該先考慮如何傳達出你的信息。

我們選用了A3紙張的海報模式，記住：當你在設計海報或者是別的什么用于打印的東西是，一定要留有出血位，范圍大概是3至5毫米。

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

第2步

對于這樣風格的海報，我們需要一張舊紙張的素材。找一個你喜歡的，或者直接用我們給你提供的素材。將文件導入PS并且將它縮放至合適大小。

第3步

紙張應該是來自60年代的效果，它實際上不可能有我們現在看到的這樣陳舊，所以我們需要新建一些調整圖層來調整效果，我用了一個閾值調整。

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

第4步

現在你可以依據你最初的草圖設計來進行海報的制作了——這會大大加快你設計的進度，但是不要被你的草圖所束縛了。只要你突然有了一些好創意，你就可以在電腦上試試它們。

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

不說身材，常年伏案工作的設計師們，學習點保護健康的小技巧很有好處：《果殼身體才是革命本錢！設計師應培養的7大健康習慣》

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

第5步

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

第6步

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

選擇矩形工具，將它的模式設置為形狀而非路徑。將前景色設置為#e45050并按如圖所示方式繪制兩個矩形。我們不能使用飽和度太高的顏色，因為那是打印不出來的。將圖層的混合模式設置為正片疊底。

選擇左邊的矩形并調用自由變換工具。按住Ctrl和Shift鍵同時鼠標點擊矩形右側中間的小方框并向下拖動，將矩形變形為如圖所示的樣子，對右邊的矩形進行類似的操作。

第7 步

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

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

第8步

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

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

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

將文字的傾斜角度與矩形相匹配，10.1度差不多足夠。注意60年代的印刷技術不會像我們今天使用電腦做出的這般精確，所以我們在字符縮進那兒修改參數為20，形成一種字符間距不一的效果。

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

第9步

現在我們來做一個小VS。使用橢圓工具來創建一個著了色的圓形。按住Ctrl并在圖層的縮略圖上單擊創建選區，并采用選擇>調整>擴展命令，將選區擴展20像素。

選擇你的某個矩形的圖層蒙版并且在選區內填充黑色，對另一個矩形的圖層蒙版重復相同操作。

第10步

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

第11步

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

在圖像下方繪制一個矩形并將圖層混合模式設置為正片疊底。現在為你新創建的所有矩形圖層都創建圖層蒙版。

第12步

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

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

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

第13步

現在開始創建標題文字。海報通常會使用一些夸大其詞的句子來吸引人們的眼球，就像什么“決戰紫禁之巔”一樣。

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

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

第14步

當設計字體的時候，不要害怕對字體做出 調整來滿足你的需要。我還在使用Benton字體（BentonSansCond Black用于Fracas和Caracas，BentonSansExtraComp Bold用于The和In），但是我增加了字體在豎直方向上的長度。

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

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

（編者注：這方面同學們可以自行調整到合適就好）

第15步

創建一個叫做“票務信息”的組。設置兩條豎直方向上的參考線來限定區域的邊界。

現在來增加一些文字。在這個區域還要添加日程信息。你需要按重要性來安排組織這塊的信息。我準備優先考慮日程和場所。

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

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

有更多可能的方式來避免這個區域的單調化。使用不同磅數的字體和豎直分割線進行版式設計，重要的部分可以利用加粗和大磅數使得它們更加顯著。你可以多花點時間在這塊區域的布局上，不過現在這樣也應該算是可以了。

第16步

現在每一個元素都算是制作完畢了，將圖片縮放小來觀察一下整體的結構。將所有的圖層并柵欄化，并通過圖層>圖層蒙版>應用命令將所有的圖層蒙版應用于圖層。

第17步

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

對所有的紅色圖層，也是一樣。

現在所有的圖層應該是如圖所示的這樣。

第18步

對“紅色文本”、“白色文本”和“黑色文本”圖層應用4像素半徑的高斯濾鏡。

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

第19步

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

第20步

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

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

第21步

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

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

（本來這個插件應該躺在微盤的素材包里，不過它身價太高，99，還是美元..另附上一個復古風格動作，效果勉強，見諒）

最后效果

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

復古海報教程合集！

俏皮而大膽的海報，老頑童版的教程！
《AI教程！教你用ILLUSTRATOR設計俏皮大膽的瘋狂復古海報》

簡潔大氣的復古海報教程！
《PS教程！教你創建幾何圖案的復古懷舊海報》

新手能輕松學會的復古海報教程！
《新手教程！教你利用PS制作一個復古風格的行星景觀海報》

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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