當(dāng)前位置:首頁>ps培訓(xùn)教程>ps照片處理>懷舊風(fēng)格>教程內(nèi)容

ps cc做殘舊撲克牌效果(4)

來源:站酷 作者:UIdesign飛屋睿 學(xué)習(xí):7567人次

當(dāng)大家在考慮為某個元素增加“GRUNGE”這種效果時(shí),會思考究竟怎樣才能使它看上去“GRUNGE”,也就是如何使得我們的設(shè)計(jì)變得“更顯得頹廢、陳舊、邋遢”。這和我們小時(shí)候把牛仔褲用剪刀刺破幾個洞,再磨出迷人的毛邊是一個道理。它類似于一種反美感的玩法,也傾向于將物體變得更寫實(shí)。
教程素材鏈接:http://pan.baidu.com/s/1o67HL8I 密碼:4g9a

今天我們將制作一張GRUNGE風(fēng)格的撲克牌,這是它最終出爐的形象。

ps cc做殘舊撲克牌效果

一、設(shè)計(jì)準(zhǔn)備

1、PHOTOSHOP

2、GRUNGE畫筆

二、牌身的畫法

1、打開PS,新建一個W:40px;H:480px的文件。在新文件上,畫上一個類似牌面的圓角矩形。標(biāo)準(zhǔn)撲克牌身的長寬比是1.4:1,我在此設(shè)置牌面尺寸為H:423px;W:306px,圓角角度為20px。填充棕色。

ps cc做殘舊撲克牌效果

2、復(fù)制棕色牌面,然后將復(fù)制的牌面換個溫柔的米色,選中米色牌面,讓它左移一個像素,上移一個像素,它的右側(cè)和底部就略微透露出了一像素的棕色底,這樣讓它看上去更精致,也更寫實(shí)。

ps cc做殘舊撲克牌效果

3、我們將對米色牌面設(shè)置“鎖定透明像素”,鎖定透明像素的作用是當(dāng)我們編輯該圖層時(shí),只能對圖層的非透明像素施以效果,該圖層的透明像素就處于不可編輯的狀態(tài)。這時(shí),我們選中米色牌面圖層,點(diǎn)擊圖層上方的“鎖定”欄的第一個按鈕,即為鎖定透明像素。

ps cc做殘舊撲克牌效果

你在這時(shí)也許會問為什么要對它鎖定透明像素,我給出的理由就是這是個即將被“GRUNGE”的圖層,你會對他涂涂寫寫亂撕亂畫,簡單來說就是無惡不作,難免會讓它的某些部位裸露出透明像素,它的下層是棕色牌面,如果透明像素被編輯,那么棕色牌面將被覆蓋。而我們本來就希望它能在自然“磨損”后露出棕色牌面。

設(shè)計(jì)時(shí),這樣的思考應(yīng)該無時(shí)無刻出現(xiàn),而你也要在學(xué)習(xí)中對每一種操作加以自由聯(lián)想,讓它成為你自己的知識儲備。當(dāng)然我的運(yùn)用不一定有道理,大家可以批判地對待之。也許你也有更好的方式。

二、添加GRUNGE效果

接下來我們將進(jìn)入重點(diǎn):添加GRUNGE效果。

1、通過濾鏡添加GRUNGE

選中米色牌面圖層,將前景色和背景色分別設(shè)置為兩種米色,前景色偏淺,類似米色牌面的顏色,背景色設(shè)置為稍微偏深的米色。這樣做的目的為了接下來施以濾鏡云彩效果。

這時(shí),打開濾鏡>渲染>云彩,牌面出現(xiàn)了下面的變化。是不是看上去沒那么“新”了?云彩是帶著一種自然的從前景色到背景色的隨機(jī)過渡。

ps cc做殘舊撲克牌效果

2、運(yùn)用雜色增加紋理

為了讓這一基本的“廢舊”感更為寫實(shí),我們繼續(xù)使用“雜色”命令,在濾鏡>雜色>添加雜色里增加顆粒,總數(shù)為2,并點(diǎn)選高斯模糊和單色。這就為牌面增加了紋理,使得表面不那么平滑。但是如果你覺得顆粒有點(diǎn)過多的話,可以降低雜色顆粒總數(shù)。

這時(shí)選擇濾鏡>模糊>高斯模糊,模糊的像素設(shè)置為2,這一步也是必不可少的哦。它會使整體效果融合得更自然。

ps cc做殘舊撲克牌效果

3、圖層樣式帶來的擬物效果

讓我們開始為牌面增添一點(diǎn)擬物的效果,運(yùn)用擬物效果總是不會忘記“圖層樣式”。打開圖層樣式中的“內(nèi)發(fā)光”和“陰影”面板,設(shè)置數(shù)值可以參考如下:

ps cc做殘舊撲克牌效果

ps cc做殘舊撲克牌效果

ps cc做殘舊撲克牌效果

擬物效果做出之后,我們也應(yīng)該繼續(xù)思考這樣的問題:為什么要運(yùn)用這兩個圖層樣式。內(nèi)發(fā)光的面部中,我們使用的是黑色顏色加深的疊加模式,疊加后使得牌面邊緣加深,使邊緣磨損更“臟”,而投影的增加讓它繼續(xù)逼真了。由此,我們猜想一下,在設(shè)計(jì)中當(dāng)我們想要試圖讓某物更逼真的方式,就是添加陰影,然后增加高光。對吧?等今后實(shí)踐來驗(yàn)證。

插播一段:

PS基礎(chǔ)學(xué)習(xí)時(shí)往往都會分別詳解疊加模式,而我們不必對每種模式加以死記,而應(yīng)該在實(shí)踐中不斷去嘗試各種模式,然后讓它運(yùn)用更為自由。

4、污跡的制作

我們不希望看到我們的白色襯衫上的污跡,但是GRUNGE就是要在你不斷被折磨的牌面上增加污跡,讓它不僅破舊還要邋遢。(絕對是暗黑的口味啊~)

新建一個圖層,降低它的填充度為20%,然后右擊該圖層,創(chuàng)建為剪貼蒙版。選用70px的基本畫筆,硬度為0,模式設(shè)置為顏色加深,透明度為30%,前景色為黑色,然后在牌面上開始制作出你想要的“污跡”。

這是我做出的污跡,你也可以隨心所欲,目的是讓它看上去邋遢得自然。

ps cc做殘舊撲克牌效果

 

5、邊緣的磨損

這張撲克牌看上去又臟又舊了,但我認(rèn)為還是不夠,它的污跡大部分都是黑色,能不能給它一點(diǎn)白色污跡呢?

新建一個圖層,創(chuàng)建為剪切蒙版,選用60px大小的粉筆筆頭的畫筆,模式為正常,而透明度保持30%,前景色變?yōu)榘咨。這時(shí)開始對牌面尤其是它的四個角增加磨損。

這時(shí)需要注意的是為了讓筆頭下筆更自然,我們需要根據(jù)不同的方向調(diào)整筆頭的方向。操作方法是進(jìn)入窗口>畫筆,在畫筆預(yù)設(shè)中對畫筆的角度進(jìn)行調(diào)整。

ps cc做殘舊撲克牌效果

做好四個邊角的磨損后,再微微對邊緣也施以磨損。我做出的效果如下圖:

ps cc做殘舊撲克牌效果

6、增加高光

牌面的磨損讓它暗淡了很多,雖然我們的確是想要這樣的效果,但是現(xiàn)實(shí)中我們還是會看到牌面中間會顯得更“新”,因?yàn)樗容^不會被用到。這時(shí)我們可以為它施以一定的高光。

新建一個圖層,創(chuàng)建為剪貼蒙版,選擇漸變工具,漸變色設(shè)置為白色到透明的過渡,圓形漸變。然后將漸變從牌面中心(白)過渡到邊緣(透明),這時(shí)中心會出現(xiàn)一個大而軟的白色圓形。將該圖層混合模式調(diào)整為“變亮”,填充度降低為65%。它看上去是不是層次豐富了?

ps cc做殘舊撲克牌效果

7、畫筆GRUNGE的修飾

一張破舊的撲克牌,它現(xiàn)在也許還不夠舊,那么我們繼續(xù)為它增加GRUNGE效果。這時(shí),我要用到的是我畫筆庫里的一種叫做GRUNGE的畫筆,在準(zhǔn)備工作中我們已經(jīng)安裝好了。

新建一個圖層,創(chuàng)建為剪貼蒙版,選擇GRUNGE畫筆,前景色設(shè)置為深棕色,透明度保持30%。將圖層模式調(diào)整為顏色加深,透明度降低為60%。

這時(shí),我們就完成了一張破舊布滿污跡的牌面。顯然,這時(shí)還缺少圖案。

ps cc做殘舊撲克牌效果

三、牌面圖案

等到我們的牌面已經(jīng)足夠“磨損”了,接下來就開始為牌面添加圖案,新建一個文檔,畫上牌面的圖案。你也可以增加你喜歡的牌面。

ps cc做殘舊撲克牌效果

看上去牌面圖案也顯得太完美了,那么還是讓我們來做一點(diǎn)破壞吧!降低圖案圖層的填充度為75%,為它增加蒙版。選用潑濺畫筆(系統(tǒng)預(yù)設(shè)內(nèi)可以追加),透明度設(shè)置為30%,前景色設(shè)置為黑色,在蒙版上對圖案進(jìn)行修飾涂抹。

我的設(shè)計(jì)完成效果如下:

ps cc做殘舊撲克牌效果

再讓我為它配上相稱的背景色吧~

ps cc做殘舊撲克牌效果

結(jié)語:

現(xiàn)在有同學(xué)發(fā)言問,究竟它如何運(yùn)用呢?當(dāng)你在做網(wǎng)頁里紙類的卡片式設(shè)計(jì)時(shí),是不是也可以考慮一下這類磨損。當(dāng)你想要讓你的網(wǎng)頁變得頹廢邋遢個性鮮明的話;蛘呤呛(bào)制作中的一張小卡片上,溫馨充滿年代感的小卡片,放在你的柜子里,有著陳年累月的記憶……

學(xué)習(xí)教程最主要的目的,還是在于從中熟悉制作的玩法,這次你學(xué)到的是GRUNGE的效果有幾種方式對它施加磨損?沒錯!云彩、雜色、高斯模糊、黑色污跡、白色粉筆畫筆磨損邊角、中間的高光、畫筆GRUNGE。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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