PS+AI教程！教你玩转重复背景图案（附10G素材）

资源教程作者：黑狮力（授权转载）

交作业去这里→#优设每日作业#

关于教程

重复背景是我们在设计中经常会用到的表达形式，我们在做包装设计、海报设计、界面设计等等都会用到它，它的用途非常之广，所以今天我就来好好盘一下它。

其实重复背景一共分为两大种类，分别为 规则性重复背景、随机性重复背景，我这里就重点的用PS与AI两个软件重点介绍一下重复背景的制作方法。其实方法非常多，这里介绍一下我自己最常用的（文章内附大量素材、画笔、制作网站、插件等）

一、规则性重复背景

PS版方案一：定义图案

步骤1：新建画布（画布大小根据重复图案大小而定），我这里画布大小为30x30px。

步骤2：在画布中画出重复图案的单个样式，我这里就拿最常用的方格子举例，画出方格子的重复部分。（注：把背景隐藏）

步骤3：点击编辑-定义图案

步骤4：在形状中的图案填充中找到选择使用它就可以了

PS版方案二：定义画笔

步骤1：用画笔打开任意格子笔刷（格子笔刷素材在文章末尾中可自行提取）。

步骤2：打开画笔设置，选择画笔纹理（方案一做好的重复格子纹理）与调整适量的缩放，选好后就可以随便画啦。

注：里面的格子笔刷也可以当作重复背景素材哦！

AI版方案一：用网格建立

步骤1：画出一个描边正方形，点击对象-路径-建立

步骤2：行/列设置为同一数值，然后点击确定按钮。

步骤3：点击效果-扭曲和变换-收缩和膨胀

步骤4：调整不同的数值就可以出现不同的重复性图形。

AI版方案二：用图案建立

步骤1：选择需要重复的图案，点击对象-图案-建立

步骤2：在图案选项中把“将拼贴调整为图稿大小”给勾选上，输入合适的水平间距、垂直间距，点击左上角完成按钮就可以了。

步骤3：我们可以在色板中找到并使用它。

总结：如果想要做单色系的规则性重复背景可以用PS，毕竟PS的画笔应用起来更方便；如果你想要做多色/创意性形状重复背景，那么可以考虑用AI。

二、随机性重复背景

PS版：图案填充

步骤1：选择想要重复的图形，把它定义为图案。（同样注意不要背景色）

步骤2：建立新图层，选择编辑-填充，在填充面板中把内容选择为图案，自定义图案选择制作好的图，勾选脚本，并选为随机填充，点击确定。

步骤3：密度拉到10，其他数值根据你自己对画面的要求来设置。

完成效果：

AI版：插件Astute Graphics

这款插件是我很早前就已经分享过的了，作为图案填充我们最主要使用到它的空间面板，真的非常强大，不管是做规则性还是随机性的图案制作，我都很喜欢用它，因为插件都是英文，所以给大家制作了一个翻译图，如下：

图案的随机性生成方式可以根据面板中的参数调整来形成，具体可查看我录制的视频教程（关于插件的部分教程），下面是一些生成结果：

三、重复图案免费网站

以上就是重复图案的生成方法，下面来给大家介绍3款我个人常用的重复图案免费网站：

1、PATTERN MONSTER

一款简单的在线背景图案的设计神器，能够自定义编辑自己喜欢的几何图案、颜色、角度以及图案大小。

2、bg-patterns

一个日本的纹理背景素材网站，背景纹理可免费生成及免费下载，纹理花样多变，同时，纹理背景的颜色、形状、尺寸也可自由定制。

3、toptal

四个字：相当好用！！！

如果需要文章中所提到的插件、画笔、100张背景素材，可在文章末尾的自行免费提取哦！

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…