在sketch中掌握Bézier curves

贝塞尔曲线(Bézier curve)是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与组成，节点是可拖动的支点，线段像可伸缩的皮筋，我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。

Bézier curve

下面来介绍几种方式，在sketch中画出围绕vector point的曲线。

• “Mirrored” 是一种普遍控制Bézier curve的方式。这个方式是控制离vector point两边同样距离的handle，以相同的角度绘制图形。这个handle似乎是绘制曲线的一条切线。如果两条handle处在同样的角度（水平或者垂直 ），那么绘制的曲线会是十分光滑的。
  

  

  Mirrored

• “Asymmetric” 同Mirrored是相似的，两者的handle处于同一角度，不过两边的handle离vector point的距离不一样。
  

  

  Asymmetric

• “Disconnected”可以让你单独改变一边的handle. 当你选中vector point,可以使一边的handle角度变化很大，而不是一个平滑的曲线。
  

  

  Disconnected

• "Straight Points & Rounded Corners": 当你选择Straight时 vector point 不会产生handle或者曲线。如果两个vector point相连，那么之间会产生一条直线。并且会出现一个选项，让你可以调节 Straight point的corner.

  

  Straight Points & Rounded Corners:

---

对于绘制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.

fine-tune the handle positions

还有一些其他的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.

Bézier curve.

Bézier curve.