这些漩涡状的线框是如何制成的?


19

线框1 线框2

我喜欢并且一直被这种涡旋式的设计迷住了。

在担任+10年图形设计师之后,我仍然无法确定如何完成这些工作。几何弯曲的设计一般。

他们如何无缝地连接不同的部分?它不能像放置每个点并微调每个贝塞尔手柄一样手工制作,因为它太完美了,太几何了,无法做到这一点。

你们有没有在Illustrator上从事这项技术的工作?有什么办法?


为什么需要让我们知道您有10年以上的设计师经验?只是好奇它给问题带来了什么好处。
DᴀʀᴛʜVᴀᴅᴇʀ

他们是那样画的吗?不确定如何回答。它们是连接在一起的曲线段。与使用法语曲线预计算机的概念相同。
DA01

@ DA01很高兴看到30岁以下的人可能从未见过法国曲线或用尺子和指南针在纸上绘制的东西。只是说。
joojaa

1
@joojaa嗯....是的,好的...我明白你的意思了。但是,有人认为图形设计师应该有。就像建筑师不知道建筑师的尺子是什么。是的,他们不一定要使用它,但是它伴随着行业的发展/历史。:)
DA01

@ DA01您会发现人们经常知道很多事情,他们只是无法将这一知识组合为一个整体并在特定情况下应用。所以应该是一回事,但是如果没有,那么解释它就显得更加重要。总而言之,我坚信机械工程专业四年级的学生会知道三角学是不言而喻的。显然其中三分之一没有,不是真的。但是,是的,我也有类似的下意识反应。
joojaa

Answers:


24

有很多方法可以解决这个问题。没错,曲线不一定要做成一条曲线,它可以做成几条曲线。实际上,一条曲线可以由多条曲线构成。

我已经回答了一个关于螺旋盖的类似问题,在这里大致相同。当您要做的是制作一个初始形状,然后旋转并将其镜像。后面的图片就是一个很好的例子。例如,可以使用2条相邻的弧线构建曲线。还可以自由重用单个绘制的路径,偏移,镜像和圆和线切割。

其次,可以利用不同于螺旋的功能来构造构件。尽管使用手动构建的网格捕捉可以达到相似的线条精度。同样,技巧是镜像和旋转对称的零件和线段。

循环的构建

图片1:可重复图案的构建

在Illustrator中进行准确的工作取决于对Line工具Ellipse工具Rotate工具Mirror工具Scale工具Skew工具的掌握。其中最难掌握的是直线工具,因为它是精通工具,而椭圆工具则取决于您是否知道如何使用Alt单击对话框。对于线条工具,有两个原因可以做到这一点!

偏移量定制建筑指南

图片2:制作自定义施工指南,您可以将其剪切并附加到您的内心。

制作方法(根据要求提供教程)

为了回答有关如何制作的评论,我将概述制作Image 1的过程。

  1. 绘制您的主要指南。

    • 首先在椭圆的中间绘制一个椭圆和一小段线。该行在此处,因此我可以更轻松地捕捉到旋转中心(在行末)

      在此处输入图片说明

      图片3:记住要标记旋转中心,这样更容易

    • 使用旋转工具将导轨旋转,在这种情况下为90度,但您可以使用任何其他角度。提示Alt+单击将放置枢轴并打开一个对话框以输入数字。

      严格来说,不需要第三和第四指南,但是由于重复只是我的一个按键操作,因此,它使我对尺寸的大小有了更好的了解。现在调整指南以适合您的需求。

      在此处输入图片说明

      图片4:花点时间制作指南。

    • 您需要准备在椭圆的相交处切入椭圆,然后曲线开始(或在处)向下倾斜至镜像线。为此,我准备了一条垂直切割线和一条镜线。

      在此处输入图片说明

      图片5:准备切割线

    • 复制其中一个椭圆并制作一个新层,将椭圆粘贴到前面。锁定引导层。

  2. 构造形状。

    • 去除椭圆形的下半部分。

    • 在椭圆的第一个交点处插入一个点,然后在椭圆与椭圆的交点处将椭圆切成2。

      在此处输入图片说明

      图片6:切成碎片

    • 将段的副本镜像到镜像线上并连接曲线。提示:如果Illustrator在之间插入跨度,只需将一个点移至侧面删除跨度,然后向后移动并重做连接,则曲线将指向相同的方向,将不会有多余的跨度。

      在此处输入图片说明

      图片6:加入镜像

    • 使用转换锚点工具使拐角端成为统一切线。垂直于镜像线拖动切线。提示如果您在笨拙的角度工作,则可以使用直线工具测量角度,然后使用首选项旋转网格。

      使切线略短于间隙的最近点(或相等宽度)的宽度。可以通过制作更长的切线来调整边缘的圆度。我使形状比原始示例更尖一点,以表明可以自由更改形状。

      在此处输入图片说明

      图7使切线对称并垂直于镜像线

    • 沿着对称线向后拖动曲线点,直到您具有良好的渐近行为为止。

      在此处输入图片说明

      图8调整循环。

    • 隐藏辅助线并镜像/旋转并加入。

      在此处输入图片说明

      图9最终图像。

投稿后

完成所有工作后,我想对函数进行图形化:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

将产生:

在此处输入图片说明

我猜有很多方法可以给猫剥皮。


好答案,谢谢!我仍然希望对技术有更深入的了解,逐步复制我发布的一些形状,对它们中的某些形状以及什么样的工作流程(使用哪种布尔值,工具技术)非常好奇等)。但这要求太多了。再次感谢您的精彩文章。关于螺旋盖的那个也有帮助。
MrMerrick '16

@MrMerrick Done
joojaa

非常感谢您花费时间和精力回答@joojaa。对我来说,缺少的拼图块是使用那些辅助对称线,我可以沿着这些辅助线捕捉点以改进形状。我习惯于使用镜像的东西来创建几何图稿,但是当涉及到曲线和更流畅的工作时,我很难使它看起来光滑。我将花时间驯服该弧形工具。我可以问两个最后的问题吗?1-您对线工具精通是什么意思?我仅使用alt使其沿其原点的相反方向生长,或者使用alt +单击以获取创建对话框。是吗
MrMerrick '16

和2-在您的图2上,如何使那些波浪线如此平滑?这是简单的弧形工具还是实际上是逐点约束(在放置和拖动点时按住Shift键)?这是我使用arc工具+ blend获得的最远的结果,这很荒谬。
MrMerrick '16

@MerMerrick是单个跨度的贝塞尔曲线。无论如何不要使用无用的弧形工具。除螺旋形,直线形和椭圆形外,所有其他形状工具都具有相同的无用性。即使这样,椭圆工具也不是最佳选择。新的插画家还拥有一个比贝塞尔曲线更好的新曲线工具。B样条曲线和螺旋曲线只是更好的选择。
joojaa
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.