创建具有许多不同方形和矩形虚线的精确图案的自定义笔画

平面设计 adobe-illustrator 中风 插画效果
2022-02-06 18:40:13

任何人都可以提出一种方法,基本上可以让我使用下图中显示的模式作为笔划吗?我希望能够将其应用于任何路径,并希望确保每个组件/破折号将保持原样;例如,正方形将保持完美的正方形,并且与下图中显示的大小完全相同?在角落,重叠或特定形状都可以,只要它们保持视觉一致性。

用作描边的图案

我尝试过艺术、图案和散布画笔,但它们中的每一个都以某种方式操纵或拉伸图案;与前面的例子一样,正方形要么变大要么变小,或者变成矩形。

3个回答

这是您正在寻找的结果吗?

在此处输入图像描述

如果不是,并且您根本不需要曲线段,即使在曲线上,您也需要做这样的事情作为指导,然后手动放置并旋转矩形段。

如果这是您想要的,您可以通过从 Illustrator 保存为 SVG,然后破解 SVG来超过 Illustrator 的 dash-gap-dash-gap-dash-gap 最大值(有一些妥协) 。完整步骤如下。

但首先,请注意,使用这种方法:

  • 您会丢失 Illustrator 无法转换为 SVG 的任何功能。数量不多,但一些复杂的效果(如混合或光栅效果)可能会破坏或导致文件大小异常膨胀。
  • 应用此模式后,您无法在 Illustrator 中编辑文档。我建议在完成文件时应用它 - 如果您需要进一步的文件转换或完成,像Inkscape(免费和开源)这样的基于 SVG 的编辑器是您的朋友。

这是如何做到的:

  • 在 Illustrator 中准备您的形状。给他们一个坚实的笔触,没有点或破折号,否则 Illustrator 会弄乱 SVG。提示:将任何你能做的东西变成复合路径 ( object > compound path) 将使接下来的步骤稍微容易一些。例如,将上面的所有行Hello组合成一个复合路径。
  • 另存为 SVG
  • 在纯文本编辑器/代码编辑器中打开 SVG。有数千个免费的,或者您可以使用 Windows 记事本或 Mac TextEdit(但在打开任何文件之前先将 TextEdit 设置为纯文本模式),或者如果您有 Dreamweaver,甚至可以使用它......
  • <path将这样的内容添加到您想要具有此模式的每个:

    stroke-dasharray="2 1 4 1 5 1 3 1 5 1 2 1 4 1 1 1 3 1 1 1"

数字定义了图案并且与笔画宽度有关 - 例如,如果您想要笔画宽度为 2,请将所有数字加倍 ( 4 2 8...)。它是破折号的长度,间隙的长度,破折号的长度,间隙的长度,重复。

然后在可以读取 SVG 的东西(例如网络浏览器)中打开它

以下是上面示例后面的代码在添加stroke-dasharrays 后的样子:

在此处输入图像描述

你有点要求不可能。至少具有任何自动化功能。

“沿着任何路径”拥有某些东西的简单性质意味着它在一定程度上扭曲。不可能让某样东西走完全没有扭曲的道路。为了模仿路径,总是会引入曲线和扭曲即使该图案是作为字体创建的,您也会看到沿弯曲路径的变形。

图案画笔将起作用,但前提是A)您的路径没有曲线并且B)所有路径段都足够长以包含整个图案。“任何路径”都会被画笔分崩离析。正如@EddieA 在评论中提到的那样,Illustrator 没有提供足够的间隙和破折号选项来生成该特定模式。

为了沿非线性路径在任何地方实现绝对零失真,您需要每个部件能够独立于其他部件旋转和旋转。对我来说,这意味着在这方面模式将被打破。

您必须手动放置图案并定位它。使用符号会有所帮助,但如果您不想在任何地方出现失真,最终将需要一些手动精度。

在 Adob​​e Illustrator 中

  1. 使用钢笔工具创建笔触,保持选中状态。
  2. 中风后,转到屏幕顶部的菜单。单击窗口>描边...
  3. 将显示一个类似于所附图像的菜单。(如果您看不到 Dashed Lane Options。您需要单击 Stroke 窗口右侧的图标并显示选项)。
  4. 现在您需要检查 Dashed lane 以使其正常工作,使用设置进行操作。然后,您现在可以享受创建自定义虚线的乐趣了。

在此处输入图像描述 描边图像