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

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

想给网站换个背景图？这个神器提供超多免费素材！
网页比较少有背景图需求，沐鸣在线登录注册多半都是以单色为主，如果觉得略显单调，也能使用纹理材质或渐层色做为背景，例如 Paper-co 就有许多日系的纸张纹理材质可用做背景，不仅看起来可以提升质感，也不会影响阅读造成负担： [link https://www.uisdc.com/web-paper-texture] 若喜欢重复背景图 Hero Patterns 可以在不下载任何文件的情况下生成好看的平铺式背景图： [link https://www.uisdc.com/heropatterns-texture…

阅读文章 >>
规则性重复背景

1. PS 版方案一：定义图案

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

1. PS 版方案二：定义画笔

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

1. AI 版方案一：用网格建立

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

1. AI 版方案二：用图案建立

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

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

重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）

1. 总结：

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

随机性重复背景

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