贝塞尔曲线(Bézier curve)是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线,贝兹曲线由线段与组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。
下面来介绍几种方式,在sketch中画出围绕vector point的曲线。
-
“Mirrored” 是一种普遍控制Bézier curve的方式。这个方式是控制离vector point两边同样距离的handle,以相同的角度绘制图形。这个handle似乎是绘制曲线的一条切线。如果两条handle处在同样的角度(水平或者垂直 ),那么绘制的曲线会是十分光滑的。
-
“Asymmetric” 同Mirrored是相似的,两者的handle处于同一角度,不过两边的handle离vector point的距离不一样。
-
“Disconnected”可以让你单独改变一边的handle. 当你选中vector point,可以使一边的handle角度变化很大,而不是一个平滑的曲线。
-
"Straight Points & Rounded Corners": 当你选择Straight时 vector point 不会产生handle或者曲线。如果两个vector point相连,那么之间会产生一条直线。并且会出现一个选项,让你可以调节 Straight point的corner.
对于绘制Bézier curve最头疼的一点是,不知道把vector point和handle放哪,来达到自己想要的效果。下面介绍Designer and lettering artist Dave Coleman 的几种方法给大家尝试下。
- Finding the “outermost point” along a curve, and placing your vector point there.
- By aligning the Bézier handles vertically or horizontally, curves will often be smoother and faster to fine-tune.
- Not only do vector points have their own coordinates — so do each of a point’s Bézier handles (“handle control points”). Modify a Bézier curve by dragging the handles, then fine-tune the handle positions in the Inspector.
还有一些其他的tips和shortcuts, 如下:
- 双击vector point, 会在Straight和Mirrored模式之间改变。
- 在编辑模式下,选中一个vector point后按住tab键,会沿着路径选中下一个vector point; 按住“tab+shift”,会沿着路径选中之前的路径。
- 当选中一个vector point后,按键盘上的“1”、“2”、“3”、“4”,会分别选中“straight”、“mirrored”、“disconnected”、“asymmetric”四种模式。
- 当按住“command”拖vector point时,“smart guides”线会消失。
- 当你选中一边的handle, 同时按住“command”键,被选中的handle会移动,而另一边的handle不会移动。并且,在mirrored和asymmetric模式下,也是这样的情况。
下图,是我根据上述的规则,画出的Bézier curve.