PS鼠繪木棧道之材質(zhì)構(gòu)建教程(6)
在PS平面設(shè)計(jì)中,經(jīng)常需要構(gòu)建各種各樣的材質(zhì),本次PS教程將以木質(zhì)材質(zhì)的構(gòu)建為例進(jìn)行說明,重點(diǎn)講述木紋材質(zhì)的繪制,難點(diǎn)在于立體感的處理,主要用到的Photoshop知識點(diǎn)有添加雜色、動(dòng)感模糊、旋轉(zhuǎn)扭曲、液化等濾鏡,以及圖層樣式、自由變換、色相/飽和度等工具的使用。
![PS鼠繪木棧道之材質(zhì)構(gòu)建教程 教程](http://pic.16xx8.com/allimg/120707/15340C141-0.jpg)
效果圖
1、本教程采用photoshop CS5版本制作,其它版本基本都通用,先打開PS,新建一個(gè)640*480的空白文檔,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340Cb3-1.jpg)
2、首先進(jìn)行木紋材質(zhì)的繪制,先單擊選擇菜單“濾鏡->雜色->添加雜色”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534063W4-2.jpg)
3、在彈出的“添加雜色”設(shè)置窗口中,設(shè)置數(shù)量為80左右,分布選擇“高斯分布”,勾選“單色”,效果及設(shè)置參數(shù)如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340A5O-3.jpg)
4、應(yīng)用“添加雜色”后,再選擇菜單“濾鏡->模糊->動(dòng)感模糊”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340621E-4.jpg)
5、在彈出的“動(dòng)感模糊”設(shè)置窗口中,設(shè)置角度為0度,距離為999,效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534061V6-5.jpg)
6、應(yīng)用動(dòng)感模糊后,再選擇菜單“濾鏡->液化”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340A917-6.jpg)
7、我們主要利用液化進(jìn)行木紋的扭曲處理,在彈出的液化設(shè)置窗口中,先單擊選擇“向前變形工具”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340C3V-7.jpg)
8、可以利用“[、]”進(jìn)行變形區(qū)域大小的調(diào)整,為了使木質(zhì)紋理更加的逼真,在變形過程中可以多次變換大小,操作方法比較簡單,就是按住鼠標(biāo)左鍵不放并向上或向上拖動(dòng)即可實(shí)現(xiàn)扭曲變換,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340B543-8.jpg)
9、變形過程中適當(dāng)調(diào)整大小及位置,效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340C525-9.jpg)
10、應(yīng)用液化之后大致效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340630N-10.jpg)
11、另外還可以利用“濾鏡->扭曲->旋轉(zhuǎn)扭曲”進(jìn)行進(jìn)一步的木紋處理,先單擊選擇矩形選框工具,在適當(dāng)?shù)奈恢美鲆粋(gè)矩形選框,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534064Z3-11.jpg)
12、選擇菜單“濾鏡->扭曲->旋轉(zhuǎn)扭曲”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534064030-12.jpg)
13、在彈出的“旋轉(zhuǎn)扭曲”設(shè)置窗口中,適當(dāng)設(shè)置角度大小,效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534061V6-13.jpg)
14、當(dāng)木質(zhì)紋理調(diào)整差不多后,接下來就是上色,一般采用“圖像->調(diào)整->色相/飽和度”進(jìn)行處理,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340AE6-14.jpg)
15、在彈出的“色相/飽和度”設(shè)置窗口中,將“著色”打勾,并適當(dāng)設(shè)置相應(yīng)參數(shù),本例設(shè)置如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340615S-15.jpg)
16、顏色設(shè)置好之后,接下來我們就進(jìn)行木棧道材質(zhì)構(gòu)建,就是將平面材質(zhì)構(gòu)建成具有立體感的木板形態(tài),先將背景圖層復(fù)制生成一個(gè)“背景 副本”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534061105-16.jpg)
17、單擊選擇“矩形選框工具”,并設(shè)置羽化值為1px,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534063943-17.jpg)
18、利用矩形選框工具在最頂上拉出一條細(xì)長的選框,高度要盡可能的小,因?yàn)檫@是用來處理木板與木板之間的間隙,具體如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340A204-18.jpg)
19、按Ctrl+J鍵將選區(qū)內(nèi)容復(fù)制生成圖層1,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340642V-19.jpg)
20、確保選中圖層1,按Ctrl+T鍵進(jìn)行自由變換,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340BZ1-20.jpg)
21、將菜單欄下方的自由變換屬性欄中的Y參數(shù)的值增加50px,如本例原先Y為3.50px,增加后變?yōu)?3.50px,當(dāng)然具體大小可視情況而定,這個(gè)增加的值實(shí)際上就是單塊木板的寬度,改變Y值后效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534061132-21.jpg)
22、同時(shí)按住Ctrl+Shift+Alt+T鍵進(jìn)行復(fù)制變換,連續(xù)按8次,這樣就會(huì)分別生成8個(gè)圖層,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340BY1-22.jpg)
23、將圖層1和生成的8個(gè)圖層一起選中,然后單擊右鍵選擇“合并圖層”生成“圖層1 副本8”,為了看清楚復(fù)制生成的內(nèi)容,可以暫時(shí)將背景及背景副本的眼睛點(diǎn)掉,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340623I-23.jpg)
24、重新將背景及背景副本的眼睛點(diǎn)上后,按住Ctrl鍵,鼠標(biāo)左鍵單擊“圖層1 副本8”載入選區(qū),效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534061304-24.jpg)
25、單擊選擇“背景 副本”圖層,然后按Del鍵將選區(qū)部分內(nèi)容刪除,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340A146-25.jpg)
26、將“圖層1 副本8”的眼睛點(diǎn)掉,確保單擊選中“背景 副本”圖層,然后選擇菜單“圖層->圖層樣式->斜面和浮雕”,在彈出的圖層樣式設(shè)置窗口中,設(shè)置浮雕結(jié)構(gòu)樣式為“浮雕效果”,其它參數(shù)可視情況而定,并將“等高線”打勾,具體設(shè)置及效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340C442-26.jpg)
27、最后我們還要制作一下釘在木板上的鐵釘,單擊選擇“橢圓選框工具”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534063514-27.jpg)
28、在左上角的適當(dāng)位置拉出一個(gè)小圓(按住Shift鍵可拉出圓),效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534061c6-28.jpg)
29、新建一個(gè)圖層1,設(shè)置前景色為黑色,然后用油漆桶工具將小圓填充為黑色,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534064I5-29.jpg)
30、單擊選擇常用工具欄中的“移動(dòng)工具”,按住Alt鍵同時(shí)向下拖動(dòng)圖層1中的小黑圓,這樣就能復(fù)制出一個(gè)小黑圓“圖層1 副本”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340A602-30.jpg)
31、同時(shí)按下Ctrl+Shift+Alt+T鍵9次,這樣就能變換生成一整列的小黑圓,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/1534062158-31.jpg)
32、將圖層1和所有小黑圓的副本一起選中然后單擊右鍵選擇“合并圖層”生成“圖層1 副本10”,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340A321-32.jpg)
33、將“圖層1 副本10”復(fù)制生成一個(gè)“圖層1 副本11”,并利用移動(dòng)工具將其平移到右邊,效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340B049-33.jpg)
34、再將“圖層1 副本10”和“圖層1 副本11”合并生成“圖層1 副本11”,然后按住Ctrl鍵并用左鍵單擊“圖層1 副本11”的縮略圖位置載入所有小黑圓的選區(qū),如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340AM4-34.jpg)
35、保留選區(qū),單擊選中“背景 副本”圖層,按Del鍵將選區(qū)內(nèi)容刪除,這樣由于“背景 副本”設(shè)置有斜面和浮雕圖層樣式,在被刪除的位置就會(huì)形成向下凹陷的效果,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340BD2-35.jpg)
36、單擊選擇小黑圓所在的“圖層1 副本11”圖層,選擇菜單“圖層->圖層樣式->斜面和浮雕”,這樣就能讓所有的小黑圓形成類似于鐵釘頭的效果,如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340C357-36.jpg)
37、設(shè)置完圖層樣式后的效果如下圖所示:
![](http://pic.16xx8.com/allimg/120707/15340640I-37.jpg)
38、可以把“背景”圖層的眼睛點(diǎn)掉,這樣就能看到一個(gè)個(gè)獨(dú)立的木板效果,到此本次教程就算結(jié)束,在后續(xù)的教程中我們將利用類似的構(gòu)建方法來制作各式各樣的木棧道模擬效果,有興趣的朋友可以繼續(xù)關(guān)注我們的站點(diǎn)。
![](http://pic.16xx8.com/allimg/120707/15340B127-38.jpg)
學(xué)習(xí) · 提示
相關(guān)教程