在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,设置前景色为黑色,然后用油漆桶工具将小圆填充为黑色,如下图所示:

30、单击选择常用工具栏中的“移动工具”,按住Alt键同时向下拖动图层1中的小黑圆,这样就能复制出一个小黑圆“图层1 副本”,如下图所示:

31、同时按下Ctrl+Shift+Alt+T键9次,这样就能变换生成一整列的小黑圆,如下图所示:

32、将图层1和所有小黑圆的副本一起选中然后单击右键选择“合并图层”生成“图层1 副本10”,如下图所示:

33、将“图层1 副本10”复制生成一个“图层1 副本11”,并利用移动工具将其平移到右边,效果如下图所示:

34、再将“图层1 副本10”和“图层1 副本11”合并生成“图层1 副本11”,然后按住Ctrl键并用左键单击“图层1 副本11”的缩略图位置载入所有小黑圆的选区,如下图所示:

35、保留选区,单击选中“背景 副本”图层,按Del键将选区内容删除,这样由于“背景 副本”设置有斜面和浮雕图层样式,在被删除的位置就会形成向下凹陷的效果,如下图所示:

36、单击选择小黑圆所在的“图层1 副本11”图层,选择菜单“图层->图层样式->斜面和浮雕”,这样就能让所有的小黑圆形成类似于铁钉头的效果,如下图所示:

37、设置完图层样式后的效果如下图所示:

38、可以把“背景”图层的眼睛点掉,这样就能看到一个个独立的木板效果,到此本次教程就算结束,在后续的教程中我们将利用类似的构建方法来制作各式各样的木栈道模拟效果,有兴趣的朋友可以继续关注我们的站点。

本教程为PS教程网原创作品,作者tataplay尖尖,如需转载,请保留出处,谢谢!