背景教程教你制作无缝的背景填充图案(背景教程教你制作无缝的背景填充图案图片)

本文主要介绍背景教程教你制作无缝背景填充图案视频(背景教程教你制作无缝背景填充图案)，下面跟着东辰网详细了解一下吧。

把一些漂亮的图形做成图案，用的时候直接填充，但是前提是要把这些图案做成无缝的图案，那么怎么做成无缝的填充图案呢？今天，我将教你如何制作无缝拼接图案。

几何纹理应该算是一种现代装饰风格，但当几何图形被创造性地叠加后，就会组合成新的纹理图案。这种图案略显复古，我们可以用这些复古的图案打造出无缝的图案，这些图案在传统风格设计中经常被用作材料。今天@飞屋瑞UIdesign给同学们做一个教程。拿着！

美国的传统图案值得我们借鉴，所以我们从传统图案的图片中寻找创作灵感。

这些模式相对来说比较复杂，我们可以在创建的时候稍微简化一下。也可以在白纸上画草图，或者直接用手绘板画出自己的想法。

纹理组合在我们开始画图案之前，要对成品做一个大概的规划，也就是逆向推理。这听起来像是侦探小说中的一个环节，但在设计中也是必不可少的。你可以先在脑子里构思一个理想的效果，然后反推。

例如，在这个例子中，我的最终效果纹理就是这样一个简单的想法。纹理由大、中、小三种图案组成。它们在单一织体中的构成是这样的。

有了大概的构图，就可以开始画图案了。

小图案的绘制首先让我们画最小的图案。打开PS，新建一个250*250px的文档。打开文档的标尺，使用辅助线将其定位在中心。然后设置前景色为紫色，填充紫色背景。如下图所示。

用椭圆工具以中心点的位置为中心画一个圆。这个圆保持无填充状态，线条为1px，线条为白色。

在这个圆的中心画许多小圆。这些小圆圈被一个花心包围，组合成一个简单的图案。这也是最简单的图案，取自莲花心的创意。

画两个长椭圆并使它们相交。放在刚才的图形上面，这样就重叠了，这样图案就更饱满了。

使用多边形工具，设置边数为3，放在正上方，然后复制三角形，垂直对称放在下方。复制完这两个三角形后，旋转30度，按照这个复制旋转的过程操作几次，得到一个三角形围成的图案。

此时，使用直接选择工具选择三角形的一个锚点，并将每个锚点与像素网格对齐。这样做的目的是为了保持图形的精细，使用像素网格是个不错的选择。当您放大图表时可以看到像素时，像素网格就会出现。如果它不t还没有出现，请在视图显示像素网格中检查打开它。根据这个将所有三角形锚点与像素网格对齐。

这是放大到100%的外观。

在我们的小图案绘制完成后，我们可以将上面的图层分组并隐藏它们。

中型图案的绘制比小型图案稍微复杂一点，所以我们用一个自带的以PS为中心的矢量图。图中仍填空白，白描为1px。

还是从自己的矢量图形中找到心形，然后把心形放在四个角上。同时重叠两个矩形，其中一个旋转45度。矩形填充镂空，笔画为白描2px。

这个时候图形中间会显得有点空，因为是复古风，所以图案要尽量饱满，所以我加了一圈椭圆来模拟花的形状。然后在每个矩形直角的顶端加上两个重叠的小圆圈作为装饰。外侧小圆的笔画线是2px，内侧是1px。

记得检查矩形的锚点是否与像素网格对齐。或者放大到正常大小，把我们中等大小的图案编成一组，隐藏起来。

大型图案的绘制

大图案当然是最复杂的，但其实在演示了上面两种图案的绘制过程后，你会发现这些图案其实是由非常简单的图形组成的。一些复杂的美可以用简单的几何图形创造出来。

或者画出中心。这个圆心由两个圆组成，然后在圆心处组合一个花的图案。可以仔细观察，发现花瓣是梭形的。这要求您首先绘制一个长椭圆，然后使用变形点工具单击两端对齐的锚点。这时，椭圆变成了梭形。

用小圆圈的组合包围圆圈的外部。可以先画一个圆，然后对称放一个圆，再把两个圆旋转30度，这样重复这个步骤就可以形成一个包围的图形。然后用同样的方法画一个三角形。三角形的锚点与像素网格对齐。

再画两个大圆，笔画2px。这时候在大圆外面的四个角上放一个小圆，在小圆里用自己的矢量图形放进去。

这时外围加一个更大的圆，这个圆的笔画是4px。因为我们不。;不希望这个大圆挡住这里四个角的装饰圆，我们可以用蒙版擦掉装饰的重叠部分。这样有层次感，让画面更饱满。

这里几何图形的组合是非常随机的。只要定好总基调，各种图案可以很自由的组合。让让我们看看完整尺寸的成品。

定义无缝纹理

这时候我们把小图案打开，放在四边的中点。它的中心应该正好在画布四边的中点。

中等大小的图案放在画布的四个角上，其中心正好与四个角的顶点对齐。

大图案放在画布的中央。这时，这个无缝的图案就组装好了。

关闭背景层，然后转到[编辑定义模式]并将其保存为复古质感。

这时候我们的复古无缝纹理就完成了，可以在新文档中使用查看纹理。管理效果。比如在任意图层上填充一个图案，选中这个图案我们的作品就会出现。

后记:把一些漂亮的图形做成图案，使用时直接填充，但前提是要把这些图案做成无缝图案，那么怎么做成无缝填充图案呢？今天，我将教你如何制作无缝拼接图案。

几何纹理应该算是一种现代装饰风格，但当几何图形被创造性地叠加后，就会组合成新的纹理图案。这种图案略显复古，我们可以用这些复古的图案打造出无缝的图案，这些图案在传统风格设计中经常被用作材料。今天@飞屋瑞UIdesign给同学们做一个教程。拿着！

美国的传统图案值得我们借鉴，所以我们从传统图案的图片中寻找创作灵感。

这些模式相对来说比较复杂，我们可以在创建的时候稍微简化一下。也可以在白纸上画草图，或者直接用手绘板画出自己的想法。

纹理组合在我们开始画图案之前，要对成品做一个大概的规划，也就是逆向推理。这听起来像是侦探小说中的一个环节，但在设计中也是必不可少的。你可以先在脑子里构思一个理想的效果，然后反推。

例如，在这个例子中，我的最终效果纹理就是这样一个简单的想法。纹理由大、中、小三种图案组成。它们在单一织体中的构成是这样的。

有了大概的构图，就可以开始画图案了。

小图案的绘制首先让我们画最小的图案。打开PS，新建一个250*250px的文档。打开文档的标尺，使用辅助线将其定位在中心。然后设置前景色为紫色，填充紫色背景。如下图所示。

用椭圆工具以中心点的位置为中心画一个圆。这个圆保持无填充状态，线条为1px，线条为白色。

在这个圆的中心画许多小圆。这些小圆圈被一个花心包围，组合成一个简单的图案。这也是最简单的图案，取自莲花心的创意。

画两个长椭圆并使它们相交。放在刚才的图形上面，这样就重叠了，这样图案就更饱满了。

使用多边形工具，设置边数为3，放在正上方，然后复制三角形，垂直对称放在下方。复制完这两个三角形后，旋转30度，按照这个复制旋转的过程操作几次，得到一个三角形围成的图案。

此时，使用直接选择工具选择三角形的一个锚点，并将每个锚点与像素网格对齐。这样做的目的是为了保持图形的精细，使用像素网格是个不错的选择。当您放大图表时可以看到像素时，像素网格就会出现。如果它不t还没有出现，请在视图显示像素网格中检查打开它。这样，所有三角形的锚点都与像素网络相连。网格对齐。

这是放大到100%的外观。

在我们的小图案绘制完成后，我们可以将上面的图层分组并隐藏它们。

中型图案的绘制比小型图案稍微复杂一点，所以我们用一个自带的以PS为中心的矢量图。图中仍填空白，白描为1px。

还是从自己的矢量图形中找到心形，然后把心形放在四个角上。同时重叠两个矩形，其中一个旋转45度。矩形填充镂空，笔画为白描2px。

这个时候图形中间会显得有点空，因为是复古风，所以图案要尽量饱满，所以我加了一圈椭圆来模拟花的形状。然后在每个矩形直角的顶端加上两个重叠的小圆圈作为装饰。外侧小圆的笔画线是2px，内侧是1px。

记得检查矩形的锚点是否与像素网格对齐。或者放大到正常大小，把我们中等大小的图案编成一组，隐藏起来。

大型图案的绘制

大图案当然是最复杂的，但其实在演示了上面两种图案的绘制过程后，你会发现这些图案其实是由非常简单的图形组成的。一些复杂的美可以用简单的几何图形创造出来。

或者画出中心。这个圆心由两个圆组成，然后在圆心处组合一个花的图案。可以仔细观察，发现花瓣是梭形的。这要求您首先绘制一个长椭圆，然后使用变形点工具单击两端对齐的锚点。这时，椭圆变成了梭形。

用小圆圈的组合包围圆圈的外部。可以先画一个圆，然后对称放一个圆，再把两个圆旋转30度，这样重复这个步骤就可以形成一个包围的图形。然后用同样的方法画一个三角形。三角形的锚点与像素网格对齐。

再画两个大圆，笔画2px。这时候在大圆外面的四个角上放一个小圆，在小圆里用自己的矢量图形放进去。

这时外围加一个更大的圆，这个圆的笔画是4px。因为我们不。;不希望这个大圆挡住这里四个角的装饰圆，我们可以用蒙版擦掉装饰的重叠部分。这样有层次感，让画面更饱满。

这里几何图形的组合是非常随机的。只要定好总基调，各种图案可以很自由的组合。让让我们看看完整尺寸的成品。

定义无缝纹理

这时候我们把小图案打开，放在四边的中点。它的中心应该正好在画布四边的中点。

中等大小的图案放在画布的四个角上，其中心正好与四个角的顶点对齐。

大图案放在画布的中央。这时，这个无缝的图案就组装好了。

关闭背景层，然后转到[编辑定义模式]并将其保存为复古质感。

这时候我们的复古无缝纹理就完成了，你可以用它来查看新文档中的纹理效果。例如，在任何图层上填充地图。案例中，选择这个模式就会出现我们的作品。

附言

了解更多背景教程教你制作无缝背景填充图案视频(背景教程教你制作无缝背景填充图案图)相关内容请关注东辰网。