PS新手教程!手把手教你创建一个无缝菱形编织纹理 - 优设网 - UISDC

PS新手教程!手把手教你创建一个无缝菱形编织纹理

2015/10/16 14344评论区

photoshop-diamond-weave-pattern-1

编者按:这个效果你一定用得上!大冷天最需要这样温暖的无缝图案了,今天@P大点S微博 手把手教同学们来一个,利用颜色查找可以随时变色,酷炫不多说,源文件已附上,来收!

无缝纹理PAT+PSD下载:http://pan.baidu.com/s/1o607KeAhttp://pan.baidu.com/s/1sjIc9Ql

效果图:

1pdds20151016

这个是用了颜色查找功能后的展示图:

2pdds20151016

新建文件,并设置其大小为210像素×414像素

3pdds20151016

Ctrl+R调出你的标尺工具 在上边标尺出右键选择单位为像素

4pdds20151016

放大画布到800%左右,选择“矩形选框工具”,绘制一个矩形选区,矩形位置(99,0)到(108,3),填充颜色#92c6de

5pdds20151016

移动矩形选区,向右移动3像素,向上移动6像素,继续填充浅蓝色#92c6de

6pdds20151016

重复此步骤,我们将得到一条浅蓝色的锯齿线,如下图:

7pdds20151016

复制这条锯齿线,水平翻转,排列如下:

8pdds20151016

合并这两条锯齿线,并复制一层,垂直翻转,排列如下:

9pdds20151016

合并所有锯齿线,使用套索工具选择锯齿线内的选区,填充浅蓝色#92c6de,将图层重命名为“菱形”,效果如下:

10pdds20151016

复制“菱形”图层,置于相对的右下侧,排列如下:

11pdds20151016

再复制“菱形”图层,分别置于左下和右上的位置,并改变填充颜色为#5b6589,如下图:

12pdds20151016

放大画布到3200%,使用“铅笔工具”用1像素的铅笔画出如下形状,颜色为#5a7d9b

13pdds20151016

载入这个图形的选区,右移3像素,上移6像素,不断重复填充

14pdds20151016

复制这个线条,放置于左上和右下,然后合并线条图层

15pdds20151016

复制线条图层,水平翻转,排列如下:

16pdds20151016

下面,我们添加背景,新建个图层,置于底层,填充深蓝色#373f64

17pdds20151016

接下来!为了给菱形图案一个真实的外观,我们要添加菱形图案上方的织物纹理。

创建一个新文件,3X3像素,然后使用铅笔工具,设置为1像素,使用多种灰度颜色,画随机像素图案。

这里用的是#ccccc,#b8b8b8,#9c9c9c,# c4c4c4,# e2e2e2,#b5b5b5,# dbdbdb,并自定义图案【编辑——定义图案】

18pdds20151016

返回菱形图案的文件,新建图层,置于顶层,双击图层弹出的图层样式窗口勾选图案叠加。

选择我们刚做的这个图案,并改变图层混合模式为“划分”

19pdds20151016

好了,我们来自定图案【编辑——定义图案】

20pdds20151016

那么0.0 建个大点的文件,来检验下我们的图案吧,看看效果。

21pdds20151016

我们可以来改变下图案的色彩,类似那些调整色相阿,可选颜色阿,渐变映射的这里都不说了,这里来试试“颜色查找”。

颜色查找还有更多玩法,右戳教程:《PS修图小教程!漂亮色调一秒调出来》

22pdds20151016

23pdds20151016

24pdds20151016

 

25pdds20151016 29pdds20151016 28pdds20151016 27pdds20151016 26pdds20151016

【优设十月热门教程合集】

一枚精美的锤子论坛图标:
《漂亮实力派!教你用SKETCH绘制一枚精美的锤子论坛图标》

超酷炫的九重天特效:
《PS教程!手把手教你打造酷炫的九重天魔幻特效》

从零开始学习黑白摄影:
《高手教程!从零开始帮你搞懂黑白摄影的后期方法》

原文地址:pdadians

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

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

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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