Photoshop制作无缝菱形编织纹理背景教程

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

教程主要使用Photoshop制作蓝色风格的无缝菱形编织纹理,很多人都是直接使用PAT图案,但是很少有人知道这个uimaker.com/uimakerdown/">素材是如何使用PS来制作完成的,今天作者P大点S就一步一步详细的给大家来解读,然后在利用颜色查找可以随时变色,酷炫不多说,喜欢的朋友可以下载PSD源文件和PAT图案

教程源文件:简约风格的编织纹理背景PS教程源文件

效果图:

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

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

Photoshop制作无缝菱形编织纹理背景教程

 收藏