做字库超简单！字体设计神器Glyphs系列教程（上）

假如你想做自己的字库？看完这篇文章，你也可以！

大家好，我是@杨洋 XHM，今天我来梳理一下我最近录制的字体设计神器。 Glyphs 系列教程的内容要点。

这套教程有 13 集，分享了我用它创建字库时使用的所有工具。从基本介绍到案例演示，包括最终字体封装出库。我会把文章分为上下两部分 2 看完文章，如果有帮助，记得表扬+关注！

视频版：① 软件介绍

一、软件介绍：

1. 软件 Glyphs 是干嘛的？

Glyphs 是一款 Mac 平台上的字体设计软件可以快速绘制高精度矢量图形，有效复用形状，轻松管理任何数量的字母和符号。

2. 字库自动编码封装

使用 Glyphs 您可以从草图中绘制完美的矢量形状，并自动为每个字符添加匹配的代码。只要您设置了基本的字体信息，您就可以有效地生成它 TTF、OTF 字体文件等主流格式。

3. 我们用 Glyphs 制作了哪些字体产品？

我们用 Glyphs 设计了流行的优化标题黑色、优化身体、棒棒、书籍华体。如果你也想设计自己的字体，这个软件可以学习，这是现在主流的字库设计软件。

4. Glyphs VS Illustrator 字体设计的优点是什么？

总结一下:用 Glyphs 做字体设计，可以从字体矢量化到产品包装，一个软件全部完成！而且 Illustrator 或者专注于更全面的矢量图形绘制，因为字体设计的细分领域仍然缺乏一些实用的功能。通常简单地设计几个单词是可以的，太多的单词不方便管理。

整体来说 Glyphs 给我留下深刻印象的主要原因是这一点 4 点：

对于曲线的调整，控制精度非常高。没有技术门槛，基本功能非常容易使用。你可以边写边做各种排版测试。该软件具有良好的扩展性，并且有许多实用的插件脚本。

5. 提高智能部件效率：

在 Glyphs 在其中，我们可以根据需要将笔画创建为智能部件，并设置厚度、长度、角度等属性。然后，在设计字体时，可以直接调用这些智能部件，并使用滑杆调整参数。这可以有效地减少修改部分部件的时间，提高设计效率！

6. 软件学前小贴士：

① 工作环境：因为 Glyphs 是 Mac 平台上的设计软件，开发者明确表示不会开发 win 版本，所以如果你想使用这个软件，你必须有一台苹果电脑，或者为你的电脑安装一个苹果系统，你理解我的意思，淘宝你知道。

② 软件启动：如果您安装了它 Glyphs 2 这个旧版本没有启动界面。打开软件后，只要苹果按钮出现在桌面左上角的苹果按钮旁边 Glyphs 菜单按钮表明软件已经成功启动。

下一步只需按下快捷键 ⌘ Command + N 新建的，可以快速新建带有大小写字母+数字的工作文件。

视频版：② 界面介绍

二、界面介绍：

整个软件分为菜单栏、工具栏、左侧五个模块，右侧边栏用字体预览视图。

1. 菜单栏：

这里涵盖了 Glyphs 所有功能。以后会讲解一些具体的功能介绍，所以现阶段大家不熟悉工具快捷键的时候可以在这里查一下。

2. 工具栏：

它包括大多数常用的绘画和辅助工具。大多数工具的操作逻辑与其他软件基本相同，我稍后会详细介绍。

① 字体信息：

界面左上角「i」它是字体信息模块的快捷按钮，是软件中的核心模块。为了达到一些特殊效果，需要设置字体名称、基本参数、包括字体家族在内的模板，以及为字体添加各种自定义参数。

② 视图模式：

视图按钮主要控制预览视图的两种显示模式。默认情况下，它们以图标的形式显示。列表模式详细记录了每个字符的参数及其修改时间、左右边距和字框大小，可以在这里看到。

3. 左侧边栏：

① 字符列表：

本文涵盖了软件中自带的字符列表，通过它可以快速、批量地生成一些字符集。

小贴士：在 Glyphs 3 代中包含的字符清单更丰富。你可以通过语言旁边的字符「 + 」默认情况下，没有显示添加一些不常用的小语种清单。您可以根据自己的需要添加。

② 字体参数：

视图按钮主要控制预览视图的两种显示模式，默认为图标。列表模式详细记录了每个字符的参数及其修改时间、左右边距和框架大小。

③ 提高过滤面板-智能筛选效率：

在 Glyphs 有智能过滤器和列表过滤器，可以帮助您准确筛选您需要的字符。

智能过滤器：它根据您设置的一些条件自动帮助您筛选一些符合要求的字体。列表过滤器：根据您自己的需要添加一些固定顺序的字符列表，以提高您的效率。

比如我们经常通过一个偏旁部首的清单快速筛选出这套字体中的偏旁部首都，帮助我在设计初期制定标准化。

4. 字体视图：

字体视图显示了文档中所有加载的字符，方便您快速预览其完成情况。

在左下角的「 + 」就是加字符形，而且「 - 」删除字符形。

您当前的操作信息和字符数量将显示在中间：

右下角是调整视图预览大小的按钮。您可以根据自己的需要进行调整。

视频版：③ 编辑视图

三、编辑视图：

1. 字体信息面板、组件参数一目了然：

这个字符框架的基本信息显示在编辑视图的正下方。例如，当您选择字形时，它的编码、间距和组也会显示坐标位置、锚点信息以及整个单词的宽度和高度。

2. 右侧边栏：

① 备忘录-管理字体规范

在 Glyphs 有一个备忘录，可以用来记录字体规格的参数信息，比如水平笔和垂直笔的厚度，包括常见字体特征的大小，可以通过它来记录，这样你在设计其他单词时就可以有一个参考。

② 调试曲线：

它主要用于优化曲线杠杆，帮助您快速创建一个相对光滑的曲线。稍后将有一个详细的解释的例子。在这里，你可以简单地理解它。

③ 图层面板：

在 Glyphs 图层面板主要分为三种类型:主图层、备份图层和特殊图层。主图层是默认状态下的图层，可以在上面画任何笔画。

顾名思义，备份层可以用来创建备份。当您想要设计多个版本时，您可以在备份层上进行操作。修改后，您可以将其与主层进行比较，以选择您满意的方案。

④ 变换模块：

缩放、旋转、倾斜、对齐、布尔运算等功能与其它软件没有太大区别。

提示：使用缩放工具时，默认情况下从中心向外放大或缩小。如果您想单独水平或垂直调整，您可以解锁旁边的锁。然后分别调整上下值。

我不会在这里逐一列出旋转、倾斜、对齐和布尔运算的工具。它们都是基本操作。如果你看不到视频，基本上没问题。

视频版：④ 字符添加

四、字符添加：

1. 快速新建字符文档：

通过「菜单栏 」-「文件」-「新建」按钮，可以快速创建西文字符集文档(快捷键) ⌘Command+N）

2. 预创字符形：

点击启动界面「菜单栏」-「文件」-「从字符形集合新建」可预先创建字符形：

此时，检查所需的文本类型，可以一次性创建包含多种语言甚至表达符号的字体文档，以方便您制作大型项目。

3. 单独添加字符形式：

通过「菜单栏」-「字符」-「添加字符形」可以调出添加字符形面板，输入要设计的字体，然后添加(快捷键 ⇧ Shift + ⌘ Command + G）

小贴士:输入的字符要用空间隔开，一个萝卜一个坑，否则两个字符会出现在坑里。

4. 字符形式的批量添加：

通过界面左侧语言列表 - 选择所需的字符清单 - 右键可以调出相应列表的字符列表，然后按下快捷键（⌘ Command + A ）全选，点击生成。您可以快速批量添加字符。

Tips：这个操作配合你自己的字符清单超级好用！长期整理自己的字符清单，可以大大提高效率，看视频教程具体操作。

5. 删除字符形：

如果你选择需要删除的字符，在字体视图的左下角有一个「 - 」减号，点击删除，非常简单(快捷键) ⌘ Command + ⌫ Backspace）删除。

视频版：⑤ 稿件导入

五、稿件导入:

如何在其他软件中导入矢量文件？ Glyphs 里面？比如:我们会怎么样？ Ai 复制文件中的文件 Glyphs 在里面做调整，或者手写几个手稿，用 Ai 图像描述矢量化，然后丢失 Glyphs 内部进行修正。

直接复制粘贴，无需任何设置，您将粘贴在远离字符框的地方。因为它会自动识别粘贴对象在前一个软件中 x y 轴向。

解决方案分为三个步骤：

1. 新建一个 1000×1000 将画板的坐标轴调整到原点的画板 X=0、Y=0

2. 在画板上创建一个 1:1 将矩形块复制到 Glyphs 然后跟进实际情况，调整画板坐标。如下图所示 X 轴对齐，但是 Y 轴向下偏移 300，此时只需将画板向上调整 300 即可。

3. 调整后，只需复制即可 Glyphs，检查位置是否合适 ok 然后。接下来，您可以将准备好的字符等比放大并移动到画板的中心，然后复制到画板的中心 Glyphs 在里面，你可以愉快地面对它进行调整。

经过这样一套流程，你不需要额外的调整，它可以保持统一！

视频版：⑥ 路径绘制

六、路径选择：

这里主要介绍基本工具。如果是和其他软件一样的操作，我就不说了。这里主要讲每个工具在这里。 Glyphs 升级用法。

1. 框架选择工具更方便：

在 Glyphs 内部使用选择工具，同时按下框架 fn，框架选择的范围可以倾斜，这样选择一些错位的锚点和路径就更方便了。

2. 钢笔工具更灵活：

① 快速断开路径

如果要断开路径，只需点击断开位置，直接断开路径。

② 曲线的快速生成

选择工具并按住 Option 单击直线路径的中间，它会自动产生两个杠杆，从而快速拖出完美的曲线。

③ 平行杠杆的快速生成

双击直角锚点，锚点变成圆形，杠杆变成平行杠杆。或者选择多个锚点，然后按住返回按钮。这样，您还可以快速将选定的锚点一次转换为平行杠杆。

④ 固定杠杆调整锚点

按住 option 按钮移动锚点时，两端的杠杆是固定的。在这个杠杆上来回滑动可以快速调节曲线的舒适性。这可以帮助我们在写作时快速实现对称的杠杆。

⑤ 调整固定锚点的杠杆

按住 option 按钮移动直角锚点时，两端的杠杆固定，只移动锚点的位置。这可以在很大程度上避免，当我们拖动锚点时，其他曲线发生了很大的变化。

⑥ 同时，调整多个锚点操作杠杆

在 Ai 我们只能一个一个地调整杠杆，但在里面 Glyphs 在里面，我们可以同时选择，然后一起调整，这样当我们调整曲线时，我们可以快速调整两边的杠杆。

这次分享到此结束。如果你觉得有什么收获，给我点赞吧！下次见～