Glyphs 3製作可變字體的基本流程

使用 Glyphs 3 製作可變字體的流程教學

首先,開啟 Glyphs 3 應用程式並建立新文件。 在檔案選單中選擇「字型資訊」(快捷鍵⌘I)。 在字型資訊視窗中設定字型名稱。

設定字型資訊

點選「一般」旁的加號按鈕,新增以下資訊:

  • 設計師
  • 設計師網站
  • 廠商
  • 著作權資訊
  • 授權資訊

在設計師資訊中,新增「Chinese Traditional」(繁體中文)並輸入設計師姓名。

新增變化軸

在「變化軸」設定中新增「weight」和「Serif」變化軸。 如果想瞭解其他變化軸選項的含義,可以參考影片說明欄中的外國網站連結。

  • Serif 變化軸: 輸入四個代表 Serif 變化軸的英文字母,例如「SRIF」。這些字母會在網頁中呼叫變化軸時使用。 影片說明欄和推薦影片中提供了關於如何在網頁中使用變化軸的教學連結。
  • 儲存檔案: 設定完字型資訊後,按⌘S 儲存檔案。將檔案命名為「Project01_v01.glyphs」並儲存至桌面。

新增字符

到「字符」選項中新增需要的字符。 可以直接輸入中文字符,多個字符以空格分隔。 也可以從左側的「語系」選項中選擇需要的字集。

理解主板和樣式

在開始繪製字形之前,需要先理解「主板」(Masters)和「樣式」(Instances)的概念。

  • 主板: 字型設計師在製作字體時只會製作極端值的字體,這些極端值的字體就是主板。
  • 樣式: 介於主板之間不同粗細、寬度等變化的字體,稱為樣式,是透過插值的方式從主板生成。

簡而言之,主板代表輸入,樣式代表輸出。

設定主板

由於範例中有兩個變化軸(weight 和 Serif),因此需要製作四個主板:

  • 細無襯線
  • 細有襯線
  • 粗無襯線
  • 粗有襯線

設定主板名稱並選擇易於區分的圖示。圖示僅供設計師區分使用,與內容無關。

設定變化軸座標

針對每個主板設定其在變化軸上的座標:

  • 細無襯線: weight 和 Serif 都設定為 0。
  • 粗有襯線: weight 和 Serif 都設定為 100 或 1000(最大值)。
  • 其他主板: 根據其粗細和襯線設定對應的數值。

設定樣式

切換到「樣式」頁面,新增一個可變字型設定,並將其命名為「Variable」。 這個步驟是為了在輸出時能夠選擇可變字型輸出。

為了在繪製時預覽不同變化軸的字體,需要新增每個主板的實體。 建議先新增所有主板的實體,再新增可變字型設定,確保變化軸設定正確複製到每個樣式。 最後,新增一些中間值的樣式,以便更完整地預覽字體變化。

繪製字體

選擇要繪製的字符並雙擊進入繪製頁面。 在繪製時,可以切換到「顯示所有實體」模式,以便同時查看所有主板的字體,並調整不同字體之間的相對關係。

確保主板相容性

在繪製過程中,如果不同主板上的字體筆畫不一致,字符上方會出現紅色提示條。 這是 Glyphs 自動偵測主板相容性的結果。 要消除紅色提示條,需要複製已完成的字體並貼上到其他主板,確保所有主板上的字體筆畫一致。

預覽和調整

完成基本繪製後,可以使用「顯示所有實體」或「顯示主板相容性」功能預覽和調整字體。

匯出字型檔

  • 匯出一般字型檔: 選擇「檔案」>「匯出」(快捷鍵⌘E),選擇 OTF 格式匯出,將會得到四個獨立的字型檔。
  • 匯出可變字型檔: 選擇「檔案」>「匯出」(快捷鍵⌘E),選擇 GX 格式,並選擇 TTF 子格式匯出。 可以選擇將字型檔匯出至桌面或 Adobe 軟體的字型資料夾。 如果要匯出至 Adobe 軟體的字型資料夾,可以找到路徑:Library > Application Support > Adobe > Fonts 。如果沒有 Fonts 資料夾,請自行新增。

測試可變字型

匯出後的可變字型檔可以在 Illustrator 等 Adobe 軟體中直接使用。 如果沒有 Adobe 軟體,也可以使用網路上的可變字型測試網站。 影片說明欄和推薦影片中提供了可變字型測試網站的連結。

設定預設起始點

完成可變字型製作後,可以設定預設的起始點。 在「字型資訊」>「字型的自定參數」中找到「Variable Font Origin」,設定可變字型安裝後預設顯示的樣式。 如果沒有設定,預設會顯示第一個樣式。