ps復(fù)古風(fēng)格海報(bào)效果教程(8)
提高你的版式設(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ì),來(lái)學(xué)習(xí)吧!
創(chuàng)建復(fù)古的效果沒(méi)什么新奇的,但是模仿一張數(shù)十年前的海報(bào)時(shí),需要注意的東西就多了。我們將嘗試著做一張上世紀(jì)六十年代的拳擊海報(bào),開始吧!
素材打包:http://m.theoat.com.cn/photoshop/sucai/2016/s637780.html
說(shuō)明:海報(bào)的模特有多個(gè)選擇,挑養(yǎng)眼的就行,教程用到的字體木有打包,在電腦挑喜歡的就行。
第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)該是來(lái)自60年代的效果,它實(shí)際上不可能有我們現(xiàn)在看到的這樣陳舊,所以我們需要新建一些調(diào)整圖層來(lái)調(diào)整效果,我用了一個(gè)閾值調(diào)整。
以及顏色和飽和度調(diào)整。在你進(jìn)一步設(shè)計(jì)之前,整理下你的圖層是很有必要的。(編者注:給圖層分組,可命名為:背景)
第4步
現(xiàn)在你可以依據(jù)你最初的草圖設(shè)計(jì)來(lái)進(jìn)行海報(bào)的制作了——這會(huì)大大加快你設(shè)計(jì)的進(jìn)度,但是不要被你的草圖所束縛了。只要你突然有了一些好創(chuàng)意,你就可以在電腦上試試它們。
我找到了兩張職業(yè)拳擊手的特寫照片。你要是身材夠好,自己拍吧。
不說(shuō)身材,常年伏案工作的設(shè)計(jì)師們,學(xué)習(xí)點(diǎn)保護(hù)健康的小技巧很有好處:《果殼身體才是革命本錢!設(shè)計(jì)師應(yīng)培養(yǎng)的7大健康習(xí)慣》
在教程中,我為了便于稱呼圖層,分別給這兩個(gè)帥哥起了名字,Monroe和Kates。在60年代,那時(shí)候肯定沒(méi)有現(xiàn)在這樣的計(jì)算機(jī)啦,所以他們的海報(bào)都是手工制作的。為了向偉大的設(shè)計(jì)師們致敬,我們需要對(duì)這兩人的照片做一些處理。我們使用鋼筆工具來(lái)確定拳擊手們的輪廓,就好像這兩個(gè)人的照片是從哪兒剪下來(lái)的一樣。
第5步
將他們拖入我們的PS文件,然后縮放到合適的大小。使用閾值調(diào)整圖層來(lái)使得這兩個(gè)拳擊手的色調(diào)看起來(lái)差不多一致,它們需要相同的曝光。降低兩位拳擊手的飽和度,并將圖層的混合模式調(diào)整為正片疊底。
第6步
打開視圖菜單下的標(biāo)尺選項(xiàng)。設(shè)立橫向和縱向的參考線各兩條。我將水平方向上的參考線分別樹立在224mm和305mm處,縱向方向上的參考線放在146.6mm和147mm處。
選擇矩形工具,將它的模式設(shè)置為形狀而非路徑。將前景色設(shè)置為#e45050并按如圖所示方式繪制兩個(gè)矩形。我們不能使用飽和度太高的顏色,因?yàn)槟鞘谴蛴〔怀鰜?lái)的。將圖層的混合模式設(shè)置為正片疊底。
選擇左邊的矩形并調(diào)用自由變換工具。按住Ctrl和Shift鍵同時(shí)鼠標(biāo)點(diǎn)擊矩形右側(cè)中間的小方框并向下拖動(dòng),將矩形變形為如圖所示的樣子,對(duì)右邊的矩形進(jìn)行類似的操作。
第7 步
現(xiàn)在我們需要用這兩個(gè)矩形來(lái)遮蓋住Monroe和Kates兩人不需要的部分。選擇Kates并添加圖層蒙版。按住Ctrl鍵并在矩形的縮略圖上單擊來(lái)選中選區(qū),在Kates圖層的蒙版上填充黑色來(lái)遮蓋住這部分圖像。對(duì)另一半進(jìn)行類似的操作。
你知道,在60年代,打印技術(shù)并不是完美無(wú)缺的,所以我們也不能精準(zhǔn)的遮蓋住人像的下半部分。我們首先要解鎖人像圖層和圖層蒙版的鏈接,并且稍微移動(dòng)下兩個(gè)圖層蒙版所處的位置。
第8步
現(xiàn)在可以開始添加文字了。大寫字母在那時(shí)候非常流行,甚至是被過(guò)度使用。它們可以使得畫面看起來(lái)整潔,并且比小寫字母更加醒目,能更好的貼合拳擊運(yùn)動(dòng)的海報(bào)主題。
按照下圖所示的內(nèi)容打上文字(worm = 蠕蟲),你也可以把名字替換成你自己的。我是用了BentonSans字體,名字應(yīng)該要比姓的大小要小,按照如圖所示。
使用相同字體并且使用字符間距較小的“壓縮”版本來(lái)使得姓更加醒目。將字體大小調(diào)整到原來(lái)的2.5倍。
將文字的傾斜角度與矩形相匹配,10.1度差不多足夠。注意60年代的印刷技術(shù)不會(huì)像我們今天使用電腦做出的這般精確,所以我們?cè)谧址s進(jìn)那兒修改參數(shù)為20,形成一種字符間距不一的效果。
右半部分重復(fù)同樣的操作過(guò)程。做個(gè)比較:我在這兒使用的名字的文字大小是44.31,姓的文字大小是101.53,頭銜的文字大小是32.37。
第9步
現(xiàn)在我們來(lái)做一個(gè)小VS。使用橢圓工具來(lái)創(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)志)來(lái)說(shuō)明這場(chǎng)比賽是沒(méi)有現(xiàn)場(chǎng)轉(zhuǎn)播的。所以創(chuàng)建一個(gè)黑色的圖形(顏色代碼是#0b0c0c,并不是完全的黑色)并且在上面印上文字。將黑色的圖形的圖層混合模式修改為正片疊底。注意輸入的字必須是等寬的。
第11步
在圖像的最上方再繪制一個(gè)矩形并將圖層混合模式設(shè)置為正片疊底。
在圖像下方繪制一個(gè)矩形并將圖層混合模式設(shè)置為正片疊底。現(xiàn)在為你新創(chuàng)建的所有矩形圖層都創(chuàng)建圖層蒙版。
第12步
選擇紙張圖層并且選擇魔棒工具來(lái)選中所有的紙張周圍的白色部分。
然后在四個(gè)圖層蒙版上分別用純黑填充。
注意下Monroe有一部分露在了紙張外面,所以這部分也必須清除。
第13步
現(xiàn)在開始創(chuàng)建標(biāo)題文字。海報(bào)通常會(huì)使用一些夸大其詞的句子來(lái)吸引人們的眼球,就像什么“決戰(zhàn)紫禁之巔”一樣。
我們就用剛才用過(guò)的Benton字體來(lái)做所有的標(biāo)題文字吧。
為了加強(qiáng)你的字體,試著嘗試給文字圖層添加描邊的圖層效果。這會(huì)柔化邊緣并且增加可讀性,不過(guò)我可沒(méi)有說(shuō)你可以對(duì)所有的文字都采用這種處理方法。
第14步
當(dāng)設(shè)計(jì)字體的時(shí)候,不要害怕對(duì)字體做出 調(diào)整來(lái)滿足你的需要。我還在使用Benton字體(BentonSansCond Black用于Fracas和Caracas,BentonSansExtraComp Bold用于The和In),但是我增加了字體在豎直方向上的長(zhǎng)度。
想找到高質(zhì)量的字體?來(lái)這里挖掘!《字體排行榜!2014年最受歡迎的35款字體素材免費(fèi)下載》
我們不能增加這幅海報(bào)的寬度,更加能使字母重疊,因此為了有效的利用有限的空間,我將文字的高度調(diào)升至原來(lái)的116%。我將所有的冠詞和介詞文字縮小并做了一些抬升,使它們介于重要的單詞之間,我還將人像的位置略微下移了一些。不要害怕對(duì)元素進(jìn)行微調(diào),你需要的是使整體和諧美觀。
(編者注:這方面同學(xué)們可以自行調(diào)整到合適就好)
第15步
創(chuàng)建一個(gè)叫做“票務(wù)信息”的組。設(shè)置兩條豎直方向上的參考線來(lái)限定區(qū)域的邊界。
現(xiàn)在來(lái)增加一些文字。在這個(gè)區(qū)域還要添加日程信息。你需要按重要性來(lái)安排組織這塊的信息。我準(zhǔn)備優(yōu)先考慮日程和場(chǎng)所。
創(chuàng)建兩條水平參考線,使得你的字體能夠有一個(gè)可供參考的邊界。在輸入日期的時(shí)候,盡量把每個(gè)部分至于單獨(dú)的圖層來(lái)最大限度地進(jìn)行調(diào)節(jié)。下圖就是一個(gè)設(shè)計(jì)實(shí)例。使用直線工具來(lái)在日期的旁邊創(chuàng)建一條寬14像素的豎線。
現(xiàn)在這個(gè)區(qū)域的字體顯得有些過(guò)于莊重了,為了多樣化,使用一種更加自然的字體,我在這里使用的是Bello的手寫字體。
有更多可能的方式來(lái)避免這個(gè)區(qū)域的單調(diào)化。使用不同磅數(shù)的字體和豎直分割線進(jìn)行版式設(shè)計(jì),重要的部分可以利用加粗和大磅數(shù)使得它們更加顯著。你可以多花點(diǎn)時(shí)間在這塊區(qū)域的布局上,不過(guò)現(xiàn)在這樣也應(yīng)該算是可以了。
第16步
現(xiàn)在每一個(gè)元素都算是制作完畢了,將圖片縮放小來(lái)觀察一下整體的結(jié)構(gòu)。將所有的圖層并柵欄化,并通過(guò)圖層>圖層蒙版>應(yīng)用命令將所有的圖層蒙版應(yīng)用于圖層。
第17步
隨著設(shè)計(jì)的完成,我們就要開始做舊了。選擇所有的黑色的圖層并且將他們合并為一個(gè)圖層,命名為“黑色文本”,對(duì)剩下的所有白色的圖層采用同樣的操作。
對(duì)所有的紅色圖層,也是一樣。
現(xiàn)在所有的圖層應(yīng)該是如圖所示的這樣。
第18步
對(duì)“紅色文本”、“白色文本”和“黑色文本”圖層應(yīng)用4像素半徑的高斯濾鏡。
然后使用一個(gè)智能銳化效果。這種處理可以軟化文本邊緣,并且使得看起來(lái)有油墨的效果。你還需要將“紅色文本”圖層的顏色改回#e45050,因?yàn)殇J化操作會(huì)改變顏色。
第19步
隱藏“白色文本”圖層。然后按住Ctrl并單擊該圖層的縮略圖來(lái)創(chuàng)建選區(qū),選擇“黑色文本”圖層然后按delete,“紅色形狀”圖層亦然。
選擇“紅色形狀”并且添加一個(gè)4像素的高斯模糊效果使它呈毛茸茸的效果。然后如下所示調(diào)用一個(gè)智能銳化濾鏡。
調(diào)用第二個(gè)智能銳化濾鏡并使用一個(gè)大得多的半徑,這樣給人一種感覺(jué),油墨在圖案的邊緣凝結(jié)了。
第21步
選中除了背景圖層組之外所有的圖層,合并所有圖層并將合并出的圖層的混合模式設(shè)置為正片疊底,選中背景圖層組并合并圖層。
現(xiàn)在你可以用你喜歡的方式來(lái)做舊這張圖片了。我是用了Mr Retro Machine Wash Filter中的塵土設(shè)定。我同時(shí)還增加了圖片的亮度,并減少了一點(diǎn)飽和度。
(本來(lái)這個(gè)插件應(yīng)該躺在微盤的素材包里,不過(guò)它身價(jià)太高,99,還是美元..另附上一個(gè)復(fù)古風(fēng)格動(dòng)作,效果勉強(qiáng),見諒)
最后效果
最后是最終的圖像。我希望你能夠喜歡這個(gè)教程。