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

1. 快速切割類工具：

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

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

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

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

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

3. 幾何繪圖類工具：

由于我們?cè)诶L制字體時(shí)，更多的是通過(guò)鋼筆來(lái)繪制比較復(fù)雜的筆畫(huà),。所以在基礎(chǔ)幾何繪圖方面,，Glyphs 只內(nè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 / ② 字符名稱 _corner. + 后綴名稱 / ③ 繪制一個(gè)有弧度的角部件，然后應(yīng)用到對(duì)應(yīng)錨點(diǎn)上,。

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

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

視頻版：⑧ 輔助工具

八,、輔助工具

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

1. 文字工具：

我們?cè)谕瓿勺謳?kù)后,，會(huì)進(jìn)行很多細(xì)節(jié)調(diào)整和字體編排測(cè)試。而 Glyphs 內(nèi)置的文字工具,，就可以很方便的完成這些工作,，真正實(shí)現(xiàn)了字體設(shè)計(jì)+編排一體化。這在其他軟件里,，是非常麻煩的工作,。

小帖士：① 調(diào)整字偶間距：按住 ? Shift 鍵 + 鍵盤的上下鍵，即可調(diào)整,。② 選中復(fù)制文本：按住 ? Shift 鍵 + 鍵盤的左右鍵,，可以將文字選中，即可復(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ù)雜的曲線類筆畫(huà)，可以先用鋼筆工具,，在曲線轉(zhuǎn)折處進(jìn)行大致的勾勒,，然后再添加杠桿調(diào)整曲線，這樣會(huì)比較高效一點(diǎn),。而且因?yàn)椴键c(diǎn)比較簡(jiǎn)潔,，曲線的也會(huì)更加的順滑。

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

4. 復(fù)用形狀：

在基礎(chǔ)筆畫(huà),、文字繪制完成后,，我們可以對(duì)常用造型進(jìn)行拆分，相同類型的筆畫(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ì)稱導(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)類似于 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ì)稱的兩個(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è)字符中間,，然后在信息面板中激活字偶間距的輸入框。按鍵盤的上下方向鍵,，即可在指定的兩個(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è)置：

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

② 本地化家族名稱：可以將字體名稱翻譯成對(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ī)用戶而言,，這些差異實(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ū)里給我留言！