圆角

教程
作者:Rainer Erich Scheichelbauer
en fr zh

16 十月 2018 发布日期: 10 六月 2012

你应该已经知道了 “圆角” 滤镜。你可以对整个字符形,或者所仅对选内容应用。你甚至可以一次应用于一系列字符形。很好。不过,还有更多内容。

手动应用滤镜的问题是,你会丢失原始路径。不过,有一种无损圆角的办法。做法如下:

首先,通过 “滤镜 > 圆角” 选择圆角滤镜,输入圆角半径。你会立刻看到预览。

专业提示:使用 “视觉修正” 选项创建更加自然的圆角。该选项在钝角处增大半径,锐角处则减小, 产生更加自然的形状。

不要点 “好”。而是点击齿轮图标并选择 “拷贝自定义参数”;

现在,按下 “取消”,并打开 “文件 > 字体信息 > 子样”(Cmd-I)。然后,通过 “字体信息” 窗口左下角的加号按钮添加新的子样。按喜好选择设置:你可能想给 “样式名称” 起名为 “Rounded Regular”。现在,首先单击 “自定义参数” 框,然后按 Cmd-V 粘贴,将之前拷贝的参数添加进来,然后就成了:

你可以看到添加了一个 “Filter” 参数,其值为 RoundedCorner; 后接两个分号分隔的数值。第一个数值为圆角半径,第二个数值为 0 或 1,代表视觉修正关或开。例如:RoundedCorner; 30; 1 意为 30 单位的圆角半径,并带有上述视觉修正。

下一次导出字体家族时,你会得到一个额外的圆角字体!这非常酷。

内部圆角

你可能注意到,只有外部的尖角变圆了,而字腔中,或横笔处的 “白色” 尖角则保持不变:

没错。“圆角” 只应用在外侧,或 “黑色” 尖角上。若想让内侧的 “白色” 尖角也变圆,你需要首先去除重叠,然后选择角节点,再应用滤镜。

但是如果你想像上面一样使用自定义参数自动圆角怎么办呢?有一个特殊的技巧来使用自定义参数应用内圆角:

  1. 拷贝并粘贴参数。
  2. 在参数值字串中,将半径更改为负。

考虑同时调整一下半径值,因为内圆角通常看上去更大。所以,多数情况下,你会想略微减小半径。尝试各种值,看那种值最适合你。这是同样的一行 A,添加了内外侧同样半径的圆角:

圆角字体 vs. 圆角

你可能已经注意到了,“滤镜” 菜单中还有一项,“圆角字体”。看上去,它没有任何选项,会直接圆角整个形状:

不同之处在于,它对字干而不仅仅是尖角应用椭圆形圆角。要实现这一点,它有赖于你在 “文件 > 字体信息 > 母版” 中填入的标准字干。它会读取该母版中的首个垂直字干并尝试对所选字符形应用带有视觉修正的、合适的圆角。

当然,你也可以将其作为自定义参数应用:只要为所需子样添加一个 “Filter” 参数,并添加 RoundedFont 作为值字串。使用这个参数,你也可以指定一个不同的字干粗细:添加一个分号,后接字干值,例如 RoundedFont; 36 会使用 36 作为字干粗细,无论首个垂直标准字干处输入或插值出了什么值。

更多关于自定义参数的内容

阅读自定义参数教程了解更多你可以做的事情。例如,你可以在参数字串中使用 include 指令,限制参数的效果仅应用在特定的字符形上。


2016-02-19 更新:更方便的添加滤镜的方式,并更新到 Glyphs 2。
2018-10-16 更新:添加了 “内部圆角” 和 “圆角字体” 滤镜。

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