原文标题：Reusing Shapes: Smart Components

Tutorial ,30 March,2015

https://glyphsapp.com/tutorials/smart-components

• Components翻译成“部件”，根据《万物》一书。

• 以下为翻译正文：
• 如果你想重复使用小写字母“n”的右侧肩膀部分，比如在小写字母“m”或者h”上。当然，你也可以像使用“平板衬角（slad serifs）”那样使用部件。（like we did with slab serifs）但是如果你使用常规部件，就会有个小问题，这些部件是“静态的​”。但是我们需要在m字母的肩膀部分是可调节的动态的。大多数设计师会把这两个肩膀调整的比n略窄一些。因为两个肩膀部件被直接使用，会造成m字母的内白空间太大，这对于单个字母的设计是不利的。

收紧内白空间的m，与n对比 

而且，在设计小写字母“h”时，为了使交叉处的“切口”看起来与n一直，通常会下压左侧的部分，让切口更深一些。因为h的竖划，没法像n的衬线那样容易调整，n的切口角度更大，而h的切口角度小（译者：这里举例的小写字母为衬线体。）

n与h的切口部分对比  

这就是为什么，常规部件在这里不合适的原因。我们需要更方便的解决方案。

设置一个智能Glyohs

我们把n的肩膀部分，转化为智能部件。双击n的肩膀，选中这部分。然后点击右键，在打开的菜单中，选择：“将所选内容转换为部件”（Component from selection）

Component from selection，中文版对照翻译为：将所选内容转为部件

弹出对话框，需要输入组件字形名称时，应该用_part开头，因为这是我们可以在其他字形中重复使用的部分。在Glyphs里，下划线默认设置为不导出，这对我们来说是有意义的。假设字体中含有多个智能部件（Smart Component），我们应该添加点，作为后缀。在这个例子里，我使用.shoulder，如下图所示：

下划线作为命名的开始，点作为间隔使用的后缀。 

一个从n中单独分离出来的字形，取名为：_part.shoulder  现在来添加锚点，用于保持字体的风格。添加一个叫connect的锚点，将它与右侧的长路径对齐。

        Tip：也可以使用_smart，代替_part作为智能部件命名的前缀。

然后，我们需要另外一个锚点，放在部件的前部。如果之前的锚点叫做connect，那么与它对应的锚点必须以下划线开始，叫做_connect  由于两个锚点都在同一高度上（即，Y轴坐标一致），在这里我建议把它们放在基线上。做好以后，如下图：

添加锚点后的部件

因为是以_pary开头的，所以被识别为智能部件。但只要还没有添加其他图层，它就还不算智能。所以，让我们复制当前图层两次，并分别命名为NarrowShoulder和LowCrotch。图层面板在右侧边栏，快捷键：Cmd-Opt-P。如下图所示：

Layers是图层面板，快捷键cmd+opt+P 

现在我们来选中NarrowShoulder图层，让它变窄一点：选中右边的部分，按住Ctrl+Option，用键盘方向键的⬅，所选部分会向左移动，同时周围的手柄会自动按比例调整。如果再同时按住Shift键，所选部分将以10为单位移动。如图所示：

同时按住Ctrl+Option+shift所选部分将以10为单位移动。

在LowCrotch图层上做类似的操作。但这次选中最左边的两个点，将它们向下移动，以使这个弧形看起来低一些。简单的向下移动就可以了，稍后再细致调整。

现在_part.shoulder还是处在被激活的状态，在画布上单击右键，在菜单中选择 Show Smart Glyph Settings（显示智能字符形设定选项）。或者在上方菜单中，选择编辑->所选内容信息快捷键：Cmd-Opt-I

Show Smart Glyph Settings 显示智能字符形设定选项

在出现的窗口中，点击+按钮，增加一个叫做shoulderWidth的参数。然后输入0和100作为边界的值。名称与数值可以随意增加或减少，但是底线值必须小于上限值。这些值应该是能够感知。在这里我选择0表示最小宽度，100作为最大宽度的值。

然后，添加第二个属性，命名为crotchDepth，设置-100和0为边界值。对于我来说-100代表弯曲部分的最低值，0代表正常值。​

添加属性，设置边界值。 

然后切换到Layers（图层）选项卡，在这里设置每个图层的值。在这里我们如下设置：

·Regular: crotchDepth 0 and shoulderWidth 100

·NarrowShoulder: crotchDepth 0 and shoulderWidth 0

·LowCrotch: crotchDepth -100 and shoulderWidth 100

Layers图层选项卡，设置每个图层的参数。 

设置好后，点击OK按钮。

调整智能部件​

现在，返回h、m、n这些字符中，然后删除这些字母中路径勾勒的肩膀。然后插入_part.shoulder部件。操作如下：Glyph> Add Component（字符->添加部件），快捷键 Cmd-Shift-C.

然后，在部件上单击右键，在菜单中选择“显示智能部件设定”（Show Smart Component Settings）​。或者，也可以选择组建后，在顶部菜单中点击编辑->所选内容信息(Edit> Info for Selection)，或者使用快捷键：Cmd-Opt-I

出现滑块窗口，然后可以调节这些滑块，来调整智能部件。​

为了能够利用锚，使用connect锚把h左侧的竖笔划变成智能字符（smart glyph），是有必要的。或许可以在增加一个图层，用于控制顶部衬角的弧度。

通过控制弧度，可以得到不同角度的切口。

无论如何，_part.stem看起来如下图：​

只有当字母的所有部分都是部件时，锚的自动对齐才起作用。只要字形中有规则的路径（regular path），就取消自动对齐，并忽略锚点。

现在，例如在小写字母m中，将_part.stem作为第一个部件，然后接着复制两次_part.shoulder，就会发现在锚连接的很好。你可以再次调整智能部件的参数。如下图：

全部是智能部件，分别调整参数。

在 CJK 中运用智能部件

—-待续—-

—————————-

中文Glyphs软件版本：2.5.2（1184）中文版

智能部件：Smart Components​：

平板衬角：slad serifs

Smart Glyph：智能字形

Components Glyph：组件字形

baseline​：基线

crotch：弯曲的部分（直译为胯部，两腿分叉处）

显示智能部件设置：Show Smart Glyph Settings

CJK​：CJK Unified Ideographs的缩写。Chinese、Japnese、Korean，中文翻译：为中日韩统一表意文字。

出现的提示是说「ttf 自动渲染提示（auto hint）出现错误，没有标准字符形用以派生标准宽度和高度。」

渲染提示是一种帮助字体在低分辨率屏幕下正确显示的技术，Glyphs 软件自动生成渲染提示的功能依赖西文字母作为参照。对我们（中文字体设计）来讲，这个渲染提示加不加影响不大。

在导出时，关掉第二个复选框。

以上问题的解决方法来自willie，在TypeSchool Online Season 0微信群。