如何创建带有波浪线的织物图案

平面设计 adobe-photoshop 模式 质地 资源推荐
2022-01-31 19:20:29

我想创建一个织物图案,像这样:

在此处输入图像描述

我在平面设计方面不是很有经验。

有人可以解释一下如何在 Photoshop 中创建织物纹理并叠加波浪线图案吗?

3个回答

不久前有人问了一个非常相似的问题:如何在 Photoshop 中重新创建此背景以用于移动应用程序?

您提供的那个有点不同,添加了一些波浪线。通过执行以下操作,我能够创建非常接近的东西:

第 1 步:创建具有所需大小和颜色的文档

第1步

第2步:根据链接问题中的答案,添加一些噪音

第2步

第 3 步:添加垂直线(我创建了一个快速模式以使其简单)

第 3 步

步骤 4:将垂直线的不透明度降低到 4% 左右

第4步

现在,添加波浪线:

第 5 步:在一个新文档中,创建一堆水平线

第 5 步

由于要应用的滤波器,我在新文档中执行了此操作

第 6 步:Filter -> Distort -> Wave...用来使线条呈波浪状

第 6 步

第 7 步:将线条的颜色更改为白色(如果还没有的话)并将它们粘贴到原始文档中

第 7 步

第 8 步:降低成品波浪线的不透明度

第 8 步

当然,在我保存成品之前,Photoshop 就崩溃了,但我又成功了:

菲尼斯

这是一个基本的失败。有几个领域需要一些选择和反复试验,但这应该提供基础知识。

创建一个新的方形文档。我使用了 500x500 像素。并添加一系列均匀分布的水平线。

线条

注意:文档的底边没有一条线。画布的底部在下一行开始的地方结束。这在画布底部的行和画布顶部的第一行之间提供了相等的空间。上图中的红线仅存在于此,因此您可以看到画布的边缘。您不希望文件中出现红线

您需要确保所有这些线都在一个栅格图层上。因此,如果您使用形状工具或其他方法创建图层,则可能需要合并图层。我使用了线条工具,然后选择了它创建的所有图层,然后单击“对齐面板”中的“在垂直中心上分布项目”按钮。

选择滤镜 > 风格化 > 波浪...

海浪

请注意,我使用了 1 个生成器,并且勾选了该Wrap Around选项。

这就是试错的地方。您现在需要使用“编辑”>“自由变换”来改变波浪的宽度,以便在水平重复时对齐(它已经垂直对齐)。

因此,选择过滤器 > 其他 > 偏移并在相应字段中输入文档宽度和高度的 50%。然后记下预览。我的文档是 500x500 像素,所以我在每个字段中输入了 250 像素。确保您也勾选了该Wrap Around选项。

抵消

当你这样做时,你会在波浪中间看到一个接缝。因此,单击取消,然后使用自由变换再次水平扩展波浪。本质上,您希望下波峰位于文档边缘。转换后,全选并选择图像 > 裁剪以删除超出画布的不可见内容。重复这些步骤,直到文档中间出现平滑的波浪:

波2

然后我反转线条,使它们变亮(Command/Ctrl+ i)并选择编辑>定义图案。

您现在将波浪作为重复模式。

接下来添加一个图层并用黑色填充。

选择滤镜 > 纹理 > 纹理化...

我使用砂岩设置:

质地

这为整个文档提供了纹理:

砂岩

现在选择图层 > 图层样式 > 图案叠加并选择您之前定义的波浪图案。您最有可能需要降低不透明度。

图案叠加

图案

从这一点来看,这是一个着色和调整水平以改变对比度的问题。

在此处输入图像描述

这个最终图像不是重复的图案。虽然我概述的步骤将允许您将图像制作成您需要的任何大小,但我并没有尝试创建可重复使用的完整模式。仅将波浪作为模式为未来的文档提供了更大的构建灵活性。如果这个最终图像本身就是一个图案,那么您在更改颜色、值、大小等方面将受到限制。一旦创建了波浪图案,您就可以轻松地为任何文档重复 Textureizer 步骤和图案叠加。此外,仅将波浪作为图案允许您使用不同的纹理化方法,或者根本不使用,以满足不同的需求。

扫描织物样本会让你开始。如果你想平铺它,你必须降低任何阴影或主要颜色变化。您也可以以此为起点,在其上进行自己的细微调整,但这对于新手来说是一项艰巨的任务。