56下载通 - 高速下载,丰富资源,一站式下载平台

首页 软件教程 PS+AI教程!教你玩转重复背景图案(附10G素材)

PS+AI教程!教你玩转重复背景图案(附10G素材)

时间:2024-06-25
来源:56下载通

关于教程

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

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

一、规则性重复背景

PS版方案一:定义图案

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

PS版方案二:定义画笔

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

AI版方案一:用网格建立

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

AI版方案二:用图案建立

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

二、随机性重复背景

PS版:图案填充

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

完成效果:

PS+AI教程!教你玩转重复背景图案(附10G素材)

AI版:插件Astute Graphics

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

PS+AI教程!教你玩转重复背景图案(附10G素材)PS+AI教程!教你玩转重复背景图案(附10G素材)

三、重复图案免费网站

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

1、PATTERN MONSTER

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

2、bg-patterns

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

PS+AI教程!教你玩转重复背景图案(附10G素材)

3、toptal

四个字:相当好用!!!

PS+AI教程!教你玩转重复背景图案(附10G素材)

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

  • AI新手教程:轻松打造多彩酷炫背景图技巧大揭秘

    关于教程 本期视频教你用AI的混合工具,快速设计一张立体质感的多彩渐变色背景图,在电脑壁纸、发布会PPT、网站首图等场景下都非常实用哦~ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01创建星形 根据最终立体图形的棱角数量,创建一个放射状的多角星图形,然后添加合适的渐变色。 S...

    时间:2024-06-16
  • PS+AI教程!教你用3种方法制做3D立体爱心

    一、关于教程 本期视频教大家制作3种Q弹可爱的立体爱心,大家应该都比较好奇这些爱心是用什么方法做的,接下来我就为大家解读制作思路。 二、教程简概 详细操作请看文章开头的视频教程演示。 #01绘制爱心形状 在AI中画一个正方形,删除上方节点,然后拉大描边并把端点改为圆角,此时选中上方两个端点选择平...

    时间:2024-06-07
  • PS+AI教程!超逼真的镀铬金属字效海报

    一、关于教程 失踪人口回归啦,今天给大家带来写实细腻的镀铬机械字效海报!依然是熟悉的ps+ai制作(滚滚长江东逝水的那个ai),老套的功能,也能轻松做出新的效果~ 二、教程效果图 三、关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01文字创建与3D效果实现 使用AI软件,选择端点圆...

    时间:2024-06-04
  • AI+PS教程!教你用AI混合工具制作形状扭曲海报

    关于教程 AI混合工具的妙用!教你做出极具立体感的迷幻风格主视觉图案!用在产品包装、手机壁纸上一定会大受欢迎哦~ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01圆点虚线 绘制圆点虚线图案,分别给描边和填充添加合适的渐变色,形成最后立体图案的横截面。 Step02混合工具 对两...

    时间:2024-06-16
  • PS教程!照片如何转夜景?教你把白天秒变夜晚效果(含练习素材下载)

    关于教程 平时看大佬灵感图集的时候,许多小伙伴发现了多数大佬喜欢做黑夜场景,而且做的具有质感、通透,不像是自己做的,又闷又黑! 自己动手做夜晚黑乎乎一片,没有任何细节而言! 其实制作出黑夜场景并不难,难的是如何让黑夜不沉闷,富着有通透感! 教程简概 #01如何打造高级夜晚效果? 在合成中,首先...

    时间:2024-06-14
  • AI+PS教程!你掉发了!教你制作杂乱毛发字体效果海报

    关于教程 头发都不见了?!学会本期教程,把散落一地的头发重新利用起来,做一个让人过目不忘的杂乱线条字体效果海报! 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01文字路径 在AI中用钢笔绘制出文字的笔画路径,将描边粗细调小,然后将文字复制多层。 Step02粗糙化 通过反复多次...

    时间:2024-06-22