PS新手教程!手把手教你快速制作木质纹理 - 优设-UISDC

PS新手教程!手把手教你快速制作木质纹理

2016/01/18 23177评论区

creating-custom-textures-photoshop-techniques-1

@ChloeRowe林雅诺 :该教程特别特别简单,几分钟就可以轻轻松松搞定,特别适合新手了解滤镜。在你需要木质纹理,又在没有网没有素材的情况下,这个教程就可以解决你的燃眉之急啦!

对了,最近优设开电台咯,播音主持是两位单身美女,欢迎围观:http://m.ximalaya.com

效果图:

1dp20160118

1. 在Photoshop里新建 1500*1500 px 的图层。

22dp20160118

2. 填充背景色

选择#5a3222,填充背景色(填色可以自己改变,只要做出来是你心目中的木质纹理的颜色就可以啦)

21dp20160118

3. 增加新图层

创建一个新的图层并命名为“Grain”,然后将前/背景色变为黑白,在英文输入法下按住”D”,就可以恢复哦。

20dp20160118

4. 增加云理效果

在滤镜>渲染>云彩。

19dp20160118

效果如下图哦:

18dp20160118

5. 将图形拉伸

将图形变形,快捷键 (Cmd/Ctrl+T),然后在H(高度)里输入600%,把图形拉伸。

17dp20160118

6. 将图形动感模糊

角度90°,然后距离为 236 px。

16dp20160118

效果就是这样的:

15dp20160118

7. 将图像色调分离

我们要在图像里找到色调分离,给图像制作纹理~图形>调整>色调分离,色阶参数设置为 25,然后我们就可以看见木质纹理被很好的分离出来了。

14dp20160118

13dp20160118

8. 现在我们打开滤镜>风格化>查找边缘。

11dp20160118

将色阶调整下,参数设置如下图所示。我们调整色阶的目的是为了让木纹理更好的显示出来。

12dp20160118

9. 增加噪点。

为了给图像增加更多的纹理效果,打开滤镜>杂色>添加杂色,数量65%。

10dp20160118

10. 这一步骤我们要将纹理线条模糊一下,打开滤镜>模糊>动感模糊,角度90°,距离 15 px。

9dp20160118

11. 这一步骤是可选的,如果你想给木纹添加一些深度,那我们就设置它。

将“Grain”图层复制一层,并重命名为”Specularity(中文意思:高光,这将成为我们的高光图)”,然后放在在“Grain”图层下方,层位置如下所示,并隐藏它。

8dp20160118

12. 完成木纹

将“Grian”的图层混合模式改变为正片叠底,然后我们就完成制作木纹纹理啦。

7dp20160118

13. 最后如果你想添加些高光,我们先把“Grain”图层隐藏,再打开上一步骤的高光图。

6dp20160118

14. 调整高光图色阶

打开“Specularity”的色阶,然后参数设置如下图所示。

5dp20160118

15. 改变‘Specularity’的图层混合模式为滤色,不透明度调整为10%,然后再打开“Grain”图层。

4dp20160118

16. 最后的调整

为了充分体现高光图层的效果,可以将高光图层向下和向右移动几个像素,就可以使得纹理效果更加明显。

3dp20160118

17. 最后如果你想让你的木质纹理看上去层次分明,可以在背景图层使用加深和减淡工具,效果如下图所示~~\(≧▽≦)/~啦啦啦~完工~

2dp20160118

【新手即学即用的PS技巧系列】

  1. 《有哪些看上去很高大上,但实际很简单的PS技巧?》
  2. 《有哪些看上去很高大上,但实际很简单的PS技巧?(入门篇)》
  3. 《有哪些看上去很高大上,但实际很简单的PS技巧?(酷炫火焰篇)》
  4. 《有哪些看上去很高大上,但实际很简单的PS技巧?(人像篇)》
  5. 《有哪些看上去很高大上,但实际很简单的PS技巧?(渐变色篇)》
  6. 《有哪些看上去很高大上,但实际很简单的PS技巧?(二次元篇)》

原文地址:smashingmagazine
优设译者:@ChloeRowe林雅诺

uisdc-ad-wechat

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量108万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/creating-custom-textures-photoshop-techniques

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 产品设计 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里