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知識(shí)點(diǎn)有添加雜色、動(dòng)感模糊、旋轉(zhuǎn)扭曲、液化等濾鏡,以及圖層樣式、自由變換、色相/飽和度等工具的使用。

效果圖
1、本教程采用photoshop CS5版本制作,其它版本基本都通用,先打開PS,新建一個(gè)640*480的空白文檔,如下圖所示:

2、首先進(jìn)行木紋材質(zhì)的繪制,先單擊選擇菜單“濾鏡->雜色->添加雜色”,如下圖所示:

3、在彈出的“添加雜色”設(shè)置窗口中,設(shè)置數(shù)量為80左右,分布選擇“高斯分布”,勾選“單色”,效果及設(shè)置參數(shù)如下圖所示:

4、應(yīng)用“添加雜色”后,再選擇菜單“濾鏡->模糊->動(dòng)感模糊”,如下圖所示:

5、在彈出的“動(dòng)感模糊”設(shè)置窗口中,設(shè)置角度為0度,距離為999,效果如下圖所示:

6、應(yīng)用動(dòng)感模糊后,再選擇菜單“濾鏡->液化”,如下圖所示:

7、我們主要利用液化進(jìn)行木紋的扭曲處理,在彈出的液化設(shè)置窗口中,先單擊選擇“向前變形工具”,如下圖所示:

8、可以利用“[、]”進(jìn)行變形區(qū)域大小的調(diào)整,為了使木質(zhì)紋理更加的逼真,在變形過程中可以多次變換大小,操作方法比較簡單,就是按住鼠標(biāo)左鍵不放并向上或向上拖動(dòng)即可實(shí)現(xiàn)扭曲變換,如下圖所示:

9、變形過程中適當(dāng)調(diào)整大小及位置,效果如下圖所示:

10、應(yīng)用液化之后大致效果如下圖所示:

11、另外還可以利用“濾鏡->扭曲->旋轉(zhuǎn)扭曲”進(jìn)行進(jìn)一步的木紋處理,先單擊選擇矩形選框工具,在適當(dāng)?shù)奈恢美鲆粋(gè)矩形選框,如下圖所示:

12、選擇菜單“濾鏡->扭曲->旋轉(zhuǎn)扭曲”,如下圖所示:

13、在彈出的“旋轉(zhuǎn)扭曲”設(shè)置窗口中,適當(dāng)設(shè)置角度大小,效果如下圖所示:

14、當(dāng)木質(zhì)紋理調(diào)整差不多后,接下來就是上色,一般采用“圖像->調(diào)整->色相/飽和度”進(jìn)行處理,如下圖所示:

15、在彈出的“色相/飽和度”設(shè)置窗口中,將“著色”打勾,并適當(dāng)設(shè)置相應(yīng)參數(shù),本例設(shè)置如下圖所示:

16、顏色設(shè)置好之后,接下來我們就進(jìn)行木棧道材質(zhì)構(gòu)建,就是將平面材質(zhì)構(gòu)建成具有立體感的木板形態(tài),先將背景圖層復(fù)制生成一個(gè)“背景 副本”,如下圖所示:

17、單擊選擇“矩形選框工具”,并設(shè)置羽化值為1px,如下圖所示:

18、利用矩形選框工具在最頂上拉出一條細(xì)長的選框,高度要盡可能的小,因?yàn)檫@是用來處理木板與木板之間的間隙,具體如下圖所示:

19、按Ctrl+J鍵將選區(qū)內(nèi)容復(fù)制生成圖層1,如下圖所示:

20、確保選中圖層1,按Ctrl+T鍵進(jìn)行自由變換,如下圖所示:

21、將菜單欄下方的自由變換屬性欄中的Y參數(shù)的值增加50px,如本例原先Y為3.50px,增加后變?yōu)?3.50px,當(dāng)然具體大小可視情況而定,這個(gè)增加的值實(shí)際上就是單塊木板的寬度,改變Y值后效果如下圖所示:

22、同時(shí)按住Ctrl+Shift+Alt+T鍵進(jìn)行復(fù)制變換,連續(xù)按8次,這樣就會(huì)分別生成8個(gè)圖層,如下圖所示:

23、將圖層1和生成的8個(gè)圖層一起選中,然后單擊右鍵選擇“合并圖層”生成“圖層1 副本8”,為了看清楚復(fù)制生成的內(nèi)容,可以暫時(shí)將背景及背景副本的眼睛點(diǎn)掉,如下圖所示:

24、重新將背景及背景副本的眼睛點(diǎn)上后,按住Ctrl鍵,鼠標(biāo)左鍵單擊“圖層1 副本8”載入選區(qū),效果如下圖所示:

25、單擊選擇“背景 副本”圖層,然后按Del鍵將選區(qū)部分內(nèi)容刪除,如下圖所示:

26、將“圖層1 副本8”的眼睛點(diǎn)掉,確保單擊選中“背景 副本”圖層,然后選擇菜單“圖層->圖層樣式->斜面和浮雕”,在彈出的圖層樣式設(shè)置窗口中,設(shè)置浮雕結(jié)構(gòu)樣式為“浮雕效果”,其它參數(shù)可視情況而定,并將“等高線”打勾,具體設(shè)置及效果如下圖所示:

27、最后我們還要制作一下釘在木板上的鐵釘,單擊選擇“橢圓選框工具”,如下圖所示:

28、在左上角的適當(dāng)位置拉出一個(gè)小圓(按住Shift鍵可拉出圓),效果如下圖所示:

29、新建一個(gè)圖層1,設(shè)置前景色為黑色,然后用油漆桶工具將小圓填充為黑色,如下圖所示:

30、單擊選擇常用工具欄中的“移動(dòng)工具”,按住Alt鍵同時(shí)向下拖動(dòng)圖層1中的小黑圓,這樣就能復(fù)制出一個(gè)小黑圓“圖層1 副本”,如下圖所示:

31、同時(shí)按下Ctrl+Shift+Alt+T鍵9次,這樣就能變換生成一整列的小黑圓,如下圖所示:

32、將圖層1和所有小黑圓的副本一起選中然后單擊右鍵選擇“合并圖層”生成“圖層1 副本10”,如下圖所示:

33、將“圖層1 副本10”復(fù)制生成一個(gè)“圖層1 副本11”,并利用移動(dòng)工具將其平移到右邊,效果如下圖所示:

34、再將“圖層1 副本10”和“圖層1 副本11”合并生成“圖層1 副本11”,然后按住Ctrl鍵并用左鍵單擊“圖層1 副本11”的縮略圖位置載入所有小黑圓的選區(qū),如下圖所示:

35、保留選區(qū),單擊選中“背景 副本”圖層,按Del鍵將選區(qū)內(nèi)容刪除,這樣由于“背景 副本”設(shè)置有斜面和浮雕圖層樣式,在被刪除的位置就會(huì)形成向下凹陷的效果,如下圖所示:

36、單擊選擇小黑圓所在的“圖層1 副本11”圖層,選擇菜單“圖層->圖層樣式->斜面和浮雕”,這樣就能讓所有的小黑圓形成類似于鐵釘頭的效果,如下圖所示:

37、設(shè)置完圖層樣式后的效果如下圖所示:

38、可以把“背景”圖層的眼睛點(diǎn)掉,這樣就能看到一個(gè)個(gè)獨(dú)立的木板效果,到此本次教程就算結(jié)束,在后續(xù)的教程中我們將利用類似的構(gòu)建方法來制作各式各樣的木棧道模擬效果,有興趣的朋友可以繼續(xù)關(guān)注我們的站點(diǎn)。

學(xué)習(xí) · 提示
相關(guān)教程