如何绘制等距向量?

平面设计 adobe-illustrator 向量 软件推荐 插图 等距
2022-01-17 18:03:51

我正在寻找 Illustrator CS2-5 的“内置”软件解决方案。

我正在尝试为 Web 应用程序创建这些等距插图。现在我已经在 Adob​​e Illustrator 中手动设置了一个网格,并根据这个网格进行绘图——但是我没有指南,没有快照之类的东西……

最终结果应该接近这个: http: //www.twigital.co.uk/

我想知道您是否知道用于绘制等轴测图的好软件,然后我可以将其输出为矢量(.eps 或 .ai),然后我可以导入到 Illustrator 并将它们的颜色和其他东西拉起来?

如果您不知道专门用于此的软件,您是否曾经在 Illustrator 中做过等距插图?有什么方法吗?有小费吗?

等距矢量绘图示例

编辑:

请不要将等轴测图与 1,2 或 3 点透视图混淆。

等距图:

[等距系统只是一种约定/发明,对很多东西都很有用,不是为了重现眼睛在现实中看到的东西,而实际上只是一种对测量和其他东西有用的约定]

iso(相等)度量(测量)

等轴测图中,立方体的所有边将平行四组。(两条平行线意味着无论你画多长时间,这些线都不会相遇)

透视图:

[透视绘图惯例(1 点、2 点、3 点......等等)仍然是惯例,但它们确实试图模仿并尽可能接近眼睛在现实中看到的东西(3D),但实际上它是在 2D(纸/屏幕)上,它永远不像现实。]

[有些人可能会争论的另一件事是,我们有两只眼睛(只是一些光学设备)*并且图像实际上是通过大脑中发生的一些魔法而结合(创建)的,这又说明了为什么这些都没有约定也确实准确地类似于现实……但这是针对哲学 SE :P]*

透视图中,边缘会朝着一个或多个消失点逐渐变细。

在 Illustrator CS 5 中使用透视网格有 3 个选项:

1点透视、2点透视和3点透视。

在处理完上面的所有信息后(来自互联网的信息......可能是错误的,请随意考虑)我做了一个简单的假设,即不可能在画布上实现多个对象的等距视图(如上面的例子,twigital.co.uk(感谢 George 在他的回答中解释了它是如何完成的)使用透视网格,即 1 点透视:线将在地平线上的一个点相遇,2 点:线将在地平线上的 2 点相遇,3 点……你明白了……

在等轴测视图中,线条永远不会相遇,因为它们是平行的。(我想你也可以称之为等距透视,这就是为什么我有点困惑)

!!!但是,如果您确实手动构建网格是可能的,您可以学习如何做,或者您可以在这里下载一个已经完成的。完成本教程中的所有操作后,选择您创建的所有行并转到View> Guides> Make Guides这是这个问题的答案,但我只是在寻找一些“内置”解决方案并且......

我确实尝试使用 Illustrator CS5 中的透视网格来执行此操作……对我不起作用,如果有人使用 Illustrator 中的透视网格完成此操作,请解释这样做的确切步骤。

有人可能会说我在上面的一些东西上确实强调了很多,但是如果你制作一个复杂的应用程序,其中包含数百个或只有 50 个随机定位(以等距方式)的对象,并且这些对象不是完全等距的,你最终会得到丑陋的结果到处都是(不是所有的线都是平行的,而且看起来很糟糕),或者如果它是一个用于测量和精确按比例缩小的投影的应用程序,你最终会得到“坏”的数字......你可能不希望那样。 .

4个回答

对于twigital,设计师 ( Chris ) 使用了 Illustrator、网格和 3D 旋转工具。请注意,它具有等距旋转的预设。

如果您需要的不仅仅是 Illustrator 默认提供的功能,请尝试Illustrator 的 CADtools 插件,该插件提供等轴测绘图和尺寸标注工具。

我还有一些资源要分享。根据本教程,我将上述步骤记录为操作,以便您可以使用键盘快捷键触发这些步骤:

  • 左 = CMD + Shift + F1
  • 顶部 = CMD + Shift + F2
  • 右 = CMD + Shift + F3

要获得这些,您需要做的就是下载此文件:Isometric.aia 并在 illustrator 中转到操作(窗口 > 操作)并从上下文菜单(右上角的小图标,箭头指向下方和 2 条水平线(=)) 选择加载操作并浏览到 Isometric.aia

从头开始创建动作也相当简单。

我还做了一些屏幕录像:

完整的拱门文件可以从这里下载: iso_arches.ai

等距拱门

视频中可能不明显的 3 个主要内容会派上用场:

  • 使用点捕捉/参考网格更容易放置对象
  • 为模块使用一个单元,以便不同的部分组合在一起
  • 组装具有重复部分的对象时,使用符号而不是组

使调整更容易

Illustrator CS5 有一个很棒的新工具,叫做“透视”。此工具允许您设置 2D 或 3D 透视网格,帮助您绘制事物以赋予它们维度。它将形状和文本“粘贴”到某个平面,并根据放置的位置调整其大小和角度。

以下是 Adob​​e 的一些视频,准确解释了该工具是什么以及如何深入使用它:

定义透视网格

透视画图

另外,这里是Terry White 的视频教程,有点类似的事情。

这里有一些杂项 3D 教程,不一定使用 Illustrator 中的透视工具。

我认为这个工具是使用 Illustrator 获得等距感觉的最佳方式。如果您没有 CS5,那么您将不得不使用一些更粗略的方法来制作您自己的网格等等。

或者,您可以随时尝试寻找单独的软件来满足您的需求。无论哪种方式,我希望这会有所帮助!

编辑

澄清一下,透视工具绝不是“真正的 3D”,它只是一个具有 3D 错觉的 2D 对象(就像等距一样)。

这张图片为例。这是一张等距图像,可以使用illustrator 中的透视工具制作此图像。诚然,有更好的软件可以解决这个问题,但我认为这是你在 illustrator 中做这件事的最佳选择之一。透视工具需要一些时间来适应,教程肯定会有所帮助。

我认为您在我之前发布的示例和您的“等距感觉”之间看到的差异仅仅是图像的角度。等轴测图通常更自上而下(只是在一个角度),而其他示例则更直接地查看对象。但这就是他们决定塑造自己形象的方式。

我可能想得太复杂了,但无论哪种方式,我都认为我应该分享。

好吧,我的第一个想法是Rhinoceros,这是一个 3D 软件(适用于 windows)

有了它,您可以很容易地制作 3d 文本和基本的 3d 对象,如立方体、圆柱体和其他东西。

此外,我想到的是Make2D功能。它允许您从 3d 对象制作 2d 图纸。

然后,您可以将这些行保存为 .ai 格式。


这是我(很久以前)制作的(不是 100% 准确的)iphone 的示例,我现在将其转换为线条并从它带到 Illustrator。图片

如果您想要用颜色填充它。这可能有点繁琐,因为您需要先连接路径才能填充它。选择 2 行或更多行并按 Ctrl+J。

我认为适合您的完美教程刚刚出现在Digital Arts 网站上这不仅仅是一个“如何做”,它本身就是一个完整的案例研究。