在PS平面設計中,經常需要構建各種各樣的材質,本次PS教程將以木質材質的構建為例進行說明,重點講述木紋材質的繪制,難點在於立體感的處理,主要用到的Photoshop知識點有添加雜色、動感模糊、旋轉扭曲、液化等濾鏡,以及圖層樣式、自由變換、色相/飽和度等工具的使用。
photoshop教程效果圖
1、本教程采用photoshop CS5版本制作,其它版本基本都通用,先打開PS,新建一個640*480的空白文檔,如下圖所示:
2、首先進行木紋材質的繪制,先單擊選擇菜單“濾鏡->雜色->添加雜色”,如下圖所示:
3、在彈出的“添加雜色”設置窗口中,設置數量為80左右,分布選擇“高斯分布”,勾選“單色”,效果及設置參數如下圖所示:
4、應用“添加雜色”後,再選擇菜單“濾鏡->模糊->動感模糊”,如下圖所示:
5、在彈出的“動感模糊”設置窗口中,設置角度為0度,距離為999,效果如下圖所示:
6、應用動感模糊後,再選擇菜單“濾鏡->液化”,如下圖所示:
7、我們主要利用液化進行木紋的扭曲處理,在彈出的液化設置窗口中,先單擊選擇“向前變形工具”,如下圖所示:
8、可以利用“[、]”進行變形區域大小的調整,為了使木質紋理更加的逼真,在變形過程中可以多次變換大小,操作方法比較簡單,就是按住鼠標左鍵不放並向上或向上拖動即可實現扭曲變換,如下圖所示:
9、變形過程中適當調整大小及位置,效果如下圖所示:
10、應用液化之後大致效果如下圖所示:
11、另外還可以利用“濾鏡->扭曲->旋轉扭曲”進行進一步的木紋處理,先單擊選擇矩形選框工具,在適當的位置拉出一個矩形選框,如下圖所示:
12、選擇菜單“濾鏡->扭曲->旋轉扭曲”,如下圖所示:
13、在彈出的“旋轉扭曲”設置窗口中,適當設置角度大小,效果如下圖所示:
14、當木質紋理調整差不多後,接下來就是上色,一般采用“圖像->調整->色相/飽和度”進行處理,如下圖所示:
15、在彈出的“色相/飽和度”設置窗口中,將“著色”打勾,並適當設置相應參數,本例設置如下圖所示:
16、顏色設置好之後,接下來我們就進行木棧道材質構建,就是將平面材質構建成具有立體感的木板形態,先將背景圖層復制生成一個“背景 副本”,如下圖所示:
17、單擊選擇“矩形選框工具”,並設置羽化值為1px,如下圖所示:
18、利用矩形選框工具在最頂上拉出一條細長的選框,高度要盡可能的小,因為這是用來處理木板與木板之間的間隙,具體如下圖所示:
19、按Ctrl+J鍵將選區內容復制生成圖層1,如下圖所示:
20、確保選中圖層1,按Ctrl+T鍵進行自由變換,如下圖所示:
21、將菜單欄下方的自由變換屬性欄中的Y參數的值增加50px,如本例原先Y為3.50px,增加後變為53.50px,當然具體大小可視情況而定,這個增加的值實際上就是單塊木板的寬度,改變Y值後效果如下圖所示:
22、同時按住Ctrl+Shift+Alt+T鍵進行復制變換,連續按8次,這樣就會分別生成8個圖層,如下圖所示:
23、將圖層1和生成的8個圖層一起選中,然後單擊右鍵選擇“合並圖層”生成“圖層1 副本8”,為了看清楚復制生成的內容,可以暫時將背景及背景副本的眼睛點掉,如下圖所示:
24、重新將背景及背景副本的眼睛點上後,按住Ctrl鍵,鼠標左鍵單擊“圖層1 副本8”載入選區,效果如下圖所示:
25、單擊選擇“背景 副本”圖層,然後按Del鍵將選區部分內容刪除,如下圖所示:
26、將“圖層1 副本8”的眼睛點掉,確保單擊選中“背景 副本”圖層,然後選擇菜單“圖層->圖層樣式->斜面和浮雕”,在彈出的圖層樣式設置窗口中,設置浮雕結構樣式為“浮雕效果”,其它參數可視情況而定,並將“等高線”打勾,具體設置及效果如下圖所示:
27、最後我們還要制作一下釘在木板上的鐵釘,單擊選擇“橢圓選框工具”,如下圖所示:
28、在左上角的適當位置拉出一個小圓(按住Shift鍵可拉出圓),效果如下圖所示:
29、新建一個圖層1,設置前景色為黑色,然後用油漆桶工具將小圓填充為黑色,如下圖所示: