从 Illustrator 导入 Glyphs

教程
作者:Rainer Erich Scheichelbauer
en fr zh

24 二月 2017 发布日期: 20 十二月 2012

So you have made those great designs in Adobe Illustrator and you want to turn them into a font. Find out how to best use them into Glyphs.

当人们问我如何将 Adobe Illustrator 的字稿导入 Glyphs 时,我的第一个反映通常是 “不要这样做”。虽然 Illustrator 的绘图工具或许足以满足一般性的矢量图绘制,但是我们在字体设计上所要求的曲线质量,往往高于 Illustrator 所能提供的。其实,Glyphs 的工具确实能帮你完成更高质量的轮廓,尤其是曲线段的绘制。我已经将这些细节在一篇教程中做了介绍。因此,请认真考虑用 Glyphs 软件重新绘制你的设计。这可能比直接从 Illustrator 导入矢量字稿,再进行清理,可能来得更省力一些。

坐标的精度

在 “文件 > 字体信息 > 其他设定” 中,你可以找到 “网格间距” 值。当 “网格间距” 不为零时,所有坐标将会根据设置的 “网格间距” 值取整。然而,当 “网格间距” 设置为零,Glyphs 将使用浮点坐标,实际上将不会发生四舍五入的情况。因此,当你计划导入文件后对其进行大量修改,或你的设计图稿有非常非常完美的细节,请将 “网格间距” 设置为零。 否则,你通常想把它设为 1。

比例:1 点 = 1 单位

Illustrator 软件中的 “1 点” 对应的是 Glyphs 软件中的 “1 个单位”。 在默认情况下,“1 个单位” 是全身字宽(em)的千分之一。更准确地说,是你在 “字体信息”(Cmd-I)中设置了 “全身字宽单位数”(UPM)的值。一个全身字宽的尺寸和你日后设定的字号无关。

这就意味着,默认情况下,你的 Illustrator 设计图很可能太小了。普通的 x 高度是全身字宽的一半,即 500 单位。 在 Illustrator 中,500 单位转换为 500 点。 这大约是 17.6 厘米(几乎 7 英寸),而这仅仅是 x 高度!

Illustrator 中将设计图等比放大是个好主意。 特别是当 “网格间距” 值(见上文)不为零时,也可使后续的处理中舍入的误差降至最低。 为此,你可能需要将文件的测量单位设置为 “点”。 你可以通过右键单击窗口边缘的标尺或者在 Illustrator 的应用程序首选项中更改设置。

拷贝与粘贴

现在,你需要做的是将矢量图稿从 Illustrator 拷贝并粘贴到 Glyphs 中。 确保你复制的是闭合的路径,并且你粘贴的时候确保当前活跃的是正确的字符形。

然而这里有一个问题。 Illustrator 在整个画布中使用一个坐标系,而字体的坐标是以每个字符形为基础的。Glyphs 会识别出坐标的偏离,并询问你是否确实将该对象放置在字符形边界之外。在 99.9% 的情况下,你需要 “修正边界”:

Glyphs 将粘贴的设计图对齐到基线或当前字符形的左侧边线上,或者对齐两者,总之是以某种形式将其放回字符形边框之内。 但是,这也可能会使弧笔视觉修正或者下降部之类的内容出现混乱。其实有更好的方法来解决这个问题。

控制位置

Illustrator 的 CS4 之前的版本中,你可以从窗口左上角——即垂直和水平标尺相交的左上角的小区域中,拖动十字光标来设置原点。 当你粘贴时,Glyphs 则会尊重原点的位置。
Illustrator 的原点对应着 Glyphs 中的 x=0/y=0 点,即左侧边线和基线的交叉点。

在 Illustrator CS5 及更高版本中,你需要在画板选项中设置原点。打开 “画板” 面板,从面板菜单中选择 “选项”,或者双击画板图标,或者双击工具栏中的画板工具进行设置。例如,你可以将画板的高度设置为 500pt,并将原点设置到左下角:

然后,你可以像这样缩放和重新定位你的字母或符号:

现在,如果你是真正的高手,你可以在每个对象周围放置相同大小的框,并用 Illustrator 的缩放功能将他们调整到正确的大小和位置,然后将框移开,把对象拷贝到剪贴板中。

那么字符形的宽度呢? 粘贴后,你可以通过在灰色信息框中输入它的值来快速修正右边距。或者,你可以在 “字体” 标签页中选择字符形,然后在窗口左下角的信息区域中输入量度值,从而一次设置它们。

清理

正如我在一开始提到的,还有很多关于优化路径的说法,但是这里是一个快速简单的方法来纠正错误:

  1. 在 “字体” 标签页中,选择所有字符形(Cmd-A)。
  2. 选择 “路径 > 添加极值点”。这将在路径的极值位置插入节点。如果你不知道什么意思,别担心,只管去做。
  3. 选择 “路径 > 修正路径方向”(Cmd-Shift-R)。这将会修复字符形中字腔和轮廓的路径顺序。
  4. 选择 “路径 > 清理路径”。这将删除多余的节点和坐标重合的点。
  5. 除非你对字符轮廓有超高的细节要求,你可以选择 “路径 > 坐标值取整” ,这将使你的所有坐标转为最接近的整数。

在粘贴之后,点的坐标并不会被取整到 “网格间距”。只有在你第一次应用变换后,它们才会被取整。通过 “滤镜 > 变换”,你可以一次性对所有的字符形应用一个小的移位变换,并且所有都将对齐到网格。如果你只想让坐标整数化,则使用 “路径 > 坐标值取整” 命令就足够了。

想要实现像素完美吗?看看这篇文章吧。

这样做好之后,你就可以继续工作了。祝愉快。


Translation:徐静琪 Jingqi Xu
Revision: 黄陈列 Huang Chenlie 刘钊 Liu Zhao