在 Illustrator 中完成这样一个图形的最简单和最精确的方法是什么?

平面设计 adobe-illustrator 向量 插图
2022-02-17 03:02:32

我想知道如何在此处输入图像描述在 Illustrator 中处理这样的图形。当我谈论这个图形时,我实际上是在谈论圆圈之间的联系。

3个回答

使用旋转 45° 的正方形作为参考线可以获得相当准确的圆切曲线,即与每个圆的半径相同大小的正方形,使用旋转工具围绕圆的中心旋转,然后使用钢笔工具,确保曲线的贝塞尔手柄与正方形的角对齐。

例子

在此处输入图像描述

然后您可以复制并粘贴您制作的路径,并将其反射 180° 并移动它,使末端捕捉到圆的中心

在此处输入图像描述

然后,一旦你有了你的形状,你就可以使用 Shape Builder 工具来制作碎片。

在此处输入图像描述

最后,您可以使用直接选择工具选择一侧的所有锚点,并自由移动它们。

在此处输入图像描述

甚至缩放它们

在此处输入图像描述

这是一个放大的镜头,在轮廓视图中显示了切线的准确性。

在此处输入图像描述

一种无需 3rd 方插件即可获得对称网桥的简单方法:

在此处输入图像描述

在圆心之间画一条线。

使用宽度工具使桥梁具有好看的宽度变化。您必须在两端、圆的中间以及圆半径的中点处插入宽度调整手柄。

从用户指南中了解如何插入、移动、调整和移除宽度手柄。很容易意外插入太多。

最后将圆圈放在前面并选择颜色。

重要提示:从一开始就有没有描边的彩色圆圈很有用,因为在制作桥接时很容易意外调整圆圈描边的宽度。我没有使用填充来使手柄在我的屏幕截图中清晰可见。

这种方法是基于目测的,它不会自动生成与圆相切的桥。但结果是对称的,不费吹灰之力。

移动桥接圆:

如果要移动已桥接的圆,请使用直接选择工具在圆上拖动并移动圆的节点之一。其他节点和线端如下:

在此处输入图像描述

不幸的是,宽度手柄的位置会自动按比例调整,如图所示。最初位于圆半径中点的宽度手柄现在位于圆外,使外观看起来有些凸起。它们必须被移动或删除,并且必须在圆圈内绘制新的:

在此处输入图像描述

另一种无需额外软件(目测)的方法是用笔画出来。如果您对钢笔不太熟悉,请仅单击以获取多边形并稍后绘制手柄:

在此处输入图像描述

使用锚类型工具将手柄拖出角落并为桥着色:

在此处输入图像描述

它不是自动对称的,也不是切线的,在练习中移动一个圆圈会迫使你重新画桥,但稍微练习一下,半分钟就能画出一个光滑的桥。

你可能会说: “它必须是对称的和切线的,没有眼球,我想要完美的按扣。

在这种情况下,一个可行的想法是为 Illustrator 获取 CAD 扩展插件。我没有这样的软件,我在一个简单的 CAD 程序(=TurboCAD dlx)中展示了这个想法。它提供了绘制与 3 条已绘制曲线相切的弧的可能性:

在此处输入图像描述

有许多具有相同功能的低成本和免费的 2D CAD 程序。Illustrator CAD 插件不是免费的。

洋红色虚线是自动矩形捕捉指南,很快就会消失。我在两个较大的圆圈之间的连接线上插入了一个小圆圈,以获得第三个项目。

结果可以导出为 SVG、PDF 或 EMF 以在 Illustrator 中使用。CAD 插件可以直接在 Illustrator 中工作。

如果圆圈恰好在相同的水平或垂直线上,切线弧或其他曲线也可以很容易地绘制,也无需插件。GDSE 中较早的案例展示了一些方法。你也得到了一个答案,它显示了一种方式。

但是您可以继续:我不会获得插件或 CAD 程序。并且圆圈已经在好位置,我不会旋转它们以使切线易于绘制”

情况并非没有希望,但您必须应用一些古老的几何思想来获得正确的弧线。除了需要桥梁的 2 个圆圈外,在“图层”面板中暂时关闭所有其他对象。请看下一张图片:

在此处输入图像描述

画一个圆(黑色笔划,无填充),其半径 = 即将到来的桥的边缘弧的所需半径。复制。将新圆圈放置在 9 点钟和 3 点钟节点处的橙色和棕色圆圈上。如果您有 Smart Guides 和 Snap to Points ON,您可以轻松地将圆圈拖到正确的位置并查看它们是否对齐。仅使用普通选择工具选择一个圆圈并按住 Ctrl 键移动一个节点 - 您暂时打开了直接选择工具。随之而来的是整个圆圈,并且移动的节点会捕捉。

在新圆的中心绘制 2 条垂直线(=按住 Shift):

在此处输入图像描述

这些线条需要在下一步中有良好的捕捉。从原始彩色圆圈的中心绘制 2 个新圆圈(=按住 Shift+Alt,圆圈为洋红色),使半径为原始半径 + 加上黑色圆圈的半径:

在此处输入图像描述

在洋红色圆圈的交叉处添加新的锚点。将黑色圆圈移动到新点:

在此处输入图像描述

删除洋红色圆圈。使用 Shape Builder 填充圆圈之间的空间:

在此处输入图像描述

新的形状是你的桥梁。随意着色并删除额外内容:

在此处输入图像描述

一个简单的方法......

画出你的圆圈...

在此处输入图像描述

选择所有圆圈...

运行MetaBall 脚本...(这是一个简单的javascript文件,不是插件。而且它是免费的)

在此处输入图像描述

然后只需删除您不想要的内容并根据需要更改任何着色和堆叠顺序。

在此处输入图像描述

大概花了30 秒.. 绘制圆圈比创建连接器花费的时间更长。

该脚本允许您控制连接器中曲线的速率....

在此处输入图像描述

不必一次在所有圆圈上使用该脚本。如果您希望事物之间的曲线速率更多样化,您可以一次执行 2、3、4 个。您只需选择至少 2 个圆圈即可运行脚本。

没有测量,没有曲线细化,没有宽度调整……感谢脚本,只需简单的步骤。您始终可以删除单个连接器形状,选择两个圆圈并再次运行脚本以在发生变化时快速重新创建连接器。