如何在 Illustrator 中使用斑点图案创建深度错觉效果?

平面设计 adobe-illustrator 向量 看法 深度 光学错觉
2022-01-20 03:52:39

我需要帮助在 illustrator 或 Photoshop 中使用简单的工具创建这样的图形,并在锐利的折叠中保持透视效果(与包装工具相反)

我尝试了网格工具,但无法找到产生倾斜效果的方法。

在此处输入图像描述

有任何想法吗?

4个回答

这是使用 Illustrator 完成工作的另一种方法

  1. 创建一个圆圈并选择它
  2. Object > Pattern > Make
  3. 在图案选项面板中调整圆圈之间的间距,然后按Done

在此处输入图像描述

  1. 画一个矩形,用刚刚制作的图案填充它;您可能需要通过选择和缩放图案来稍微effects > distort & Transform > Transform缩放图案,并确保您Transform Pattern仅选中并取消选中其他选项。
  2. 通过选择栅格化该矩形Object > Rasterize
  3. 转到object > Envelope Distort > Make with Mesh对话框中制作您想要的网格。在我的示例中,我将其保持为 4X4 作为开始,您可以通过网格工具添加更多网格锚U
  4. 使用白色箭头选择任何网格锚并将其移动到新位置以获得您想要的效果。 在此处输入图像描述

如果您要精确,这不是一件容易的事。

Illustrator 不会轻易做到这一点。您必须手动绘制整体形状并调整每个元素的透视、大小和值。Illustrator 中的网格失败是因为很难获得硬边缘转换区域,此外,网格会根据网格点的位置扭曲底层对象。因此,使用网格时,整体图案看起来会非常不同。

最简单的方法是通过Photoshop 中的置换贴图

您创建基本文档:

在此处输入图像描述

一层白色物体和一个纯黑色填充层作为背景。

然后,您创建一个具有相同尺寸的灰度文档并添加不同的值以创建深度区域。

例如:

在此处输入图像描述

区域越暗,最终将被视为距离越远。这是困难的部分。您可能必须使用灰度文档才能使其准确反映深度值。这称为您的深度图当它关闭时,将其保存为标准灰度 .psd 文件,您可以轻松找到它。

然后回到你的设置文件,选择Filter > Distort > Displace. 单击OK第一个小窗口,然后将弹出一个打开对话框。此时选择您的灰度 .psd 文件。

这将扭曲设置文件中的图层以匹配您创建的深度图。

在此处输入图像描述

只需反复试验即可按照您想要的方式获得深度图。

如果您搜索它们,网上有许多关于此的教程

然后,如果您真的在 Illustrator 中需要它,我会在 Illustrator 中保存并使用Image Trace尝试仅在 Illustrator 中创建它是一个教训,即使不是挫折也是耐心。

hsawires信封扭曲 > 用网格制作的答案是最好的答案,但是您可以使用一些额外的技巧来更容易地获得所描述的“尖锐折叠中的透视效果”(另外,四个非常好的答案显然不是'够了:-D):

  1. 以任何你喜欢的方式准备你的点……关于 Envelope Distort 的伟大之处在于,你可以将它应用于任何矢量并且它们保持可编辑状态。对于这个例子,我将使用类似点的文本来演示向量都保持可编辑状态:

在此处输入图像描述

  1. 不要光栅化!没有必要。相反,直接去Object>Envelope Distort>Make with Mesh,并选择许多网格线。例如,这里我使用的是 14x14。

在此处输入图像描述

  1. (请注意,您可以随时使用左上角的这些按钮在网格和基础向量之间切换在此处输入图像描述:)

  2. 旋转整个东西,使您要创建的线是垂直或水平的,然后使用直接选择工具拖动一个框,在您要给予透视的区域中选择点(这里选择了左侧的一个块):

在此处输入图像描述

  1. 使用比例工具 s将缩放中心拖动到“线”边缘的中心,然后缩放(按住 shift)以根据需要将它们向前或向后移动。此外,如果双击并设置非常低(如 1%)并且画笔非常大,可以使用膨胀工具褶皱工具(隐藏在宽度工具下方)来平滑事物。Intensity准确使用它们有点棘手,但它们仅适用于选定的点,这会有所帮助。

在此处输入图像描述

  1. 根据需要重复...有时彼此相邻的许多小变化看起来最平滑

在此处输入图像描述

  1. 我有没有提到底层的艺术作品仍然是完全可编辑的,就好像你没有对它做任何事情一样?只需切换到编辑内容,您就可以对底层矢量图进行任何您喜欢的更改:在此处输入图像描述

在此处输入图像描述

您实际上可以在Illustrator中执行此操作(根据请求)。诀窍是确保在使用网格工具后,将沿手柄拖回沿边缘的 1/3 处,否则会沿*挤压图像。

此外,它可以帮助保持来回旋转,以便于选择。

顾虑

图1:做顾忌。我实际上做的是每转一圈后创建一个新包装。(然后释放它。)

图 1 中使用的程序:

  1. 制作点网格(星星,字母等)
  2. loop ← 完成一折后返回此处
  3. 将所有东西旋转到某个方向
  4. 标记选择网格项目,以便您的选择拆分形状
  5. 使用仅 1 行和 1 列的网格应用包裹
  6. 向内移动与网格相对的边缘
  7. 修复 2 个侧边切线,使它们大约为 1/3,这样就不会发生大的变形
  8. (可选)释放网
  9. 旋转回来(如果你 alt 点击旋转插画家记住你的旋转只是否定数字)
  10. 重复。

尽管有更好的工具可以解决这个问题,但如果出于其他可能出现的目的而知道这一点,那就太好了。

备择方案

实际上,一旦旋转后沿选择线缩放就足够了,因此如果您不想使用授予可能有点棘手的信封,那么倾斜和缩放就足够了。信封使折痕的边缘更加坚韧。

另一个例子

图 2:您可以剪切形状(它们不必是点)以获得锐利的折痕。并对这些区域进行阴影处理,进一步增强外观(可能是稍微夸张的效果)。

附录:*关于使用网格进行线性移动。

揉搓

图 3:当形状变短时,会出现均匀的扭曲