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

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

來源:站酷 作者:UIdesign飛屋睿 學習:7567人次

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

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

ps cc做殘舊撲克牌效果

一、設計準備

1、PHOTOSHOP

2、GRUNGE畫筆

二、牌身的畫法

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

ps cc做殘舊撲克牌效果

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

ps cc做殘舊撲克牌效果

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

ps cc做殘舊撲克牌效果

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

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

二、添加GRUNGE效果

接下來我們將進入重點:添加GRUNGE效果。

1、通過濾鏡添加GRUNGE

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

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

ps cc做殘舊撲克牌效果

2、運用雜色增加紋理

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

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

ps cc做殘舊撲克牌效果

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

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

ps cc做殘舊撲克牌效果

ps cc做殘舊撲克牌效果

ps cc做殘舊撲克牌效果

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

插播一段:

PS基礎學習時往往都會分別詳解疊加模式,而我們不必對每種模式加以死記,而應該在實踐中不斷去嘗試各種模式,然后讓它運用更為自由。

4、污跡的制作

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

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

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

ps cc做殘舊撲克牌效果

 

5、邊緣的磨損

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

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

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

ps cc做殘舊撲克牌效果

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

ps cc做殘舊撲克牌效果

6、增加高光

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

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

ps cc做殘舊撲克牌效果

7、畫筆GRUNGE的修飾

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

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

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

ps cc做殘舊撲克牌效果

三、牌面圖案

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

ps cc做殘舊撲克牌效果

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

我的設計完成效果如下:

ps cc做殘舊撲克牌效果

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

ps cc做殘舊撲克牌效果

結(jié)語:

現(xiàn)在有同學發(fā)言問,究竟它如何運用呢?當你在做網(wǎng)頁里紙類的卡片式設計時,是不是也可以考慮一下這類磨損。當你想要讓你的網(wǎng)頁變得頹廢邋遢個性鮮明的話;蛘呤呛笾谱髦械囊粡埿】ㄆ,溫馨充滿年代感的小卡片,放在你的柜子里,有著陳年累月的記憶……

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

 

學習 · 提示

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

關注大神微博加入>>

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