回到主页

设计师和贝塞尔曲线不得不说的故事-1

· 设计漫谈
broken image
broken image

在平面绘图软件中,贝塞尔曲线一直是新手挥之不去的噩梦。虽然它能帮助我们解决鼠绘曲线的问题,但想要得到令人满的效果并不那么容易

broken image

作为一名学过《工数》、《量子物理》的设计师,我也记(gao)不住(dong)贝塞尔曲线在计算机图形学上的表达方式,但这并不妨碍我定性的理解一条贝塞尔曲线的形成过程。这能帮助我们在绘制复杂曲线时高效的对节点进行布局

broken image
broken image

AB与BC是随机画的两条线段,其中F点满足DF/DE = AD/AB = BE/BC。在这个等式中AD的长度可以是0到AB。当AD变化时,F点的位置也随之变化,而一条贝塞尔曲线就是F点的集合(红色线条)

broken image

这张我在简书骑小猪的文章里毛过来的动图就能很好的演示了这一过程

broken image

从上图中我们不难看出控制节点D的手柄其实是与DB线段重合的

broken image
broken image

这就意味着无论接下来线条怎么走,曲线越接近D点,越与BD线条平行,AB与BD线段是曲线AD的“切线”。如果我们保证画每个节点时的切线角度都是正确的,那么画出“完美”的曲线就成功了一大半了

broken image
broken image

但这并不容易,至少对新手而言。所以很多钢笔工具的教程都建议尽可能的将节点的手柄水平和垂直,至少找准确定了切线角度的节点比找一个节点的切线角度容易多了

broken image

关于钢笔工具的具体用法这里就不赘述了,愿你早日成为15分钟画完联合利华Logo的大佬