复用形状:衬线部件

教程
作者:Rainer Erich Scheichelbauer
en zh

 

一款衬线字体中会出现很多衬线。现在设想你突然意识到所有的衬线都有点太粗了,你真的想逐个字母再改一遍,就为了把那些讨厌的小衬线微调一下?别吧……

所以让我们整理一下不同种类的衬线,把它们放到独立的字符形里,作为部件插入其他字母中。

不同种类的衬线

“这个衬线到底算不算衬线?”对于衬线究竟是什么,甚至没有一个共识——比如在衬线体的 n 中,有人数出三个衬线,有人数出五个。出于技术原因,我们也按五个算:

现在,我们来建立五种衬线,其中三种你已经在上面 n 的图片中看到了。左上角的起笔尖刺,以及每个字干末端各有一对的左右衬线。另外两种呢?我们还需要两个垂直的衬线,像下面 s 和 z 中这样:

建立衬线

长话短说,打开“字符 > 添加字符形”对话框,复制粘贴这五行内容:

SerifBottomLeft
SerifBottomRight
SerifSpur
SerifUpLeft
SerifUpRight

搞定。所有的衬线都以某种方式连接到某个字干上。现在想象原点(左侧边线和基线的交点)代表字干和衬线相连的部分。

我知道,这听上去有点复杂。所以我们来画一个左下方衬线 SerifBottomLeft

这是字干左边伸出的衬线。所以我们想象左侧边线代表左边,基线代表字干的底端:

安全起见,我们要有一点点重叠部分,因为有时字干并不是完全垂直的(比如设想大写字母 A)。稍微有一点倾斜是因为……嗯,我们稍后会看到为什么。稍等,我们先把其他几个弄对。

这个是右下方的 SerifBottomRight

同样,左侧边线代表字干边缘,不过这次我们的衬线从右侧伸出,像这样:

所以重叠部分需要在原点左侧。

下一个,起笔尖刺 SerifSpur

我的天,这是怎么了?为什么这个衬线跑到基线下面去了?放松。因为尖刺连接在字干顶端,基线在这里代表了顶端(就像前面看到的底端一样)。尖刺必须从下方贴住基线,和从下方贴住字干顶端一样。

好,现在我们来看一下 sz 的底端的垂直衬线。在这里垂直衬线是这样连接到字干上的:

如你所见,相连的地方实际上是衬线最下方的尖角点。所以,这个角需要位于原点上。这个就是在 s 左下角处看到的 SerifUpLeft

……以及 z 右下角的 SerifUpRight

对齐部件

为什么都要纠结于“原点”?因为在 Glyphs 中,你可以选中一个节点和一个部件,然后执行“路径 > 对齐所选内容”,部件的原点就会和这个节点对齐了。

这对我们而言是个好消息,因为我们想把衬线精确地移到字干的转角处。所以我们这样做:

  1. 进入还没有添加衬线的字母中,通过“字符 > 添加部件”(Cmd-Shift-C)添加衬线部件。
  2. 然后,选择我们希望连接衬线的字干角点。既可以拖拽框选,也可以单击节点来选择。
  3. 按住 Shift 单击部件,将其加入选择。现在,角点和部件应该都被选中了。
  4. 通过“路径 > 对齐所选内容”(Cmd-Shift-A)将它们对齐。部件就会跳到字干上了。

就这样。选择一个节点和一个部件,对齐,然后就做完了。很酷。

将部件上下调转

有时,我们需要旋转一个部件, 比如对于 s 右上方的笔画末端。我们不能镜像翻转部件,因为这会搞乱路径方向。我们并不想这样,对吧?

要将部件上下调转,我们需要做的是旋转它们。前往右侧边栏(窗口 > 右侧边栏,Cmd-Shift-P)在“变形”面板将旋转值设为 180 度。

或者,你也可以将水平翻转和垂直翻转的按钮各按一次。这两种方法的结果是一样的。在任何情况下,你都可以复制部件,再旋转并对齐,像在 s 中一样:

灰色信息框中,箭头旁边的数值显示了这个部件被 180° 旋转。

发挥部件衬线的优势

现在你可以继续实验你的衬线图形了。玩得开心!

不想混用路径和部件,以免遭受意外偏移的风险?(译者注:例如,通过拖拽框选仅能选中路径对象而无法选择部件。涉及到部件的操作,需要时刻考虑部件系统的原理,以避免出错。)或者,如果你不想做这样的方形粗衬线,而是想做平滑过渡的弧形衬线?读一下我们关于角部件的教程了解更多内容吧!


Chinese translation by Willie Liu (刘育黎) from 3type (三言).