今天我們將制作一張GRUNGE風格的撲克牌,這是它最終出爐的形象。
一、設計准備
1、PHOTOSHOP
2、GRUNGE畫筆
二、牌身的畫法
1、打開PS,新建一個W:40px;H:480px的文件。在新文件上,畫上一個類似牌面的圓角矩形。標准撲克牌身的長寬比是1.4:1,我在此設置牌面尺寸為H:423px;W:306px,圓角角度為20px。填充棕色。
2、復制棕色牌面,然後將復制的牌面換個溫柔的米色,選中米色牌面,讓它左移一個像素,上移一個像素,它的右側和底部就略微透露出了一像素的棕色底,這樣讓它看上去更精致,也更寫實。
3、我們將對米色牌面設置“鎖定透明像素”,鎖定透明像素的作用是當我們編輯該圖層時,只能對圖層的非透明像素施以效果,該圖層的透明像素就處於不可編輯的狀態。這時,我們選中米色牌面圖層,點擊圖層上方的“鎖定”欄的第一個按鈕,即為鎖定透明像素。
你在這時也許會問為什麼要對它鎖定透明像素,我給出的理由就是這是個即將被“GRUNGE”的圖層,你會對他塗塗寫寫亂撕亂畫,簡單來說就是無惡不作,難免會讓它的某些部位裸露出透明像素,它的下層是棕色牌面,如果透明像素被編輯,那麼棕色牌面將被覆蓋。而我們本來就希望它能在自然“磨損”後露出棕色牌面。
設計時,這樣的思考應該無時無刻出現,而你也要在學習中對每一種操作加以自由聯想,讓它成為你自己的知識儲備。當然我的運用不一定有道理,大家可以批判地對待之。也許你也有更好的方式。
二、添加GRUNGE效果
接下來我們將進入重點:添加GRUNGE效果。
1、通過濾鏡添加GRUNGE
選中米色牌面圖層,將前景色和背景色分別設置為兩種米色,前景色偏淺,類似米色牌面的顏色,背景色設置為稍微偏深的米色。這樣做的目的為了接下來施以濾鏡雲彩效果。
這時,打開濾鏡>渲染>雲彩,牌面出現了下面的變化。是不是看上去沒那麼“新”了?雲彩是帶著一種自然的從前景色到背景色的隨機過渡。
2、運用雜色增加紋理
為了讓這一基本的“廢舊”感更為寫實,我們繼續使用“雜色”命令,在濾鏡>雜色>添加雜色裡增加顆粒,總數為2,並點選高斯模糊和單色。這就為牌面增加了紋理,使得表面不那麼平滑。但是如果你覺得顆粒有點過多的話,可以降低雜色顆粒總數。
這時選擇濾鏡>模糊>高斯模糊,模糊的像素設置為2,這一步也是必不可少的哦。它會使整體效果融合得更自然。
3、圖層樣式帶來的擬物效果
讓我們開始為牌面增添一點擬物的效果,運用擬物效果總是不會忘記“圖層樣式”。打開圖層樣式中的“內發光”和“陰影”面板,設置數值可以參考如下:
擬物效果做出之後,我們也應該繼續思考這樣的問題:為什麼要運用這兩個圖層樣式。內發光的面部中,我們使用的是黑色顏色加深的疊加模式,疊加後使得牌面邊緣加深,使邊緣磨損更“髒”,而投影的增加讓它繼續逼真了。由此,我們猜想一下,在設計中當我們想要試圖讓某物更逼真的方式,就是添加陰影,然後增加高光。對吧?等今後實踐來驗證。
插播一段:PS基礎學習時往往都會分別詳解疊加模式,而我們不必對每種模式加以死記,而應該在實踐中不斷去嘗試各種模式,然後讓它運用更為自由。
4、污跡的制作
我們不希望看到我們的白色襯衫上的污跡,但是GRUNGE就是要在你不斷被折磨的牌面上增加污跡,讓它不僅破舊還要邋遢。(絕對是暗黑的口味啊~)
新建一個圖層,降低它的填充度為20%,然後右擊該圖層,創建為剪貼蒙版。選用70px的基本畫筆,硬度為0,模式設置為顏色加深,透明度為30%,前景色為黑色,然後在牌面上開始制作出你想要的“污跡”。
這是我做出的污跡,你也可以隨心所欲,目的是讓它看上去邋遢得自然。
5、邊緣的磨損
這張撲克牌看上去又髒又舊了,但我認為還是不夠,它的污跡大部分都是黑色,能不能給它一點白色污跡呢?
新建一個圖層,創建為剪切蒙版,選用60px大小的粉筆筆頭的畫筆,模式為正常,而透明度保持30%,前景色變為白色。這時開始對牌面尤其是它的四個角增加磨損。
這時需要注意的是為了讓筆頭下筆更自然,我們需要根據不同的方向調整筆頭的方向。操作方法是進入窗口>畫筆,在畫筆預設中對畫筆的角度進行調整。
做好四個邊角的磨損後,再微微對邊緣也施以磨損。我做出的效果如下圖:
6、增加高光
牌面的磨損讓它暗淡了很多,雖然我們的確是想要這樣的效果,但是現實中我們還是會看到牌面中間會顯得更“新”,因為它比較不會被用到。這時我們可以為它施以一定的高光。
新建一個圖層,創建為剪貼蒙版,選擇漸變工具,漸變色設置為白色到透明的過渡,圓形漸變。然後將漸變從牌面中心(白)過渡到邊緣(透明),這時中心會出現一個大而軟的白色圓形。將該圖層混合模式調整為“變亮”,填充度降低為65%。它看上去是不是層次豐富了?
7、畫筆GRUNGE的修飾
一張破舊的撲克牌,它現在也許還不夠舊,那麼我們繼續為它增加GRUNGE效果。這時,我要用到的是我畫筆庫裡的一種叫做GRUNGE的畫筆,在准備工作中我們已經安裝好了。
新建一個圖層,創建為剪貼蒙版,選擇GRUNGE畫筆,前景色設置為深棕色,透明度保持30%。將圖層模式調整為顏色加深,透明度降低為60%。
這時,我們就完成了一張破舊布滿污跡的牌面。顯然,這時還缺少圖案。
三、牌面圖案
等到我們的牌面已經足夠“磨損”了,接下來就開始為牌面添加圖案,新建一個文檔,畫上牌面的圖案。你也可以增加你喜歡的牌面。
看上去牌面圖案也顯得太完美了,那麼還是讓我們來做一點破壞吧!降低圖案圖層的填充度為75%,為它增加蒙版。選用潑濺畫筆(系統預設內可以追加),透明度設置為30%,前景色設置為黑色,在蒙版上對圖案進行修飾塗抹。
我的設計完成效果如下:
再讓我為它配上相稱的背景色吧~
結語:
現在有同學發言問,究竟它如何運用呢?當你在做網頁裡紙類的卡片式設計時,是不是也可以考慮一下這類磨損。當你想要讓你的網頁變得頹廢邋遢個性鮮明的話。或者是海報制作中的一張小卡片上,溫馨充滿年代感的小卡片,放在你的櫃子裡,有著陳