复用形状:角部件

教程
作者:Stella Chupik
en fr zh

Corner components are pretty much like magic for creating serifs. Here’s how we do that.

所以你已经读过了衬线部件和它们的优势,用它们来做粗衬线非常好。但是如果你不想把部件和路径混用,以免遭受意外偏移的风险,那怎么办?再者,如果你想做平滑过渡的弧形衬线,而非方形的粗衬线?

对于这个问题有一个非常简单的解决方案:角部件。它们和字符形中的单个节点相连,就像这样:

很酷,看上去非常神奇。下面讲讲我们如何操作。

建立角部件

我们所需要的是两个具有特殊命名的字符形:角部件的名称必须由 _corner 开头,后接任意的“点+后缀名称”。开头的下划线确保该字符形不会被导出。添加两个新字符形,左侧衬线命名为比如 _corner.leftSerif,右侧衬线为 _corner.rightSerif。完成这一步的方法是,执行“字符 > 添加字符形”(Cmd-Shift-G),键入 _corner.leftSerif 空格 _corner.rightSerif,然后单击“生成”按钮。

不过我们先从画衬线开始。我们的左侧衬线可以像这样:

如你所见,衬线超出了字符形的宽度范围之外,衬线与字干相连接的地方位于左侧边线上。右边也是一样:

有两件事需要注意:一,路径方向需要是逆时针。路径端点的箭头指示了路径方向。如果你想调转路径方向,可以使用“路径 > 反转轮廓方向”(Ctrl-Opt-Cmd-R),或者在路径的上下文菜单中选择“反转所选轮廓方向”。

二,竖直方向的端点应当位于左侧边线上,水平端点则位于基线上。

高级技巧:如果添加了名为 origin 的锚点,路径就不需要位于左侧边线了。但是,时刻记住路径围绕“原点”锚点的方式,应该和围绕真正原点完全相同。

添加角

现在,我们如何让衬线连接到字符形上?简单。前往一个字符形中,选择一个角节点,右键单击打开快捷菜单,然后选择“添加角”。

在随后出现的对话框中,选择这个衬线,瞧,衬线就被整合进路径中了!如果你有很多衬线,也可以在多个角之间复制粘贴。

倾斜字干上的角部件

倾斜字干上的角会自动调整,将角部件最外侧的线段倾斜为字干的角度。Glyphs 会做一些猜测,不一定每次都能猜对,所以有时你需要调节角部件的对齐方式。你可以在灰色信息框中完成这步:

为左侧衬线使用左对齐、右侧衬线使用右对齐。居中对齐用来做油墨槽很有用。剧透预警:你不仅能用角部件做衬线,还能做任何你想连在角上的东西。比如,尖刺,之类的。

你可以在左侧衬线中添加名为 left 的锚点,右侧衬线中则添加 rightleft/right 锚点控制角部件插入路径的方式,该锚点离原点越远,倾斜调整的程度就越大。

对于弧形衬线,锚点通常需要略高于衬线的视觉厚度。

如果是方形粗衬线,left/right 锚点需要位于衬线的转角一端。

调整

如果单击角部件的节点,你会在字符形下方的灰色信息框旁边看到另一个灰色框。如果你看不到角部件的节点,前往“视图 > 显示渲染提示”。这是因为技术上,角部件算作渲染提示。在灰色框中,你可以视衬线不同而做出一些修改。在本例中,我们改变这里的百分比,从而改变一个衬线的宽度:

镜像衬线

从版本 2.2 起,你可以水平或垂直地镜像翻转衬线了。这样,如果你的衬线是对称的,你就只需要绘制一个角部件,然后在需要的地方镜像翻转它。路径方向会自动调转,锚点也会根据情况来适配,亦即 left 锚点会被视作 right,或反之。你可以在通过在衬线部件的灰色信息框中,为“宽度”“高度”键入 -100 来完成这个操作:

角部件的更多技巧

事实上,你可以用角部件玩出更多有趣的花样。只需稍微搞一搞 leftright 这两个锚点。例如,你可以轻松做出有趣的油墨槽。或者,在形状上做做实验:

你甚至可以在圆形上添加角,只需双击想要添加角的节点(让它变成蓝色)即可。祝玩得开心!

复杂的角部件

另外,从版本 2.2 起,你可以在 _corner 字符形中开放的角路径之外,添加任意数量的闭合路径来做装饰。当然,它们的路径方向也会被保留。所以,现在你可以在衬线上做一些更加酷炫的东西,比如(久违的)卷曲页角:

嗯,非常简单。那么,好好玩玩衬线吧!


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