木子素材 首页 大神 神器推荐 查看内容

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源) ...

2021-9-16 00:20| 发布者: admin| 查看: 278| 评论: 0

摘要: 重复背景是我们在设计中经常会用到的表达形式,我们在做包装设计、海报设计、界面设计等等都会用到它,它的用途非常之广,所以今天我就来好好盘一下它。 其实重复背景一共分为两大种类,分别为规则性重复背景、随机 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

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

想给网站换个背景图?这个神器提供超多免费素材!

网页比较少有背景图需求,多半都是以单色为主,如果觉得略显单调,也能使用纹理材质或渐层色做为背景,例如 Paper-co 就有许多日系的纸张纹理材质可用做背景,不仅看起来可以提升质感,也不会影响阅读造成负担:若喜欢重复背景图 Hero Patterns 可以在不下载任何文件的情况下

阅读文章 >

规则性重复背景

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

步骤 1:新建画布(画布大小根据重复图案大小而定),我这里画布大小为 30x30px。

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

2. PS 版方案二:定义画笔

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

3. AI 版方案一:用网格建立

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

4. AI 版方案二:用图案建立

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

5. 总结:

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

随机性重复背景

1. PS 版:图案填充

步骤 1:选择想要重复的图形,把它定义为图案。(同样注意不要背景色)

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

完成效果:

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

2. AI 版:插件 Astute Graphics

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

2021年 我见过最强大的 Ai 必备插件!超多案例全面解析!

今天主要给大家带来的是我自己最常用的 AI 插件,也是我觉得最实用的 AI 插件:Astute Graphics。

阅读文章 >

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

PATTERN MONSTER

网址: https://pattern.monster/

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

bg-patterns

网址: http://bg-patterns.com/

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

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

toptal

网址: https://www.toptal.com/designers/subtlepatterns/

四个字:相当好用!!!

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

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

想让背景快速出效果?收下这个超多资源的免费纹理素材站!

如果要找寻一些很细腻、有质感的网页素材,日本网站是个很好的去处,像是之前介绍过的 FLAT ICON DESIGN 收录许多扁平化设计图示,还有 FREE LINE DESIGN 提供各种分隔线素材,相片的话可以找找东京デート、Model.foto、photoAC、BIZUTART 和

阅读文章 >

欢迎关注作者微信公众号:「黑狮力」

重复背景怎么玩?这篇文章全总结好了!(内附9.5G素材资源)

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×