|
哈嘍！大家好，我是@楊洋 XHM，今天來梳理一下，我近期錄制的字體設(shè)計(jì)神器 Glyphs 系列教程的內(nèi)容要點(diǎn)。
這套教程有 13 集，分享了我在使用它創(chuàng)作字庫時，所用到的全部工具。從基礎(chǔ)介紹到案例演示，包括最后字體封裝出庫都有講解。而文章我會分上下 2 篇，大家看完如果有幫助，記得點(diǎn)贊+關(guān)注喲！ 視頻版：① 軟件介紹 一、軟件介紹：1. 軟件 Glyphs 是干嘛的？ Glyphs 是一款 Mac 平臺上的字體設(shè)計(jì)軟件，它能快速繪制高精度的矢量圖形，高效復(fù)用形狀，輕松管理任意數(shù)量的字母和符號。
2. 自動編碼封裝字庫 使用 Glyphs 你可以從草圖開始繪制完美的矢量形狀，并自動為每個字符添加相匹配的編碼，只要你設(shè)置好基礎(chǔ)的字體信息，就能高效地生成 TTF、OTF 等主流格式的字體文件。
3. 我們用 Glyphs 做了哪些字體產(chǎn)品？ 我們用 Glyphs 設(shè)計(jì)出了時下流行的優(yōu)設(shè)標(biāo)題黑、優(yōu)設(shè)好身體、棒棒體、書華體。如果你也想設(shè)計(jì)出自己的字體，這個軟件可以學(xué)起來，這算是現(xiàn)在主流的字庫設(shè)計(jì)軟件了。 4. Glyphs VS Illustrator 在字體設(shè)計(jì)上有什么優(yōu)勢？ 總結(jié)來說：用 Glyphs 做字體設(shè)計(jì)，能從字體矢量化到產(chǎn)品封裝，一個軟件全部搞定！而 Illustrator 還是側(cè)重在更全面的矢量圖形繪制上，對于字體設(shè)計(jì)這個細(xì)分領(lǐng)域還是缺乏了一些實(shí)用功能。平時簡單設(shè)計(jì)幾個字還行，字?jǐn)?shù)過多就不方便管理了。
整體來說 Glyphs 讓我印象深刻的主要還是這 4 點(diǎn)：
5. 智能部件提高效率： 在 Glyphs 里，我們可以根據(jù)需求，將筆畫創(chuàng)建為智能部件，并設(shè)置好粗細(xì)、長短、角度等屬性。之后在設(shè)計(jì)字體時，可以直接調(diào)用這些智能部件，并用滑桿來調(diào)整各項(xiàng)參數(shù)。這樣可以有效的減少修改偏旁部首的時間，讓設(shè)計(jì)效率提高！
6. 軟件學(xué)前小帖士： ① 運(yùn)行環(huán)境：因?yàn)?Glyphs 是 Mac 平臺上的設(shè)計(jì)軟件，而且開發(fā)者明確表示不會開發(fā) win 版本，所以如果你想用這個軟件，就得有臺蘋果電腦，或者給自己電腦裝個蘋果系統(tǒng)，你懂我意思吧，淘寶一下你就知道。 ② 軟件啟動：如果你安裝的是 Glyphs 2 代，那這個舊版本是沒有啟動界面的。在打開軟件后，只要桌面左上角蘋果按鈕旁出現(xiàn) Glyphs 菜單的按鈕，就說明軟件已經(jīng)啟動成功了。
接下來只需要按快捷鍵 ? Command + N 新建，就可以快速新建一個帶有大小寫字母+數(shù)字的工作文檔了。 視頻版：② 界面介紹 二、界面介紹：整個軟件分為五個模塊，分別為菜單欄、工具欄、左側(cè)，右側(cè)邊欄以字體預(yù)覽視圖。
1. 菜單欄： 這里涵蓋了 Glyphs 所有的功能。一些具體的功能介紹后面都會講解，那么現(xiàn)階段主要還是在大家對工具快捷鍵不熟悉時，都可以在這里查一查。
2. 工具欄： 這里囊括了絕大部分常用的繪制、輔助工具。其中多數(shù)工具和其它軟件的操作邏輯基本一樣，后面我也會詳細(xì)介紹的。
① 字體信息： 界面左上角「i」是字體信息模塊的快捷按鈕，它是軟件里的核心模塊。像設(shè)定字體名稱、基本參數(shù)、包括字體家族的模板、以及給字體添加各種自定義參數(shù)，來達(dá)到一些特殊效果，都需要用它來實(shí)現(xiàn)。
② 視圖模式： 視圖按鈕主要控制預(yù)覽視圖的兩種顯示模式，默認(rèn)是以圖標(biāo)的方式顯示。而列表模式則是詳細(xì)的記錄了每個字符的參數(shù)以及它的修改時間、左右邊距、字框大小，都能在這看到。
3. 左側(cè)邊欄： ① 字符列表： 這里涵蓋軟件里自帶的字符清單，通過它可以快速、批量生成一些字符集。
小貼士：在 Glyphs 3 代里囊括的字符清單更加豐富。你可以通過語言旁邊的「 + 」來增加一些不常用的小語種清單，默認(rèn)是沒顯示的。你可以根據(jù)自己的需求添加。
② 字體參數(shù)： 視圖按鈕主要控制了預(yù)覽視圖的兩種顯示模式，默認(rèn)是以圖標(biāo)的方式顯示。而列表模式則是詳細(xì)的記錄了每個字符的參數(shù)以及它的修改時間、左右邊距、字框大小，都能在這看到。
③ 過濾器面板-智能篩選提升效率： 在 Glyphs 里有智能過濾器和列表過濾器，這個功能可以幫你精準(zhǔn)篩選自己需要的字符。
智能過濾器：它就是根據(jù)你設(shè)定的一些條件，來自動的幫你篩選一些符合要求的字體。而列表過濾器：它就是根據(jù)自己的需求，去添加一些固定順序的字符清單，從而提升你的效率。
比如：我們經(jīng)常就會通過一個偏旁部首的清單，來快速把這套字體里的偏旁部首都篩選出來，來幫助我在設(shè)計(jì)初期進(jìn)行規(guī)范的制定。 4. 字體視圖： 字體視圖顯示了這個文檔里面，所有加載好的字符，方便你快速地去預(yù)覽它的完成情況。
在左下角的「 + 」就是添加字符形，而「 - 」就是刪除字符形。
中間會顯示你目前的操作信息、字符數(shù)量：
右下角則是調(diào)節(jié)視圖預(yù)覽大小的按鈕。你們可以根據(jù)自己的需求去調(diào)整。
視頻版：③ 編輯視圖 三、編輯視圖：1. 字體信息面板、部件參數(shù)一目了然： 在編輯視圖的正下方，顯示了這個字符框架的基本信息。比如：它的編碼、間距、群組，當(dāng)你選中字形后，它還會顯示坐標(biāo)方位，錨點(diǎn)信息以及整個字的寬度、高度。
2. 右側(cè)邊欄： ① 備忘錄-管理字體規(guī)范 在 Glyphs 里，有一個備忘錄，它能用來記錄字體規(guī)范的參數(shù)信息，比如橫筆豎筆的粗細(xì)，包括常見的字體特征的尺寸，都可以通過它來記錄，這方便你在設(shè)計(jì)其它字的時候能有個參考。
② 調(diào)試曲線： 它主要就是用來優(yōu)化曲線杠桿的，幫助你快速的創(chuàng)建一個相對平滑的曲線，后面會有實(shí)例來詳細(xì)的講解，這里大家簡單的了解一下就行了。
③ 圖層面板： 在 Glyphs 的圖層面板里，主要分為主圖層，備份圖層和特殊圖層三種類型。主圖層就是默認(rèn)狀態(tài)下的圖層，你可以在上面繪制任意筆畫。
而備份圖層，顧名思義就是可以用它來創(chuàng)建備份，當(dāng)你要設(shè)計(jì)多個版本時，你可以在備份圖層上去進(jìn)行操作，修改完成以后，可以跟主圖層做對比，從而選出自己滿意的方案。
④ 變換模塊： 這里主要就是常見的縮放、旋轉(zhuǎn)、傾斜、對齊、布爾運(yùn)算等功能，和其它軟件沒有太大區(qū)別。
小貼士：當(dāng)在使用縮放工具時，它都默認(rèn)狀態(tài)下是從中心向外放大或縮小。如果你想單獨(dú)的橫向或縱向去調(diào)整，你可以把旁邊的鎖解掉。然后分別調(diào)整上下的數(shù)值即可。
而旋轉(zhuǎn)、傾斜、對齊、布爾運(yùn)算這幾個工具這里我就不逐個羅列了，都是些基礎(chǔ)操作。不會的去看一下視頻，基本就沒問題了。 視頻版：④ 字符添加 四、字符添加：1. 快速新建字符文檔： 通過「菜單欄 」-「文件」-「新建」按鈕，可快速新建西文字符集的文檔（快捷鍵 ?Command+N）
2. 預(yù)創(chuàng)建字符形： 通過點(diǎn)擊啟動界面的「菜單欄」-「文件」-「從字符形集合新建」可以預(yù)創(chuàng)建字符形：
此時勾選需要的文字種類，可一次性新建包含多個語種甚至是表情符號的字體文檔，方便你制作大型項(xiàng)目。
3. 單獨(dú)添加字符形： 通過「菜單欄」-「字符」-「添加字符形」可調(diào)出添加字符形面板，輸入你要設(shè)計(jì)的字體，即可添加完成（快捷鍵 ? Shift + ? Command + G）
小貼士：輸入的字符都要用空格間隔開，一個蘿卜一個坑，不然兩個字符會出現(xiàn)在一個坑位里。
4. 批量添加字符形： 通過界面左側(cè)語言列表 - 選中所需字符清單 - 右鍵即可調(diào)出對應(yīng)清單的字符列表，然后按住快捷鍵（? Command + A ）全選，點(diǎn)擊生成。即可快速批量添加字符。
Tips：這個操作配合自己建立的字符清單超級好用！長期整理好自己的字符清單，能極大程度的提高效率，具體操作看視頻教程。 5. 刪除字符形： 你如果選中需要刪除的字符，在字體視圖的左下角，有個「 - 」減號，單擊就刪除了，非常簡單（快捷鍵 ? Command + ? Backspace）刪除。
視頻版：⑤ 稿件導(dǎo)入 五、稿件導(dǎo)入：我們?nèi)绾螌⒃谄渌浖龊玫氖噶课募?dǎo)入到 Glyphs 里面呢？例如：我們將 Ai 里的文件拷貝到 Glyphs 里做調(diào)整，或者手寫了幾個手稿，用 Ai 的圖像描摹矢量化了以后再丟到 Glyphs 里邊去修正。
在不做任何設(shè)置的情況下，直接復(fù)制粘貼，你會它在距離字符形框很遠(yuǎn)的地方粘貼了。因?yàn)樗鼤詣幼R別這個粘貼對象在前一個軟件里面的 x y 軸向。
那么解決方法分三步： 1. 新建一個 1000×1000 的的畫板，把畫板的坐標(biāo)軸調(diào)到原點(diǎn) X=0、Y=0
2. 在畫板上創(chuàng)建一個 1:1 的矩形塊，復(fù)制到 Glyphs 上去，再跟進(jìn)實(shí)際情況調(diào)整畫板坐標(biāo)。像下圖就是 X 軸對齊了，但 Y 軸向下偏移了 300，這個時候只要把畫板向上調(diào) 300 即可。
3. 調(diào)完以后，只需要再把它復(fù)制到 Glyphs，檢查一下位置是否貼合就 ok 了。接下來就可以將做好的字符等比放大、移動到畫板的正中央，再復(fù)制到 Glyphs 里，就可以愉快的在面對它進(jìn)行調(diào)整了。
這樣一套流程下來，就不需要你再額外的調(diào)整，它也能保持統(tǒng)一咯！ 視頻版：⑥ 路徑繪制 六、路徑選擇：這里主要是基礎(chǔ)工具的介紹，如果是和其他軟件一樣的操作我就不講了，這里主要講一下每個工具在這個 Glyphs 里的升級用法。 1. 更便捷的框選工具： 在 Glyphs 里面使用選擇工具，框選的同時按住 fn，可以把框選的范圍變成傾斜的，這樣就會比較方便的去選取一些錯位的錨點(diǎn)和路徑。
2. 更靈活的鋼筆工具： ① 快速斷開路徑 如果我們要斷開路徑的話，只需在斷開的位置再點(diǎn)擊一下就把這個路徑直接就斷開了。
② 快速生成曲線 選中選擇工具并按住 Option 鍵單擊直線路徑的中間，它會自動生成兩個杠桿，這樣可以快速地拖拽出一個完美的曲線。
③ 快速生成平行杠桿 雙擊直角錨點(diǎn)，錨點(diǎn)變成了圓形，杠桿就變成平行杠桿了?；蜻x中多個錨點(diǎn)然后按住回車鍵，這樣的話也可以快速的把你所選錨點(diǎn)一次性轉(zhuǎn)化成平行杠桿。
④ 固定杠桿調(diào)整錨點(diǎn) 按住 option 鍵挪動錨點(diǎn)時，兩端的杠桿是固定不動的。在這個杠桿上來回滑動，可以快速調(diào)節(jié)曲線的舒適度。這樣能幫助我們在做字的時候，快速的做到對稱的杠桿。
⑤ 固定錨點(diǎn)調(diào)整杠桿 按住 option 鍵去挪動直角錨點(diǎn)的時候，它兩端的杠桿是固定的，只挪動了這個錨點(diǎn)的位置。這樣的話能極大程度的避免，我們在拖拽錨點(diǎn)的時候，導(dǎo)致其它的曲線發(fā)生了非常大的變化。
⑥ 同時調(diào)整多個錨點(diǎn)操作杠桿 在 Ai 里面我們只能一個個去調(diào)整杠桿，而在 Glyphs 里，我們可以同時選中，然后一起去調(diào)整，這樣我們在調(diào)整曲線的時候，可以快速的把這兩邊的杠桿調(diào)整到一致。
這次分享到這里就結(jié)束啦。如果你覺得有所收獲的話，就給我點(diǎn)個贊吧！我們下次再見～ |
|
|
