重复背景怎么玩？这篇文章全总结好了！（内附9.5G素材资源）
source link: https://www.uisdc.com/repeat-background
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
重复背景是我们在设计中经常会用到的表达形式，我们在做包装设计、海报设计、界面设计等等都会用到它，它的用途非常之广，所以今天我就来好好盘一下它。
其实重复背景一共分为两大种类，分别为规则性重复背景、随机性重复背景，我这里就重点的用 PS 与 AI 两个软件重点介绍一下重复背景的制作方法。其实方法非常多，这里介绍一下我自己最常用的（文章内附大量素材、画笔、制作网站、插件等）
规则性重复背景
1. PS 版方案一：定义图案
步骤 1：新建画布（画布大小根据重复图案大小而定），我这里画布大小为 30x30px。
步骤 2：在画布中画出重复图案的单个样式，我这里就拿最常用的方格子举例，画出方格子的重复部分。（注：把背景隐藏）
步骤 3：点击编辑-定义图案
步骤 4：在形状中的图案填充中找到选择使用它就可以了
2. PS 版方案二：定义画笔
步骤 1：用画笔打开任意格子笔刷（格子笔刷素材在文章末尾中可自行提取）。
步骤 2：打开画笔设置，选择画笔纹理（方案一做好的重复格子纹理）与调整适量的缩放，选好后就可以随便画啦。
注：里面的格子笔刷也可以当作重复背景素材哦！
3. AI 版方案一：用网格建立
步骤 1：画出一个描边正方形，点击对象-路径-建立
步骤 2：行/列设置为同一数值，然后点击确定按钮。
步骤 3：点击效果-扭曲和变换-收缩和膨胀
步骤 4：调整不同的数值就可以出现不同的重复性图形。
4. AI 版方案二：用图案建立
步骤 1：选择需要重复的图案，点击对象-图案-建立
步骤 2：在图案选项中把“将拼贴调整为图稿大小”给勾选上，输入合适的水平间距、垂直间距，点击左上角完成按钮就可以了。
步骤 3：我们可以在色板中找到并使用它。
5. 总结：
如果想要做单色系的规则性重复背景可以用 PS，毕竟 PS 的画笔应用起来更方便；如果你想要做多色/创意性形状重复背景，那么可以考虑用 AI。
随机性重复背景
1. PS 版：图案填充
步骤 1：选择想要重复的图形，把它定义为图案。（同样注意不要背景色）
步骤 2：建立新图层，选择编辑-填充，在填充面板中把内容选择为图案，自定义图案选择制作好的图，勾选脚本，并选为随机填充，点击确定。
步骤 3：密度拉到 10，其他数值根据你自己对画面的要求来设置。
完成效果：
2. AI 版：插件 Astute Graphics
这款插件是我很早前就已经分享过的了，作为图案填充我们最主要使用到它的空间面板，真的非常强大，不管是做规则性还是随机性的图案制作，我都很喜欢用它，因为插件都是英文，所以给大家制作了一个翻译图，如下：
图案的随机性生成方式可以根据面板中的参数调整来形成，具体可查看我录制的视频教程（关于插件的部分教程），下面是一些生成结果：
以上就是重复图案的生成方法，下面来给大家介绍 3 款我个人常用的重复图案免费网站：
PATTERN MONSTER
一款简单的在线背景图案的设计神器，能够自定义编辑自己喜欢的几何图案、颜色、角度以及图案大小。
bg-patterns
一个日本的纹理背景素材网站，背景纹理可免费生成及免费下载，纹理花样多变，同时，纹理背景的颜色、形状、尺寸也可自由定制。
toptal
网址： https://www.toptal.com/designers/subtlepatterns/
四个字：相当好用！！！
如果需要文章中所提到的插件、画笔、100张背景素材，可在文章附件自行免费提取哦！
欢迎关注作者微信公众号：「黑狮力」
复制本文链接 文章为作者独立观点不代表优设网立场，未经允许不得转载。
继续阅读与本文标签相同的文章
Recommend
-
96
Vue -渐进式JavaScript框架 vue 中文网
-
81
Vue -渐进式JavaScript框架 vue 中文网
-
60
想学 Markdown？这篇文章帮你快速上手
-
49
通过这篇文章，帮你彻底搞懂微交互
-
83
点击上方“Python开发”，选择“置顶公众号” 关键时刻，第一时间送达！
-
28
Hi ! 我是小小，今天是本周的第四篇，第四篇主要内容是 Spring Boot + Redis 实现接口幂等性 介绍 幂等性的概念是，任意多次执行所产生的影响都与一次执行产生的影响相同，按照这个含义，最终的解释是对数据库的影响...
-
5
由于长期伏案，颈椎问题比较严重，所以平时都尽量减少低头看手机的时间，也就养成了用浏览器看各种读物的习惯，其中就包括公众号文章。最近不知道从哪一天开始，突然发现公众号文章的背景突然变成了黑色。 就像这样子：
-
7
WordPress纯代码禁止发表重复标题的文章 2022-03-2913:28:19评论1574字 实所有插件后端代码都...
-
2
UI设计中常见的控件设计都有哪些规范？本文总结了按钮、多选、单选、...
-
1
12月05, 2016 0 comments ppt教学文章第九篇_图片与背景的...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK