关于ADOBE的贝塞尔曲线

关于ADOBE的贝塞尔曲线

八月 17, 2016 阅读 1841 字数 1460 评论 0 喜欢 2

回顾

之前有写过关于adobe家族的贝塞尔曲线的一篇文章:如何绘制流畅的贝塞尔曲线
当时我得出的结论是:

尽可能地控制锚点的数量,并且训练自己对锚点位置的排布能力,C型与S型曲线的作用范围。

另外网上也有人同样研究过这个课题:设计师必须掌握的贝塞尔曲线的秘密
他们得出的结论是(蹩腳的翻译):

指导最近我才开始探寻这些操作的意义,并且力图去发觉插画师们为着迷于此。事实证明,让手柄保持水平和垂直可以为调整曲线省下一大堆的时间和精力。


现在回过头去看看, 总觉得上面给出的观点以及方法不够透彻:

  1. 尽可能的减少锚点数量的确可以让曲线更优美,可是在实际应用中到底哪里应该放锚点哪里不应该放呢?C型和S型只能提供一个大概的理论指导方向,在实际操作中作用并不大。
  2. 让所有手柄保持水平和垂直也确实可以增加操控性,但是根据我实操下来,这条准则的适用范围非常有限,在一些规则的没有锐角的图形上很好用,但是还有一大部分的情况下没有办法让手柄水平垂直,还有一些情况则是让他们水平垂直会让锚点数量急剧增加反而影响效率。

新的方案-实例

下面我们通过一个例子来试试看,有没有可能找到更合理有效的贝塞尔曲线操控方法。先借大神的沙皮狗来开始吧。可以发现这条狗不同于那些英文字体,它几乎全是由不规则的曲线组成,用来作实例再合适不过了。

通常我们要描绘草图成矢量有两种方式:

  1. 一边操作锚点一边描作手柄,这也是大部分人最习惯的方式。我个人也更习惯用钢笔工具点一个锚点然后按住拉出手柄。这个方式用来ps里钢笔扣图非常直观高效。
  2. 直接点出所有描点,不去管任何手柄。也就是『排布锚点』与『控制手柄』分离。

所有的人都在用第一种方式画图,但今天我们来试试第二种方法:先排布好所有锚点的位置,完全不拉手柄。
把所有精力都放在『排布锚点』上。有什么原则呢?很简单:在所有锐角的位置添加上锚点,如下图:

事情就变得异常简单了,忘掉他们所说的所有的原则,重复一次:在所有锐角的位置添加上锚点, 这里我们得到了一只刚洗完澡的沙皮狗。看着其实也挺有意思的呢……

完成上面的部分之后,我们来进行更有意思的一步:把这只沙皮狗吹干。如下图:

怎么把左边的直线变成中间的曲线呢,illustrator里有个工具叫做:锚点工具 快捷键是Shift+C,具体用法:

这个时候你只需要把草图叠在下方,然后用锚点工具直接拉。实测下来适用范围超级广,连一些看上去太可能贴合的线条都能贴上。而且用这个方法画出来的图案,无论在描点数量上还是曲线流畅度上都非常优秀。
当然也不能排除在极少数的情况下还是会产生无法贴合的情况,但只要在最后的步骤里微调一下手柄就行。
其实这个方法和我上篇文章里写的是同一件事情。 因不过把拉手柄这件事情变成了拉曲线本身,优点是更直观更好操作。但是难点依然在于有些S型的曲线你没法贴合,只能添加额外的锚点来解决了。但是好在『确定锚点位置』这件事情轻松了很多。

新的方案-总结

对于贝塞尔工具网上有很多种观点,但是所有的观点最终都会回到:
如何拆分曲线,也就是如何确定锚点的位置
我认为面对各种繁复的方法与理论,根据奥卡姆剃刀原则:若无必要,勿增实体,应该选择最简单有效的方法与原则。

『最简单有效』,所以我在上面说唯一的原则就是『在所有锐角的位置添加上锚点』,因为无论是哪种曲线,锐角的位置必定是需要有锚点的。我们第一步只需要把那些必然的锚点确定,问题就简化成了:锐角锚点调节完成之后,还有漏网之鱼的话,我们就给它再加一个锚点单独作调节。

PS:今天分享的这个方法完全不适用于ps钢笔扣图的情况(一不直观,二扣图不用纠结锚点的规整)