哈嘍！大家好，我是楊洋 XHM，我又來(lái)咯！先感謝大家對(duì)上篇內(nèi)容的支持，今天繼續(xù)梳理 Glyphs 系列教程后 7 集-13 集的內(nèi)容要點(diǎn)。

上篇回顧：

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

視頻版：⑦ 繪制工具

七、繪制工具

這個(gè)模塊的工具主要分成三類(lèi)：分別是快速切割類(lèi)、書(shū)寫(xiě)繪制類(lèi)以及幾何繪圖類(lèi)。這塊內(nèi)容比較簡(jiǎn)單，很多工具的用法和我們常用的軟件差不多，所以大家跟著視頻過(guò)一遍，基本就會(huì)了。

1. 快速切割類(lèi)工具：

① 小刀工具：通過(guò)點(diǎn)按拖拽的方式，即可快速斷開(kāi)筆畫(huà)路徑、分割筆畫(huà)塊面。

② 橡皮擦工具：主要作用是擦除路徑，通過(guò)單擊對(duì)應(yīng)錨點(diǎn)，即可高效的刪除對(duì)應(yīng)錨點(diǎn)。

2. 書(shū)寫(xiě)繪制類(lèi)工具：

① 鉛筆工具：可以通過(guò)近似書(shū)寫(xiě)的方式，便捷地繪制出線條。一般用來(lái)繪制文字的骨架非常好用。

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

3. 幾何繪圖類(lèi)工具：

由于我們?cè)诶L制字體時(shí)，更多的是通過(guò)鋼筆來(lái)繪制比較復(fù)雜的筆畫(huà)。所以在基礎(chǔ)幾何繪圖方面，Glyphs 只內(nèi)置了一些常用的方形、圓形這類(lèi)基礎(chǔ)形狀。

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

技巧 ① 調(diào)適曲線規(guī)范杠桿

用小刀工具對(duì)任意一個(gè)角進(jìn)行切割，然后將缺口調(diào)整到對(duì)角線，最后調(diào)出杠桿并用調(diào)適曲線規(guī)范杠桿，即可獲得圓角。

技巧 ② 角部件統(tǒng)一造型

關(guān)于角部件，你可以理解為：設(shè)置好一個(gè)造型模版，在需要的轉(zhuǎn)角處直接套用這個(gè)模版。這在做筆畫(huà)襯線時(shí)，很節(jié)省時(shí)間。而且還能保持所有襯線造型統(tǒng)一。那么用這個(gè)功能來(lái)制作圓角自然是小意思，具體操作看視頻，下面就梳理了演示的核心要點(diǎn)。

① 添加字符形 ? Shift + ? Cmd + G / ② 字符名稱(chēng) _corner. + 后綴名稱(chēng) / ③ 繪制一個(gè)有弧度的角部件，然后應(yīng)用到對(duì)應(yīng)錨點(diǎn)上。

技巧 ③ 自定義參數(shù)批量繪制

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

視頻版：⑧ 輔助工具

八、輔助工具

在 Glyphs 里，有很多專(zhuān)門(mén)為了字庫(kù)創(chuàng)作而設(shè)計(jì)的輔助功能，這里我主要總結(jié)一些特色功能，部分常規(guī)功能大家看上面的視頻講解就 ok 了。

1. 文字工具：

我們?cè)谕瓿?a href="http://76r.com.cn/tag/%e5%ad%97%e5%ba%93" class="tag_a" target="_blank">字庫(kù)后，會(huì)進(jìn)行很多細(xì)節(jié)調(diào)整和字體編排測(cè)試。而 Glyphs 內(nèi)置的文字工具，就可以很方便的完成這些工作，真正實(shí)現(xiàn)了字體設(shè)計(jì)+編排一體化。這在其他軟件里，是非常麻煩的工作。

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

2. 注釋工具：

我們?cè)谧煮w審核時(shí)，可以用它來(lái)添加批注和修正標(biāo)記。默認(rèn)狀態(tài)下，只有打開(kāi)批注工具才能看見(jiàn)這些標(biāo)記，但我們也可以通過(guò) 菜單-視圖-顯示注釋 讓加好的批注直接顯示在字符框當(dāng)中。

3. 測(cè)量工具：

顧名思義，這個(gè)工具主要就是在我們?cè)O(shè)計(jì)字體時(shí)，快速測(cè)量標(biāo)注每個(gè)部件的寬高、部件之間的間距、錨點(diǎn)的坐標(biāo)。方便我們觀察筆畫(huà)的各項(xiàng)參數(shù)，以此決定是否要繼續(xù)調(diào)整。

小帖士：① 按住 ? Cmd + ? Option + ? Ctrl 可以快速調(diào)出測(cè)量工具。② 測(cè)量時(shí)按住 ? Shift 鍵，也可以直接水平或垂直測(cè)量數(shù)據(jù)，避免偏差。

4. TrueType 指令：

這個(gè)功能的主要作用，就是用來(lái)預(yù)覽文字在 8px 到 80px 的顯示狀態(tài)。同時(shí)也可以根據(jù)自己的需求，調(diào)整顯示的縮放倍率，以此觀察字符的清晰度。通過(guò) 菜單-窗口-預(yù)覽面板 可以調(diào)出一個(gè)獨(dú)立窗口去觀察，非常直觀。

視頻版：⑨ 字符繪制

九、字符繪制

通過(guò)之前的內(nèi)容，我們把常用工具講完了。接下來(lái)我會(huì)通過(guò)這段案例演示，來(lái)分享一下我平時(shí)的繪制流程。這個(gè)過(guò)程中有一些工具運(yùn)用的細(xì)節(jié)和圖形復(fù)用的思路。所以文章以梳理步驟為主，建議配合視頻來(lái)看哈！

1. 設(shè)定框架：

在手繪草圖前，我們一般會(huì)先定好整套字體的比例關(guān)系，以此來(lái)統(tǒng)一字體的框架參考線。而漢字和西文的框架設(shè)定還稍微有些不一樣。這里我就提供兩個(gè)常規(guī)的字體框架草圖給大家。你們可以下載打印出來(lái)繪制草圖。

西文：A4-基礎(chǔ)框架

中文：A4-5cm-方格紙

2. 導(dǎo)入草圖：

我們將畫(huà)好的草圖掃描進(jìn)電腦之后，先將草圖按照字符單獨(dú)拆開(kāi)，然后復(fù)制、粘貼導(dǎo)入指定的字符框當(dāng)中，然后右鍵鎖定圖片，方便后期繪制。

小帖士：如果字符框太窄，可以在字體信息面板里手動(dòng)調(diào)整字框?qū)挾葦?shù)值，避免草圖重疊到一起。

3. 制作字符：

接下來(lái)，就用之前講解的繪制工具搭建筆畫(huà)結(jié)構(gòu)，這塊沒(méi)啥難度，都是一些基礎(chǔ)工具的組合應(yīng)用。如果遇到一些造型復(fù)雜的曲線類(lèi)筆畫(huà)，可以先用鋼筆工具，在曲線轉(zhuǎn)折處進(jìn)行大致的勾勒，然后再添加杠桿調(diào)整曲線，這樣會(huì)比較高效一點(diǎn)。而且因?yàn)椴键c(diǎn)比較簡(jiǎn)潔，曲線的也會(huì)更加的順滑。

小帖士：撤銷(xiāo)的快捷鍵是 ? Cmd + Z ，但要注意，在 Glyphs 里，每個(gè)字符框都是獨(dú)立記憶步驟的，在當(dāng)前字符框內(nèi)，是永遠(yuǎn)都不會(huì)撤銷(xiāo)其他字符的操作。

4. 復(fù)用形狀：

在基礎(chǔ)筆畫(huà)、文字繪制完成后，我們可以對(duì)常用造型進(jìn)行拆分，相同類(lèi)型的筆畫(huà)可以直接復(fù)用，例如小寫(xiě)的字母 [ h ] 就可以拆分出字母 [ n、i ] ，所以，并不是每個(gè)字符都需要重新去繪制，學(xué)會(huì)解構(gòu)拆分，可以給我們節(jié)省很多時(shí)間，這在中文里也是一樣的。相同的偏旁都是可以復(fù)用的，這能讓全套字符的風(fēng)格細(xì)節(jié)更統(tǒng)一。

5. 優(yōu)化曲線：

字符繪制完成后，我們就可以根據(jù)曲線情況，利用調(diào)適曲線功能逐一優(yōu)化曲線的平滑度。也可以手動(dòng)微調(diào)錨點(diǎn)的位置，總之盡量讓曲線順滑。當(dāng)曲線怎么調(diào)整都不舒服時(shí)，可以考慮是不是錨點(diǎn)的位置擺放不對(duì)，或者是曲線兩端的杠桿不對(duì)稱(chēng)導(dǎo)致的。

小帖士：最后的細(xì)節(jié)檢查，基本上就是檢查路徑方向是否一致、視錯(cuò)覺(jué)修正有沒(méi)有做好、字間距是否近似等... 靈活應(yīng)用軟件內(nèi)置的各種變換、對(duì)齊功能進(jìn)行調(diào)整，可以極大地提升工作效率。

視頻版：⑩ 背景圖層

十、背景圖層

1. 背景圖層是什么？

簡(jiǎn)單來(lái)說(shuō)，背景圖層就是將你所選中的路徑，轉(zhuǎn)化成一個(gè)不可觸摸的對(duì)象，用來(lái)指導(dǎo)你做設(shè)計(jì)或者當(dāng)作設(shè)計(jì)的備份稿?；蛘弋?dāng)我們需要在已經(jīng)設(shè)計(jì)好的兩個(gè)版本之間取一個(gè)中間值，這時(shí)候就可以用到背景圖層的功能。

2. 背景圖層怎么用？

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

② 編輯背景：? Cmd + B 如果需要調(diào)整背景圖層的內(nèi)容，可以通過(guò) 菜單-路徑-編輯背景 進(jìn)入背景層，即可操作背景層的路徑。

③ 對(duì)換稿件：? Cmd + ? Control + J 這組快捷鍵，可以快速地把背景圖層和設(shè)計(jì)稿進(jìn)行對(duì)調(diào)。

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

3. 和背景插值：

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

視頻版：? 字距調(diào)整

十一、字距調(diào)整

在我們?cè)O(shè)計(jì)好一套字體之后，就需要去整體的調(diào)整字母邊距和字偶間距，這是非常重要的工作。如果不去做這些調(diào)整，那么在實(shí)際使用字體時(shí)，字間距在視覺(jué)上就會(huì)顯得忽遠(yuǎn)忽近，留白也非常難看。

1. 調(diào)整字間距

在信息框的下面有三個(gè)參數(shù)，其中左右對(duì)稱(chēng)的兩個(gè)參數(shù)，代表的就是字符目前默認(rèn)的邊距?？梢酝ㄟ^(guò)調(diào)整這個(gè)參數(shù)，改變字符到字身框左右兩側(cè)的距離。

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

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

2. 批量設(shè)定字間距

在字體預(yù)覽視圖中：? Cmd + A 全選字符，然后在左側(cè)邊欄下方調(diào)整 多個(gè)值 的設(shè)定，即可快速批量地改變字符的左右邊距。另外，在 菜單-字符-變換量度值 也可以設(shè)定字符的左右邊距，直接應(yīng)用到所有的字符上。勾選 相對(duì)值 代表在現(xiàn)有字間距的基礎(chǔ)上，增加或刪減邊距，方便統(tǒng)一地完成字距的調(diào)整。

3. 復(fù)用字間距

選中需要設(shè)定間距的字符，然后在左右數(shù)值處填寫(xiě)需要復(fù)用間距的對(duì)應(yīng)字符，這樣就可以直接復(fù)用該字符正在使用的邊距數(shù)值，還可以根據(jù)修改情況實(shí)時(shí)刷新。

視頻版：? 字偶間距

十二、字偶間距

1. 字偶間距是什么？

字偶間距是指的兩個(gè)特定字符組中間的這段距離。因?yàn)橥ㄟ^(guò)前面字距的整體調(diào)整后，我們的字體在大多數(shù)情況下，可以做到字距視覺(jué)近似。

但是，在一些特殊的字母組合里，因?yàn)樽煮w形狀的原因，默認(rèn)字距會(huì)出現(xiàn)過(guò)大或過(guò)小的情況。最常見(jiàn)的就是 [ A、V ] 的組合，這時(shí)，我們就需要為這些特定的詞組進(jìn)行字偶間距的微調(diào)。

2. 字偶間距怎么調(diào)？

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

3. 按群組設(shè)置字偶間距：

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

4. 樣本字符串：

在 Glyphs-偏好設(shè)置-樣本字符串 里提供了很多調(diào)整字距時(shí)用的詞組，我們可以通過(guò)這里提供的詞組來(lái)快速統(tǒng)一調(diào)整間距。

視頻版：? 生成字庫(kù)

十三、導(dǎo)出字體

在字體完成后，不要著急導(dǎo)出字體。我們需要在字體信息面板內(nèi)添加好對(duì)應(yīng)的參數(shù)，這樣才能讓你的字體更精準(zhǔn)的在電腦里顯示。下面我羅列了一些常用的設(shè)置條目：

1. 字體信息設(shè)置：

① 字體家族名稱(chēng)：需要填寫(xiě)英文或拼音，不可以填漢字。

② 本地化家族名稱(chēng)：可以將字體名稱(chēng)翻譯成對(duì)應(yīng)語(yǔ)種，方便在字體冊(cè)中識(shí)別并使用字體。

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

④ 字體版權(quán)信息：設(shè)計(jì)師、著作權(quán)信息、商標(biāo)等內(nèi)容，根據(jù)實(shí)際需求，在旁邊的+號(hào)進(jìn)行添加即可。

2. 字體格式選擇：

把字體信息設(shè)置好后，就可以導(dǎo)出字體啦！關(guān)于字體格式，我們通常會(huì)選擇 OTF 或 TTF 文件格式。

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

3. 導(dǎo)出到文件夾：

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

小帖士：如果你在用 Glyphs 2 沒(méi)有導(dǎo)出到測(cè)試安裝的功能，可以把文件夾設(shè)置到下面這個(gè)固定的路徑，從而起到相同效果：

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

好啦！這次的分享到這里就結(jié)束啦～還有很多功能來(lái)不及分享，大家有什么感興趣的，也可以在評(píng)論區(qū)里給我留言！

如果你覺(jué)得有所收獲的話，就給我點(diǎn)個(gè)贊吧！我們下次再見(jiàn)～