哈嘍！大家好，我是楊洋 XHM，我又來咯！先感謝大家對上篇內容的支持，今天繼續梳理 Glyphs 系列教程后 7 集-13 集的內容要點。

上篇回顧：

前言：上篇文章把 Glyphs 的軟件特性、界面框架、以及部分常用功能總結完啦！那么，這次就把剩下的內容，一次性全部總結完。內容會涉及到一些超好用的輔助功能、繪制字符的流程和相關技巧，還有字距設定的相關方法、以及字體封裝出庫的一些設置。

視頻版：⑦ 繪制工具

七、繪制工具

這個模塊的工具主要分成三類：分別是快速切割類、書寫繪制類以及幾何繪圖類。這塊內容比較簡單，很多工具的用法和我們常用的軟件差不多，所以大家跟著視頻過一遍，基本就會了。

1. 快速切割類工具：

① 小刀工具：通過點按拖拽的方式，即可快速斷開筆畫路徑、分割筆畫塊面。

② 橡皮擦工具：主要作用是擦除路徑，通過單擊對應錨點，即可高效的刪除對應錨點。

2. 書寫繪制類工具：

① 鉛筆工具：可以通過近似書寫的方式，便捷地繪制出線條。一般用來繪制文字的骨架非常好用。

② 像素工具：可以非常方便的制作出一些像素風的字體，并且通過 Glyphs 直接生成字體文件，方便你在不同的軟件里進行編排，這個工具使用前，需要進行一些設置，具體步驟在視頻里有詳細演示。

3. 幾何繪圖類工具：

由于我們在繪制字體時，更多的是通過鋼筆來繪制比較復雜的筆畫。所以在基礎幾何繪圖方面，Glyphs 只內置了一些常用的方形、圓形這類基礎形狀。

所以，還是主要拓展一下：在 Glyphs 里，如何快速繪制圓角？以及如何批量的給字體添加圓角？

技巧 ① 調適曲線規范杠桿

用小刀工具對任意一個角進行切割，然后將缺口調整到對角線，最后調出杠桿并用調適曲線規范杠桿，即可獲得圓角。

技巧 ② 角部件統一造型

關于角部件，你可以理解為：設置好一個造型模版，在需要的轉角處直接套用這個模版。這在做筆畫襯線時，很節省時間。而且還能保持所有襯線造型統一。那么用這個功能來制作圓角自然是小意思，具體操作看視頻，下面就梳理了演示的核心要點。

① 添加字符形 ? Shift + ? Cmd + G / ② 字符名稱 _corner. + 后綴名稱 / ③ 繪制一個有弧度的角部件，然后應用到對應錨點上。

技巧 ③ 自定義參數批量繪制

在軟件里，我們可以通過 菜單-濾鏡-圓角濾鏡 來快速新建圓角，但這樣的操作是不能后續編輯的。我們可以通過圓角濾鏡窗口生成一串代碼，然后在 字體信息-導出-添加字樣-拷貝自定義參數，即可實現批量添加圓角的效果。

視頻版：⑧ 輔助工具

八、輔助工具

在 Glyphs 里，有很多專門為了字庫創作而設計的輔助功能，這里我主要總結一些特色功能，部分常規功能大家看上面的視頻講解就 ok 了。

1. 文字工具：

我們在完成字庫后，會進行很多細節調整和字體編排測試。而 Glyphs 內置的文字工具，就可以很方便的完成這些工作，真正實現了字體設計+編排一體化。這在其他軟件里，是非常麻煩的工作。

小帖士：① 調整字偶間距：按住 ? Shift 鍵 + 鍵盤的上下鍵，即可調整。② 選中復制文本：按住 ? Shift 鍵 + 鍵盤的左右鍵，可以將文字選中，即可復制、粘貼到任意位置。

2. 注釋工具：

我們在字體審核時，可以用它來添加批注和修正標記。默認狀態下，只有打開批注工具才能看見這些標記，但我們也可以通過 菜單-視圖-顯示注釋 讓加好的批注直接顯示在字符框當中。

3. 測量工具：

顧名思義，這個工具主要就是在我們設計字體時，快速測量標注每個部件的寬高、部件之間的間距、錨點的坐標。方便我們觀察筆畫的各項參數，以此決定是否要繼續調整。

小帖士：① 按住 ? Cmd + ? Option + ? Ctrl 可以快速調出測量工具。② 測量時按住 ? Shift 鍵，也可以直接水平或垂直測量數據，避免偏差。

4. TrueType 指令：

這個功能的主要作用，就是用來預覽文字在 8px 到 80px 的顯示狀態。同時也可以根據自己的需求，調整顯示的縮放倍率，以此觀察字符的清晰度。通過 菜單-窗口-預覽面板 可以調出一個獨立窗口去觀察，非常直觀。

視頻版：⑨ 字符繪制

九、字符繪制

通過之前的內容，我們把常用工具講完了。接下來我會通過這段案例演示，來分享一下我平時的繪制流程。這個過程中有一些工具運用的細節和圖形復用的思路。所以文章以梳理步驟為主，建議配合視頻來看哈！

1. 設定框架：

在手繪草圖前，我們一般會先定好整套字體的比例關系，以此來統一字體的框架參考線。而漢字和西文的框架設定還稍微有些不一樣。這里我就提供兩個常規的字體框架草圖給大家。你們可以下載打印出來繪制草圖。

西文：A4-基礎框架

中文：A4-5cm-方格紙

2. 導入草圖：

我們將畫好的草圖掃描進電腦之后，先將草圖按照字符單獨拆開，然后復制、粘貼導入指定的字符框當中，然后右鍵鎖定圖片，方便后期繪制。

小帖士：如果字符框太窄，可以在字體信息面板里手動調整字框寬度數值，避免草圖重疊到一起。

3. 制作字符：

接下來，就用之前講解的繪制工具搭建筆畫結構，這塊沒啥難度，都是一些基礎工具的組合應用。如果遇到一些造型復雜的曲線類筆畫，可以先用鋼筆工具，在曲線轉折處進行大致的勾勒，然后再添加杠桿調整曲線，這樣會比較高效一點。而且因為布點比較簡潔，曲線的也會更加的順滑。

小帖士：撤銷的快捷鍵是 ? Cmd + Z ，但要注意，在 Glyphs 里，每個字符框都是獨立記憶步驟的，在當前字符框內，是永遠都不會撤銷其他字符的操作。

4. 復用形狀：

在基礎筆畫、文字繪制完成后，我們可以對常用造型進行拆分，相同類型的筆畫可以直接復用，例如小寫的字母 [ h ] 就可以拆分出字母 [ n、i ] ，所以，并不是每個字符都需要重新去繪制，學會解構拆分，可以給我們節省很多時間，這在中文里也是一樣的。相同的偏旁都是可以復用的，這能讓全套字符的風格細節更統一。

5. 優化曲線：

字符繪制完成后，我們就可以根據曲線情況，利用調適曲線功能逐一優化曲線的平滑度。也可以手動微調錨點的位置，總之盡量讓曲線順滑。當曲線怎么調整都不舒服時，可以考慮是不是錨點的位置擺放不對，或者是曲線兩端的杠桿不對稱導致的。

小帖士：最后的細節檢查，基本上就是檢查路徑方向是否一致、視錯覺修正有沒有做好、字間距是否近似等... 靈活應用軟件內置的各種變換、對齊功能進行調整，可以極大地提升工作效率。

視頻版：⑩ 背景圖層

十、背景圖層

1. 背景圖層是什么？

簡單來說，背景圖層就是將你所選中的路徑，轉化成一個不可觸摸的對象，用來指導你做設計或者當作設計的備份稿。或者當我們需要在已經設計好的兩個版本之間取一個中間值，這時候就可以用到背景圖層的功能。

2. 背景圖層怎么用？

① 置入背景：? Cmd + J 將所選對象置入背景圖層中，此時的路徑可以看到，但無法直接編輯。

② 編輯背景：? Cmd + B 如果需要調整背景圖層的內容，可以通過 菜單-路徑-編輯背景 進入背景層，即可操作背景層的路徑。

③ 對換稿件：? Cmd + ? Control + J 這組快捷鍵，可以快速地把背景圖層和設計稿進行對調。

小貼士：① 清除背景：? Option + 清除背景，可以將背景層上的所有稿件一鍵全部清除。② 批量添加：在字體視圖內，選中希望移至背景的文字，按 ? Cmd + J 可以批量的將所有選中的稿件添加到背景圖層上。

3. 和背景插值：

如果你希望在原稿和修改稿之間，獲取一個中間值，那么可以通過和背景插值的功能來尋找一個折中的方案，這有點類似于 Ai 里的混合工具。

視頻版：? 字距調整

十一、字距調整

在我們設計好一套字體之后，就需要去整體的調整字母邊距和字偶間距，這是非常重要的工作。如果不去做這些調整，那么在實際使用字體時，字間距在視覺上就會顯得忽遠忽近，留白也非常難看。

1. 調整字間距

在信息框的下面有三個參數，其中左右對稱的兩個參數，代表的就是字符目前默認的邊距。可以通過調整這個參數，改變字符到字身框左右兩側的距離。

① 右字邊距增 / 減 1 格：? Cmd + 左/右方向鍵。右字邊距增 / 減 10 格：? Cmd + ? Shift + 左/右方向鍵。

② 左字邊距增 / 減 1 格：? Ctrl + 左/右方向鍵。左字邊距增 / 減 10 格：? Ctrl + ? Shift + 左/右方向鍵。

2. 批量設定字間距

在字體預覽視圖中：? Cmd + A 全選字符，然后在左側邊欄下方調整 多個值 的設定，即可快速批量地改變字符的左右邊距。另外，在 菜單-字符-變換量度值 也可以設定字符的左右邊距，直接應用到所有的字符上。勾選 相對值 代表在現有字間距的基礎上，增加或刪減邊距，方便統一地完成字距的調整。

3. 復用字間距

選中需要設定間距的字符，然后在左右數值處填寫需要復用間距的對應字符，這樣就可以直接復用該字符正在使用的邊距數值，還可以根據修改情況實時刷新。

視頻版：? 字偶間距

十二、字偶間距

1. 字偶間距是什么？

字偶間距是指的兩個特定字符組中間的這段距離。因為通過前面字距的整體調整后，我們的字體在大多數情況下，可以做到字距視覺近似。

但是，在一些特殊的字母組合里，因為字體形狀的原因，默認字距會出現過大或過小的情況。最常見的就是 [ A、V ] 的組合，這時，我們就需要為這些特定的詞組進行字偶間距的微調。

2. 字偶間距怎么調？

用文字工具，把光標放在兩個字符中間，然后在信息面板中激活字偶間距的輸入框。按鍵盤的上下方向鍵，即可在指定的兩個字符中間增加或減少 1 格字偶間距。按 ? Shift 則可以每次增減 10 格。

3. 按群組設置字偶間距：

對于形狀相似的字符，我們可以統一選中并輸入到字偶距群組中。設置好群組以后，群組中所有字符的左 / 右邊距都會被統一地調整。 我們可以用這種方式，快速地對一些形狀近似的字符進行統一的字偶間距調整。這樣能有效的提高調整的效率。

4. 樣本字符串：

在 Glyphs-偏好設置-樣本字符串 里提供了很多調整字距時用的詞組，我們可以通過這里提供的詞組來快速統一調整間距。

視頻版：? 生成字庫

十三、導出字體

在字體完成后，不要著急導出字體。我們需要在字體信息面板內添加好對應的參數，這樣才能讓你的字體更精準的在電腦里顯示。下面我羅列了一些常用的設置條目：

1. 字體信息設置：

① 字體家族名稱：需要填寫英文或拼音，不可以填漢字。

② 本地化家族名稱：可以將字體名稱翻譯成對應語種，方便在字體冊中識別并使用字體。

③ 版本信息：在每次修改后調整，防止文件弄混淆了。而創建日期，也可以及時刷新一下。

④ 字體版權信息：設計師、著作權信息、商標等內容，根據實際需求，在旁邊的+號進行添加即可。

2. 字體格式選擇：

把字體信息設置好后，就可以導出字體啦！關于字體格式，我們通常會選擇 OTF 或 TTF 文件格式。

OTF 和 TTF 之間的主要區別是高級排版功能。OTF 格式包含了連字、替代符等功能。而 TTF 主要還是在市面上流通度更高，大家可以按需選擇。雖然說 OTF 確實是兩者中的更好的選擇，但是對于普通計算機用戶而言，這些差異實際上并不重要。

3. 導出到文件夾：

關于導出，軟件提供了兩種選擇：目標文件夾，可以按我們的需求，選擇導出到指定文件夾。而測試安裝，則是幫我們把文件保存到某個特定的文件夾中，它可以方便我們直接在 Adobe 系的軟件F中測試使用，并且無需安裝、且實時更新。

小帖士：如果你在用 Glyphs 2 沒有導出到測試安裝的功能，可以把文件夾設置到下面這個固定的路徑，從而起到相同效果：

路徑：/Library/Application Support/Adobe/Fonts

好啦！這次的分享到這里就結束啦～還有很多功能來不及分享，大家有什么感興趣的，也可以在評論區里給我留言！

如果你覺得有所收獲的話，就給我點個贊吧！我們下次再見～