photoshop(ps)教程Urban Style都市風(fēng)格海報(bào)
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-28 12:37:13 作者:佚名
我要評(píng)論

本教程和大家分享是一幅Urban Style都市風(fēng)格海報(bào)的設(shè)計(jì)過(guò)程,詳細(xì)講述這種帶點(diǎn)非主流、頹廢和朋克的風(fēng)格的海報(bào)要怎樣完成。過(guò)程中會(huì)教大家一些快速精細(xì)摳圖、制作紋理材質(zhì)的技巧,適合Photoshop初學(xué)者快速掌握專(zhuān)業(yè)設(shè)計(jì)師使用的技巧。
Urban Style都市風(fēng)格
本教程和大家分享是一幅Urban Style都市風(fēng)格海報(bào)的設(shè)計(jì)過(guò)程,詳細(xì)講述這種帶點(diǎn)非主流、頹廢和朋克的風(fēng)格的海報(bào)要怎樣完成。過(guò)程中會(huì)教大家一些快速精細(xì)摳圖、制作紋理材質(zhì)的技巧,適合Photoshop初學(xué)者快速掌握專(zhuān)業(yè)設(shè)計(jì)師使用的技巧。
Urban Style都市風(fēng)格是一種源自上世紀(jì)90年代,在今天越演越烈的設(shè)計(jì)風(fēng)格,擁有雜亂、頹廢、非主流的設(shè)計(jì)效果,能把各種各樣的物品揉雜在一起而產(chǎn)生濃烈的視覺(jué)印象,是很多時(shí)尚雜志、海報(bào)設(shè)計(jì)愛(ài)用的風(fēng)格。本Photoshop教程就是教大家創(chuàng)作一幅頹廢的都市風(fēng)格海報(bào),過(guò)程中使用的都是大家耳熟能詳?shù)募夹g(shù),包括快速摳圖、自定義材質(zhì)等等。
先來(lái)看看最終效果:

最終效果圖
準(zhǔn)備工作:
為創(chuàng)造這幅海報(bào),我從網(wǎng)上搜集了一些照片作為素材,包括聽(tīng)歌的女孩、舊式收音機(jī)和巨型音響。你可以選擇自己喜歡的素材進(jìn)行整合,從而按照設(shè)定的主題進(jìn)行多樣化的嘗試。

素材圖片
Step 1
在動(dòng)用素材之前,我們首先要做一個(gè)簡(jiǎn)單的材質(zhì)效果,之后會(huì)需要它為素材添加效果。
新建一個(gè)800×600像素的空白文檔,按下“D”設(shè)置前景色/背景色為默認(rèn)的黑白。
新建圖層,使用濾鏡>渲染>云彩。接著用濾鏡>雜色>添加雜色,按照如下設(shè)置:數(shù)量50%,平均分布,單色。應(yīng)用添加雜色效果后,再用濾鏡>藝術(shù)效果>干畫(huà)筆,設(shè)置如下:畫(huà)筆大小2,畫(huà)筆細(xì)節(jié)8,紋理1。
按照之前的設(shè)置再進(jìn)行一次添加雜色(數(shù)量50%,平均分布,單色)。然后到濾鏡>藝術(shù)效果>繪畫(huà)涂抹,設(shè)置如下圖:畫(huà)筆大小7、銳化程度9、畫(huà)筆類(lèi)型:簡(jiǎn)單。

圖1
Step 2
現(xiàn)在使用濾鏡>畫(huà)筆描邊>噴濺,設(shè)置如下:噴色半徑20、平滑度5。之后你應(yīng)該會(huì)得到如下圖的效果。

圖2
#p#
Step 3
使用選擇>色彩范圍,從“選擇”下拉菜單中選擇“高光”,點(diǎn)OK,這樣你會(huì)看到高光區(qū)域被選擇了。我們需要按下鍵盤(pán)上的DELETE鍵刪除選區(qū)內(nèi)容,然后也把背景圖層刪除,這樣就得到了所需的材質(zhì)。保存下來(lái),等下會(huì)用到的。

圖3
Step 4
接下來(lái)需要對(duì)素材圖片進(jìn)行摳圖并保存。
你可以使用鋼筆工具進(jìn)行摳圖,如果對(duì)于摳出一些復(fù)雜的細(xì)節(jié)(例如頭發(fā)絲)感到困難的話,可以參看本文介紹的方法。
教程選擇的女孩照片上有著飛揚(yáng)的頭發(fā)絲,如果想較好的摳出這些細(xì)節(jié),可以使用通道法進(jìn)行摳圖。切換到通道面板,觀看哪個(gè)通道的人物和背景有較高的對(duì)比度。在這里,作者選擇了綠通道并復(fù)制一次,點(diǎn)選新復(fù)制的通道。

圖4
Step 5
我們的目標(biāo)是精確選取模特,因此模特應(yīng)該盡量接近黑色、背景盡量接近白色。因此我們需要把模特身上較亮的位置涂黑,包括耳機(jī)和衣服。使用鋼筆圈選這些范圍并填充黑色。

圖5
#p#
Step 6
使用Ctrl M打開(kāi)曲線窗口,按下圖拉動(dòng)兩端增加模特與背景的對(duì)比度。你可能需要重復(fù)數(shù)次才得到想要的效果,最后也可能會(huì)發(fā)現(xiàn)部分地方?jīng)]有辦法調(diào)成黑色,那么就需要手工選取該部分并填充黑色。

圖6
Step 7
當(dāng)你滿意效果后,使用Ctrl 左鍵點(diǎn)擊通道以載入選區(qū)。按Shift Ctrl I反選區(qū)域。在通道面板點(diǎn)擊RGB通道,Ctrl C復(fù)制選區(qū)內(nèi)容并復(fù)制到新建的800×600像素空白文檔上?,F(xiàn)在你成功摳出一張擁有頭發(fā)細(xì)節(jié)的模特照片了。

圖7
Step 8
我們要令模特看起來(lái)有點(diǎn)頹廢的哀傷氣息,使用Shift Ctrl U打開(kāi)色相/飽和度窗口,降低飽和度使之看起來(lái)接近黑白。按Ctrl J復(fù)制圖層一次,把新圖層的混合模式改為疊加,并用Ctrl M曲線增加對(duì)比度。

圖8
#p#
Step 9
對(duì)其他素材圖評(píng)同樣做降低飽和度處理,把他們添加上畫(huà)布,放在模特的背后,盡可能組合得漂亮一點(diǎn)。這時(shí)候可以對(duì)不同的素材進(jìn)行編組,方便之后的處理。

圖9
Step 10
接下來(lái),我們需要一張折皺的白紙作為紋理,你可以揉皺一張A4紙后重新展開(kāi),進(jìn)行掃描或者用數(shù)碼相機(jī)拍攝。當(dāng)然你也可以從網(wǎng)上找到類(lèi)似的圖片。

圖10
Step 11
把這個(gè)折皺紋理復(fù)制到我們工作畫(huà)布上,設(shè)置圖層混合模式為疊加。為使效果更好,可以對(duì)紙紋理進(jìn)行降低飽和度和增加對(duì)比度的處理。合并可見(jiàn)的圖層,然后如下圖創(chuàng)建一個(gè)粗糙的選區(qū):

圖11
Step 12
先把我們一開(kāi)始做的紋理復(fù)制到一個(gè)新的空白文檔中,把紋理的不透明度設(shè)置為15%。然后把剛才的選區(qū)內(nèi)容復(fù)制到新文檔中。
用你喜歡的顏色填充背景圖層,以使圖像從背景中分離出來(lái),這里作者使用了類(lèi)似紙袋的淡黃色。這里作者添加了兩個(gè)潦草的音符圖案,是使用畫(huà)筆隨意畫(huà)出的,之后復(fù)制到之前的折皺紙紋理上,用相同的手法“剪出”放到這個(gè)新文檔中。
不要忘記為這些圖像添加陰影,這樣看起來(lái)就是“真的”從紙上剪出來(lái)粘在背景上。

圖12
Step 13
之后作者為作品添加了一些半調(diào)圖案和潑濺筆刷作為背景,如果你并不懂得這些技巧,里面有為這作品增添效果的技巧。當(dāng)你發(fā)現(xiàn)某些影像很適合作為素材的時(shí)候,例如一些城市景觀,可以降低飽和度、增強(qiáng)飽和度,設(shè)置混合模式為疊加放上畫(huà)布,就像下面的最終效果圖:

圖13
總結(jié):
希望本教程會(huì)對(duì)大家未來(lái)的作品有所啟發(fā),其中制作紋理材質(zhì)的技巧應(yīng)該會(huì)有一定的指導(dǎo)意義。另外,制作這樣的海報(bào)作品時(shí),你會(huì)發(fā)覺(jué)不必對(duì)很多細(xì)節(jié)斤斤計(jì)較,例如頭發(fā)絲等細(xì)致部分只需用通道簡(jiǎn)單摳圖即可,這樣能大大加快你設(shè)計(jì)作品的速度。(本教程原作:Markus 翻譯:自動(dòng)對(duì)焦)
Urban Style都市風(fēng)格是一種源自上世紀(jì)90年代,在今天越演越烈的設(shè)計(jì)風(fēng)格,擁有雜亂、頹廢、非主流的設(shè)計(jì)效果,能把各種各樣的物品揉雜在一起而產(chǎn)生濃烈的視覺(jué)印象,是很多時(shí)尚雜志、海報(bào)設(shè)計(jì)愛(ài)用的風(fēng)格。本Photoshop教程就是教大家創(chuàng)作一幅頹廢的都市風(fēng)格海報(bào),過(guò)程中使用的都是大家耳熟能詳?shù)募夹g(shù),包括快速摳圖、自定義材質(zhì)等等。
先來(lái)看看最終效果:

最終效果圖
準(zhǔn)備工作:
為創(chuàng)造這幅海報(bào),我從網(wǎng)上搜集了一些照片作為素材,包括聽(tīng)歌的女孩、舊式收音機(jī)和巨型音響。你可以選擇自己喜歡的素材進(jìn)行整合,從而按照設(shè)定的主題進(jìn)行多樣化的嘗試。

素材圖片
Step 1
在動(dòng)用素材之前,我們首先要做一個(gè)簡(jiǎn)單的材質(zhì)效果,之后會(huì)需要它為素材添加效果。
新建一個(gè)800×600像素的空白文檔,按下“D”設(shè)置前景色/背景色為默認(rèn)的黑白。
新建圖層,使用濾鏡>渲染>云彩。接著用濾鏡>雜色>添加雜色,按照如下設(shè)置:數(shù)量50%,平均分布,單色。應(yīng)用添加雜色效果后,再用濾鏡>藝術(shù)效果>干畫(huà)筆,設(shè)置如下:畫(huà)筆大小2,畫(huà)筆細(xì)節(jié)8,紋理1。
按照之前的設(shè)置再進(jìn)行一次添加雜色(數(shù)量50%,平均分布,單色)。然后到濾鏡>藝術(shù)效果>繪畫(huà)涂抹,設(shè)置如下圖:畫(huà)筆大小7、銳化程度9、畫(huà)筆類(lèi)型:簡(jiǎn)單。

圖1
Step 2
現(xiàn)在使用濾鏡>畫(huà)筆描邊>噴濺,設(shè)置如下:噴色半徑20、平滑度5。之后你應(yīng)該會(huì)得到如下圖的效果。

圖2
#p#
Step 3
使用選擇>色彩范圍,從“選擇”下拉菜單中選擇“高光”,點(diǎn)OK,這樣你會(huì)看到高光區(qū)域被選擇了。我們需要按下鍵盤(pán)上的DELETE鍵刪除選區(qū)內(nèi)容,然后也把背景圖層刪除,這樣就得到了所需的材質(zhì)。保存下來(lái),等下會(huì)用到的。

圖3
Step 4
接下來(lái)需要對(duì)素材圖片進(jìn)行摳圖并保存。
你可以使用鋼筆工具進(jìn)行摳圖,如果對(duì)于摳出一些復(fù)雜的細(xì)節(jié)(例如頭發(fā)絲)感到困難的話,可以參看本文介紹的方法。
教程選擇的女孩照片上有著飛揚(yáng)的頭發(fā)絲,如果想較好的摳出這些細(xì)節(jié),可以使用通道法進(jìn)行摳圖。切換到通道面板,觀看哪個(gè)通道的人物和背景有較高的對(duì)比度。在這里,作者選擇了綠通道并復(fù)制一次,點(diǎn)選新復(fù)制的通道。

圖4
Step 5
我們的目標(biāo)是精確選取模特,因此模特應(yīng)該盡量接近黑色、背景盡量接近白色。因此我們需要把模特身上較亮的位置涂黑,包括耳機(jī)和衣服。使用鋼筆圈選這些范圍并填充黑色。

圖5
#p#
Step 6
使用Ctrl M打開(kāi)曲線窗口,按下圖拉動(dòng)兩端增加模特與背景的對(duì)比度。你可能需要重復(fù)數(shù)次才得到想要的效果,最后也可能會(huì)發(fā)現(xiàn)部分地方?jīng)]有辦法調(diào)成黑色,那么就需要手工選取該部分并填充黑色。

圖6
Step 7
當(dāng)你滿意效果后,使用Ctrl 左鍵點(diǎn)擊通道以載入選區(qū)。按Shift Ctrl I反選區(qū)域。在通道面板點(diǎn)擊RGB通道,Ctrl C復(fù)制選區(qū)內(nèi)容并復(fù)制到新建的800×600像素空白文檔上?,F(xiàn)在你成功摳出一張擁有頭發(fā)細(xì)節(jié)的模特照片了。

圖7
Step 8
我們要令模特看起來(lái)有點(diǎn)頹廢的哀傷氣息,使用Shift Ctrl U打開(kāi)色相/飽和度窗口,降低飽和度使之看起來(lái)接近黑白。按Ctrl J復(fù)制圖層一次,把新圖層的混合模式改為疊加,并用Ctrl M曲線增加對(duì)比度。

圖8
#p#
Step 9
對(duì)其他素材圖評(píng)同樣做降低飽和度處理,把他們添加上畫(huà)布,放在模特的背后,盡可能組合得漂亮一點(diǎn)。這時(shí)候可以對(duì)不同的素材進(jìn)行編組,方便之后的處理。

圖9
Step 10
接下來(lái),我們需要一張折皺的白紙作為紋理,你可以揉皺一張A4紙后重新展開(kāi),進(jìn)行掃描或者用數(shù)碼相機(jī)拍攝。當(dāng)然你也可以從網(wǎng)上找到類(lèi)似的圖片。

圖10
Step 11
把這個(gè)折皺紋理復(fù)制到我們工作畫(huà)布上,設(shè)置圖層混合模式為疊加。為使效果更好,可以對(duì)紙紋理進(jìn)行降低飽和度和增加對(duì)比度的處理。合并可見(jiàn)的圖層,然后如下圖創(chuàng)建一個(gè)粗糙的選區(qū):

圖11
Step 12
先把我們一開(kāi)始做的紋理復(fù)制到一個(gè)新的空白文檔中,把紋理的不透明度設(shè)置為15%。然后把剛才的選區(qū)內(nèi)容復(fù)制到新文檔中。
用你喜歡的顏色填充背景圖層,以使圖像從背景中分離出來(lái),這里作者使用了類(lèi)似紙袋的淡黃色。這里作者添加了兩個(gè)潦草的音符圖案,是使用畫(huà)筆隨意畫(huà)出的,之后復(fù)制到之前的折皺紙紋理上,用相同的手法“剪出”放到這個(gè)新文檔中。
不要忘記為這些圖像添加陰影,這樣看起來(lái)就是“真的”從紙上剪出來(lái)粘在背景上。

圖12
Step 13
之后作者為作品添加了一些半調(diào)圖案和潑濺筆刷作為背景,如果你并不懂得這些技巧,里面有為這作品增添效果的技巧。當(dāng)你發(fā)現(xiàn)某些影像很適合作為素材的時(shí)候,例如一些城市景觀,可以降低飽和度、增強(qiáng)飽和度,設(shè)置混合模式為疊加放上畫(huà)布,就像下面的最終效果圖:

圖13
總結(jié):
希望本教程會(huì)對(duì)大家未來(lái)的作品有所啟發(fā),其中制作紋理材質(zhì)的技巧應(yīng)該會(huì)有一定的指導(dǎo)意義。另外,制作這樣的海報(bào)作品時(shí),你會(huì)發(fā)覺(jué)不必對(duì)很多細(xì)節(jié)斤斤計(jì)較,例如頭發(fā)絲等細(xì)致部分只需用通道簡(jiǎn)單摳圖即可,這樣能大大加快你設(shè)計(jì)作品的速度。(本教程原作:Markus 翻譯:自動(dòng)對(duì)焦)
相關(guān)文章
- 取景結(jié)束后,發(fā)現(xiàn)有些照片拍廢了,比如跑焦、模糊等都是最常見(jiàn)的,我們可以通過(guò)銳化解決著個(gè)問(wèn)題,詳細(xì)請(qǐng)看下文介紹2024-01-29
ps圖片處理后期銳化功能怎么用 圖片合理進(jìn)行銳化的技巧
銳化作為一種常見(jiàn)的后期處理手段,能夠讓照片煥發(fā)新生,細(xì)節(jié)畢現(xiàn),今天,就讓我們一起走進(jìn)銳化的世界,揭秘它的原理與操作技巧2024-01-29ps如何制作冰凍效果? PS人物手部找天添加凍結(jié)效果的技巧
ps如何制作冰凍效果?在處理人物照片的時(shí)候,想要將手部照片添加結(jié)冰效果,該怎么操作呢?下面我們就來(lái)看看PS人物手部找天添加凍結(jié)效果的技巧2023-07-13如何用ps調(diào)人的膚色? PS利用CMYK數(shù)值來(lái)調(diào)人物膚色的技巧
如何用ps調(diào)人的膚色?ps處理人像的時(shí)候,想要利用cmyk調(diào)人物膚色,下面我們就來(lái)看看PS利用CMYK數(shù)值來(lái)調(diào)人物膚色的技巧2023-06-29ps圖片怎么做破碎效果 ps制作破碎照片效果詳細(xì)圖解
ps圖片怎么做破碎效果?ps圖片處理的時(shí)候,想要做邊緣破碎效果,該怎么制作呢?下面我們就來(lái)看看ps制作破碎照片效果詳細(xì)圖解2023-06-25Photoshop人物照片怎么去除法令紋? ps照片p掉法令紋的技巧
Photoshop人物照片怎么去除法令紋?ps照片精修的時(shí)候,想要去掉人物面部的法令紋,該怎么操作呢?下面我們就來(lái)看看ps照片p掉法令紋的技巧2023-03-17Photoshop怎樣讓皮膚變細(xì)膩? ps人物圖片處理讓皮膚光滑細(xì)膩的方法
Photoshop怎樣讓皮膚變細(xì)膩?ps處理人像的時(shí)候,想要讓人物皮膚更好,該怎么操作呢?下面我們就來(lái)看看ps人物圖片處理讓皮膚光滑細(xì)膩的方法2023-03-17ps如何把人物鼻子變高挺? Photoshop人像處理把鼻梁變高的技巧
ps如何把人物鼻子變高挺?人物鼻梁有點(diǎn)矮,在處理圖片的時(shí)候,想要Photoshop人像處理把鼻梁變高的技巧2023-03-17- ps修圖人像眼袋怎么弄?ps處理人物圖片的時(shí)候,想要去一下眼袋,該怎么修復(fù)眼袋呢?下面我們就來(lái)看看PS人物修圖去眼袋的技巧,詳細(xì)請(qǐng)看下文介紹2022-12-01
ps人物照片怎么添加動(dòng)感模糊效果? ps動(dòng)感模糊濾鏡的應(yīng)用技巧
ps人物照片怎么添加動(dòng)感模糊效果?ps修圖的時(shí)候,想要給人物照片添加動(dòng)感模糊效果,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看ps動(dòng)感模糊濾鏡的應(yīng)用技巧2022-06-01