图案 网站 背景 大家好，这里是和你们聊设计的花生~之前为大家推荐过5个纹理材质网站和5个科技感背景网站，今天继续为大家推荐9个高质量几何背景图案素材网站，它们包含了上千种丰富的图案样式，可以用作海报、网页、包装、PPT、壁纸设计等多个方面，下载便捷且都是免费可商用，一起来看看吧~PPT设计必备！5个高质量科技感背景生成器大家好，这里是和你们聊设计的花生~科技风一直都是 PPT 设计中比较热门的风格，而想做好科技感，除了合适的配色，自然也少不了各种具有形式美的抽象几何图案。阅读文章 > 1）more.graphics网站直达：https://more.graphicsmore.graphics 是一个免费可商用的图案生成器网站，集合了表情符号、六边形图案、渐变、几何、蒙德里安、包豪斯、带状等7种功能，图案样式累积有100多种。每种图案的尺寸、图案模式和配色方案都可以修改，因此也可以得到更加丰富多变的样式。其中平铺图案都是可以无缝拼接的，提供PNG/SVG/JPG 3种文件下载格式。2）VISIWIG网站直达：https://www.visiwig.com/（搭梯子速度更快）一个由个人设计师开发的几何背景图案生成网站，包含图标、图案和纹理三种类型，都是免费可商用的。其中图案包含了30多种基础几何图形样式，简洁大方，每一种都可以调节图案的大小、方向、密度、颜色等，可复制CSS代码和下载SVG格式文件，方便图案的再次编辑。3）Superdesigner网站直达：https://superdesigner.co/toolsSuperdesigner也是一个图案生成工具合集，包含SVG背景、3D元素生成器、渐变、几何背景、CSS背景等10种功能。其中背景图案样式达到了200多种，精致可爱，可以调整其配色和透明度，每个图案都可进行无缝拼接。图案的使用方法是直接复制SVG格式文件，导入Ai中即可编辑使用。4）Looneypatterns网站直达：https://looneypatterns.com/Looneypatterns 是一个黑白手绘线条风格的图案网站，目前包含45中图案样式，风格清新简洁，可免费下载并进行商用。下载方式为点击缩略图进入大图页面，然后右键保存PNG文件即可。5）Pattern Monster网站直达：https://pattern.monster/Pattern monster 是一个在线的免费矢量背景素材库，目前拥有248多种图案样式，除了常见的几何图形还有一些适合圣诞节、万圣节、生日等节日的装饰图案。每种图案的尺寸、大小、颜色、方向都可以进行调整，提供CSS代码、SVG和PNG三种下载格式，对后期调整来说也非常方便。6）Tylify网站直达：https://tylify.app/Tylify 是一个以 Emoji 表情符号为基础元素的趣味平铺图案生成器，有着无数种可能的组合方式。我们可以通过增删表情符号、调整大小、颜色、角度来组合成一个基础的“瓷片”单元，在此基础上网页自动拼合形成无缝的背景图案，此外也支持自己上传元素图片进行图案组合。支持SVG和PNG两种下载格式，此外还有Figma的插件可供下载。关于 emoji，你必须知道这个全能网站Hello Everyone~ 我是花生。阅读文章 > 7）Subtle patterns网站直达：https://www.toptal.com/designers/subtlepatterns/一个公益性质的纹理图案网站，站内素材都是由专业设计师创作并上传的，包含布料织物、几何图案、瓷砖纹样、植物等多种类型。网站提供400*400px的PNG格式文件下载，可无缝拼接。8）wowpatterns网站直达：https://www.wowpatterns.com/free-vector-artWowPatterns是一个专注图案设计的专业网站，目前收录超过 3000 多种纯手工的创意图案，华丽多彩，包含民族、季节、几何、抽象图形等多个类型。可下载JPG格式和可编辑的EPS格式，图案完全免费用于商业和个人用途。9）bg-patterns网站直达：https://bg-patterns.com/一个日本的背景图案素材网站，包含几何条纹、植物、日式传统纹样等多种类型，总样式近2000种，都是免费可商用的。每种图案有5种不同的配色方案、7种图案大小和 PNG/SVG/PNG/Ai/EPS 5种文件格式可供选择，非常全面。以上就是今天为大家推荐的9个免费可商用的背景图案素材网站，喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友 。如果你有关于本文或者设计的相关疑问，可以在评论区提出，我会第一时间为大家解答 ~推荐阅读：要质感叠纹理！5个设计师必备的免费高清纹理素材网站大家好呀，我是和你们聊设计的花生~在海报设计、字效设计、插画中，叠加纹理是提升设计质感、营造主题氛围的有效手段。阅读文章 > 看电影学审美！8位值得关注的宝藏电影拉片UP主大家好，这里是和你们聊设计的花生~想必很多学设计或插画的小伙伴听过可以通过看电影来提升审美，学习构图、配色、造型等方面的知识，并获得相应的创作灵感。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/pattern-background-resources
图标 图案 网站 Lineicons 是一套收录超过 5000 种图标的合集，主要设计风格为手工制作线条图标，适合使用于各种现代化用户界面，例如网页、桌面软件等等，对于设计师或开发项目来说非常有用。其实类似的图标资源还真不少：快收藏！超过 30 万个免费矢量图标下载的「SVG Repo」SVG Repo 是一个收录大量 SVG 向量图和免费图标的网站，依照说明，网站收录超过 30 万个图标图案，直接在网站探索或是以关键词搜索方式找到自己需要的图标下载，即使用于商业用途也没问题。阅读文章 > 超过 4500 个免费矢量图标打包下载的网站「Unicons」Unicons 是一套收录超过 4500 种图标的图标库，来自开发商 Iconscout，本身有四种不同风格设计，包括单纯线条（Line）、单色（Monochrome）、填满颜色（Solid）和更细边框线条（Thin Line），超过 20 种分类，像是箭头、品牌标志、商业、对话、云端服阅读文章 > Lineicons 分为两种方案：Free Basic 和 Pro，前者免费，但可使用的图标图案 532 个，而且没有提供 AI 源文件，使用时需要标示出处来源；若付费升级 Pro 方案就可开启完整五千多个图标集，使用无需标示出处，也会有向量图原始档可进行细部的编辑修改，付费方案依照授权用户数量而有不同定价，起始价格为 $29 美元（一年），定价上并不算太高。大家下载免费素材即可。Lineicons网站链接：https://lineicons.com/使用教学开启 Lineicons 网站后点选「Download Now」会看到两种方案比较表，分别是免费基本方案和付费 Pro 方案，可使用的图标素材数量不同，免费使用需要标示出处来源，如果只用得到 Lineicons 里其中几个免费图标的话，只要选择免费版即可。点选「Download Free」免费下载 Lineicons 图标集，目前共有超过 500 个基本图案。从网站上方选单选择「Icons」开启图标浏览工具，从这里可以探索各种分类的图标图案，或从上方搜寻字段输入关键词查找，调整预览图标大小、颜色，左侧则是 Lineicons 分类可找到特定类型的图标素材。在 Lineicons 网页如果右上角标示为 PRO 代表需要付费升级才能使用。如果用户只想寻找免费的基本图标素材，可以在浏览工具右上角切换「FREE」，如此一来图标查看器就只会显示免费版图标图案，减少大部分干扰。点选要取用的图标图案后就会显示程序代码，稍后将 Lineicons 的 CDN 链接加入网站，就能在特定位置加载图片，非常简单，透过 CSS 来调整图标颜色、大小或显示样式，从 Lineicons 网站也能单独复制特定图标 SVG 程序代码或下载为 SVG 向量图格式。从 Lineicons 首页找到 CDN 链接，将它加入网站的 head 就能快速加载特定图标图案，和其他常见的免费图标库差不多，好处是无需自行托管任何图标图案或字型。更多的使用说明和范例可参考说明文件。值得一试的三个理由：Lineicons 收录超过 5000 个图标图案，风格为线条图标免费方案可使用 532 个图标，使用时需要标示出处来源可透过免费 CDN 加载相关档案，以程序代码显示图案本篇来源：优设网原文地址：https://www.uisdc.com/lineicons
线条 网站 图案 在纪录片《但是还有书籍》的第 2 季，有一集专门讲了漫画家的故事，其中漫画《黑血》的绘画者赵佳提到，她最高产量的时候一天能画 60 页，分镜起稿和线稿一天全部能画完，那么画的又好又快的关键在于什么呢？我认为很大程度上在于绘画的基础，对于线条和造型结构掌握较好的绘画者来说，寥寥几笔便让人清晰明白的看出画的是什么，想要表达什么意思。当然也不乏以色彩或者构图为亮点，或以精妙的文字深入人心的画家。今天先以基本功为主，为大家带来一个可以练习绘画线条、整体造型等基础画工的网站，简单易于上手，又十分有趣。TryDraw网站链接：https://www.trydraw.com/整个网站的布局十分简洁，空间分布清晰易懂。首先根据网站的官方引导图简单介绍一下，网站左侧，上方为目录，中间为工具栏，依次是画笔、橡皮擦和两种撤销键，下方为页面设置按钮，下文会具体讲解。网站上方最为重要的就是「Clear」键，如果对自己的不满意，点击清屏即可重新开始。中间则为我们的绘画区域，分为左右两个部分，左方是练习区域，右边为参考图形。以花瓶练习为例，下图左边这个未完成的瓶子，需要你依据右图这个标准图案来进行绘制，这一练习不仅能够锻炼对线条的把控能力，还能够对图案的整个结构有所把握。接下来，跟网站的名字一样，Try Draw，先尝试着画起来吧，跟随着我一起动笔，一切都会十分明了。你会发现，你画在左图的线条会自动呈现在右图，与标准图片进行对比，符合标准的线条不显示，不符合标准的线条则会用红色标注出来，十分清晰，如果你想不断的接近标准图案，可以多次使用画笔和橡皮擦对线条进行修改，直至画出标准的图形。这样的对比画面呈现形式也是网站创作者的初衷，希望大家边学习边练习，从而达到更好的效果。对于左侧工具栏，可以使用快捷键进行切换，W 代表笔，E 代表橡皮擦，Ctrl+Z 代表撤销最后一步，Ctrl+R 代表返回上一步，这样十分方便鼠绘的同学，左手快捷键，右手鼠标画画，快去试试看。如果你觉得目前对你太难或太简单，都可以选择点击左下方的设置按钮，根据自己的实际情况进行个性化的页面设置。高阶选手可以点击 [Hint] 取消对于左边线稿的选择，直接根据右图来全局掌握画面，基础较薄弱的同学可以选择点上所有的选项，辅助线、网格线和边界线都能够更好的助你完成练习。除了花瓶之外，还有很多图案可供你选择。你只需点击画面左上角的菜单，在 [LEARN] 里面进行图案的选择即可。你可以根据自己的需要做各方面的练习，例如五官——手、眼睛、鼻子等等。从细节来看，在右边标准画面上，会有很多带着问号的小圆圈，这其实是给你的一种提示，例如点击倒数第二个问号圆圈，会出现 Lips（提示），提醒嘴巴应该画在这个位置，如果你不需要，可以按照上面说的在设置中取消选择即可。注意后面带有黄色 [pro] 标志的图案是需要网站会员的，每个月 2.5 美元，如果需要的话可以自行开通，但是免费的图案也有很多种类，足够你进行练习。如果你使用 iPad 打开网站，那么搭配上 Pencil 的使用，会更接近于在纸上进行练习，如果你在手机上看到这篇文章，那么动动手指同样可以随时随地进行练习，是不是非常方便呢？最后，如果切换图案的时候，网站反应比较慢的同学，多刷新几次就可以了，期待大家在线条和造型上的进步~三个值得推荐的理由：对绘画工具没有要求，手指、鼠标、Pencil 都能画可根据对比图时刻调整笔法，练习效果直观又清晰人体五官多图免费练，助你多方位提升线稿和结构免费可商用！这个网站提供超过 58 万种组合的手绘插画素材本文要推荐的「Open Peeps」是一个矢量的手绘免费图库，主要以人物为主，比较特别的是它其实是一个有系统的涂鸦，可以在人物间进行混搭，产生更多种变化。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/trydraw
图层 图案 形状 今天给大家带来一个3D立体效果无缝图案的制作教程。本教程原作者ｇｒａｎｔ Friedman，P大点S翻译。无缝模式对于丰富你的设计，是一个很有趣的、简单的方法。本教程，我们将向大家展示，如何使用PS，快速的制作一个3D立体几何形状的无缝图案。点击下载PSD源文件点击下载PAT图案新建个600X1000像素的文档，点击“视图—对齐”，启用对齐设置，执行“视图—显示—网格”，启用网格设置。现在，我们的画布看起来应该如下图：设置前景色为#e1e1e1，用矩形工具画一个正方形，绘制在大网格中的任意一个位置，定位在这一步并不那么重要，你可以随意摆放，当然前提是与网格对齐。选择“直接选择”工具，选择这个正方形右侧的两个锚点，并拖动它们，位置如下图所示：复制这个形状两次，并重新排列这两个形状，排列位置如下所示友情提示：请确保三个形状之间没有存在缝隙，你可以暂时隐藏网格看一下，因为，如果有缝隙，将会导致我们最终的图案出现缝隙，从而导致图案失败。选择住这三个形状，Ctrl+G，创建图层组，并将组命名为“左”。复制图层组左，重命名为右，并执行水平翻转，排列如下：将图层组右的颜色更改为#c2c2c2接下来，创建个新图层组，命名为“黑色”，复制图层组左和右中的顶部和中间图层，置于黑色图层组中，并移动一个大网格的位置，如下图：删除上图中所标示的锚点1和锚点2，我们得到如下效果：现在我们已经完成了基本形状的创建，接下来，我们所要创建的图案就是基于这个基本形状来完成的。我们现在所需要做的就是，花费一点点时间，复制和重排这个基本形状。新建一个图层组，我这里随便的命名为1，将所有的图层（图层组左、右、黑色）都置于图层组1中，并复制图层组1，排列，再复制，排列，排列得跟下图差不多就够了，因为我们只是想得到一个无缝图案而已，无需布满整个画布。选择“裁剪工具”，请确保禁用“删除裁剪像素”选项。观察图像的排列规律，找出如下图中的这个图案。裁剪，并自定义为图案预设。搞定，随便建个大一点的文件，检验下我们的成果。调整下色相/饱和度，我们可以得到不同颜色的图案：或者尝试下其他模式，你会得到一些很有趣的效果。到这里就算完事了，本文只是为大家提供一个思路，仅思路而已，并无太多的技术含量，希望大家能从本文中得到一些启发，我们想看看大家，都会做出些什么图案来，我们很期待！
图案 背景 图层 最终效果一、创建一个新的文档。设置宽度为600 px和高度450 px。分辨率是72 DPI。二、把背景图层复制一层，并命名为“背景图案”。三、现在，我们要添加一些肌理。双击“背景图案”调出图层样式。选择“图案叠加”，选择“从列表中Cherry01。四、再设置内阴影及渐变叠加。五、输入文字，颜色选择白色。六、使用“移动工具”，选择文本和背景层，然后单击对齐命令见下图。七、给文字添加图层样式，先设置混合选项。八、给文字添加投影。九、添加图案叠加，选择“波浪纹理”。十、添加内阴影。十一、外发光。十二、内发光。十三、斜面与浮雕。十四、颜色叠加及渐变叠加。十五、这是最后的一步，但不是那么重要，增加描边效果。最终效果：
图案 图标 背景 Icons Pattern 是免费图标库「Flaticon」提供的在线工具，协助用户以喜欢的图标设计出独特的背景素材，可使用于手机、移动设备背景或是做为社群网站背景，也能调整每个图标尺寸大小、位置、不透明度、旋转方向和背景颜色等等，最终产生为 PNG、JPG、SVG 三种主要格式或 Base64 编码，下载前设定尺寸和图片大小。值得一提的是 Icons Pattern 产生的素材图案为无接缝图案（seamless patterns），只要小张的图片、重复拼接显示就能制造很漂亮的效果，而且符合各种尺寸和使用情境，我之前介绍过类似的无接缝图片产生器工具：想快速绘制出好看背景？用这个神器一分钟搞定！本文要推荐的「Everypixel Patterns」是最近新推出的在线工具，可以协助设计师产生更具个人化的图案，这些图案都是无接缝图案（Seamless patterns），对于要获得创作灵感、或产生全新图案来说都很有用，制作后直接从网站就能下载 SVG 向量图和 PNG 两种格式。阅读文章 > Icons Pattern 图标素材来源为 Flaticon 网站，网站本身就已收录超过 200 万个图标图案，不过并非每个图案或图标集都能免费使用，如果标示为 Premium 代表需要付费解锁，还好免费范围已有不少选择，有兴趣的朋友可以自己去动手玩玩看。想寻找类似于上图的手机背景但又没有合适的选择吗？不妨打开 Icons Pattern 工具自己制作一个吧！Icons Pattern by Flaticon网站链接：https://www.flaticon.com/pattern/使用教学开启 Icons Pattern 网站会看到简单三步骤教学，首先搜索、找到你要使用的图标，点选后将它加入并调整尺寸、颜色和背景，最后点选「下载」就能将设计输出保存为特定格式。从左侧选单点选搜索，找到特定的图标集或图标图案，点选就会新增到图片编辑区，也可以使用最下方「Random pattern」随机加入排列。很有趣的是 Icons Pattern 加入的素材可以进行进阶调整，像是配色、阴影、不透明度等等，不喜欢的话点选右下角「Clear」就能清除重来。点选左侧的调色盘设定图片背景颜色，调整后会实时显示于网页右侧编辑器。编辑完成后点选左下角「Download」绿色按钮保存图片。下载前可选择格式：PNG、JPG、SVG 或 Base64 编码，可设定图砖和图片大小，点选下方的绿色「Download Pattern」就能下载并取得图片啰！值得一试的三个理由：免费图标网站 Flaticon 提供的在线工具，以图标设计出独特背景图产生的素材图案为无接缝图案，只要重复拼接即可制造漂亮效果下载为 PNG、JPG、SVG 三种格式或 Base64 编码为什么我10秒就可以做出漂亮的背景图？有这个神器你也行！有时候我们需要一些好看的背景素材，时间一紧张可能就做得不咋地，没关系，今天给大家推荐一个自动生成背景纹理的网站。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/icons-pattern
步骤 图案 图层 本篇教程是要制作一个沙发的字母靠枕，整体来说是有一定难度的，加上又是翻译教程，制作起来还是有一定的挑战性，不过教程中说的很清晰，相信同学可以通过教程制作的很好，教程只是参考，具体做成什么，还是要看同学们对教程的理解，在素材上同学们可以自由搭配一下，不是局限某一种，具体通过教程来学习一下吧。操作步骤：1.修改和保存图案图像步骤1转到文件>打开免费EPS文件，矢量集花卉无缝模式01文件。这将显示栅格化EPS格式的窗口，我们将将模式更改为RGB颜色，并取消选中消除齿框，取消勾选反锯齿框将给我们带来清晰的结果，这样我们可以轻松地选择图案，而不必处理模糊的边缘。步骤2文件打开后, 稍微放大左上角, 您可以看到第一个图案的边缘具有一些透明的部分, 如果按这样使用, 将产生不连续性的问题。因此, 接下来的几个步骤将只是解决此图案的问题。对于其他图案, 您只需选择它们并将其保存为图像就好。步骤3选择矩形选框工具, 并围绕第一个图案的图像创建一个选区。选择不必精确, 因为我们将在下一步中修复它。步骤4右键单击所选内容, 然后选择 "自由变换"。然后将所选内容拖到其顶部, 以便您可以准确的选择图案。完成后, 点击回车键确认更改。步骤5创建一个新图层或者是图形, 然后复制一份图案。选择 "移动工具", 按下 shift 键, 然后将复制的图像向下拖动到文档的中心。步骤6在复制一个图案图层, 并将复制的图层向上拖动到文档的中心, 以便其底部边缘与下面的能完美结合。步骤7使用矩形选框工具在空白区域上创建一个选区, 并使用油漆桶工具将其填充为周围的粉红色。步骤8选择这两个图层, 然后合并它们。转到文件 > 保存, 并将模式另存为图像 (jpg) 文件。最好给每个图案一个数字(名字)), 以便以后更容易使用它们。步骤9对于其余的图案, 方法是一样的!2. 创建文本形状图层步骤1创建一个新的1000 x 626px文档与白色背景。然后, 使用HWT Artz 字体锁定大写以创建文本。将 "大小" 设置为350pt, 将 "间距" 设置为50。步骤2将文本图层重命名为 "文本", 右键单击它, 然后选择 "转换为形状"。3. 创建描边形状图层步骤1复制文本图层, 并将复制的重命名为 "后管道"。步骤2选择直接选择工具 (A)。在 "选项" 栏中, 将 "填充" 更改为 "无", 将 "描边颜色" 更改为 #e9e7e2, 将其 "大小" 更改为5。单击 "设置形状笔画类型" 图标, 将 "对齐" 更改为 "外部"。步骤3将后管道层复制两次。将第一个副本重命名为 "边缘", 将第二个副本重命名为 "前管道"。然后, 将边缘的描边大小更改为2.5。4. 创建一个简单的曲线形状步骤1选择矩形工具, 单击文档中的任意位置, 然后键入"宽度" 为 5, "高度" 为600。
张大湿
飞翔的企鹅
落霞与孤鹜
表哥
