繪制FontLab基礎(chǔ)
好處:了解如何開始創(chuàng)建字體,激活字形,并繪制到正確的容器中,從而感到自信。
你可能已經(jīng)在矢量插圖程序中擁有經(jīng)驗?;蛘?,你可能已經(jīng)在Glyphs或Robofont等其他字體編輯器中繪制過字體。即使你在FontLab 6或7中繪制過,這也可能是一個有用的復(fù)習(xí)。
本教程旨在幫助你理解FontLab 8中的繪圖工作原理,特別是FontLab的雙箭頭系統(tǒng),當(dāng)正確使用時,它允許你無損地編輯字母形狀。
此外,完成本教程后,你應(yīng)該理解:元素和輪廓之間的區(qū)別是什么?
創(chuàng)建字體
讓我們從頭開始。
啟動FontLab。
在快速啟動屏幕上,輸入任何名稱,例如“My Font”。字形集可以保持為“Latin Simple”,或者你可以點擊并選擇其他內(nèi)容,例如“Drawing”。

現(xiàn)在你應(yīng)該看到了一堆字形或“符號”。當(dāng)它們像這樣變灰時,字形是未激活的。在這種情況下,A是藍色的(被選中的),但仍然是未激活的。

你可以將這個字體想象成一個包含一整套繪圖和符號的包裹——就像一個圣誕禮物。
因為此窗口顯示了你的字體的所有內(nèi)容,所以這個窗口被稱為“字體窗口”。
創(chuàng)建符號
要激活一個符號,雙擊它?;蛘哌x擇一個符號,并在鍵盤上按回車?。
在這里,我激活了H和I,這是開始的好字母。注意激活的“H”和“I”看起來比未激活的符號更填充。

如果你來自矢量程序,你可以將這些正方形或單元格想象成類似于畫板。
注意
事實上,如果你在矢量程序中繪制字母,最好在單獨的畫板上繪制每個字母(見導(dǎo)入藝術(shù)品教程)。
這些符號和常規(guī)畫板的區(qū)別在于它們的高度或多或少是固定的,大約是1,000個單位。(然而,符號的寬度各不相同。)
要進入一個符號,做你激活它時同樣的事情:雙擊。另一種方法是選擇一個符號,并在鍵盤上按回車?。
我將進入這里的H。
現(xiàn)在你應(yīng)該看到了繪圖窗口(技術(shù)上是“字形窗口”)。

盡管這個符號是激活的,但它是空的。有點像一個鬼城。
這就是為什么有一個幽靈般的H在這個字形中徘徊??!
打開面板和工具
如果你熟悉專業(yè)應(yīng)用程序,你可能熟悉工具欄和面板。如果沒有…
打開工具欄
這是FontLab工具欄的樣子。(這里有很多工具,你并不真的需要知道它們?nèi)康墓δ?。稍后我會向你展示。?/p>
如果你在屏幕上找不到這個工具欄,請轉(zhuǎn)到菜單:窗口 > 工具欄。
打開元素面板
如果你不熟悉其他專業(yè)應(yīng)用程序中的面板,這是面板的樣子:

好的,這里有點棘手。
如果你看過FontLab中的面板,你可能已經(jīng)看到了“層和主層面板”。這不是傳統(tǒng)意義上的“層面板”。
這些是用于制作追蹤的“遮罩”或用于創(chuàng)建可變字體或字體系列的“主層”的特殊層。
目前,沒有必要擔(dān)心這些。所以,將鼠標(biāo)懸停在“層和主層面板”字樣上并按下(∨)以最小化。
然而,“元素面板”與Adobe Illustrator的“層面板”幾乎相同,但我們稍后會看到的一些重要區(qū)別。(實際上,當(dāng)你從Illustrator導(dǎo)入藝術(shù)品時,Adobe層會出現(xiàn)在FontLab的元素面板中。)
所以,如果它還沒有打開,我們想打開它。打開面板的新方法是通過右鍵點擊(或Ctrl點擊)工具欄的空白部分。你會看到這樣的列表。點擊元素。

現(xiàn)在你的工作空間應(yīng)該看起來像這樣▼

元素內(nèi)部繪圖
你可以使用很多工具來繪圖!
現(xiàn)在選擇鉛筆工具。這是最容易使用的,但精確度最低。
開始繪圖之前,看看元素面板。它應(yīng)該是空的。
然后像這樣繪制并連接路徑的開始和結(jié)束。(應(yīng)該顯示一個藍色圓圈。)

這是我繪制的內(nèi)容。(現(xiàn)在還不漂亮,但我會在本教程的細化階段向你展示如何使它變得完美。)

看看你的元素面板。發(fā)生了什么?
在我的案例中,它看起來像這樣:

我們有1個元素包含1個輪廓。
但這并不是繪制H的唯一配置。
首先,保存你對H的繪制。我們將在稍后的教程中保存它,在那里你將學(xué)習(xí)如何將這個粗糙的字母磨練到閃閃發(fā)光。
其他繪圖配置
新建一個文件(文件 > 新建字體…)。
激活字母H,并進入繪圖窗口。
這次我們將制作一個標(biāo)準(zhǔn)的無襯線H。
首先,讓我們確保字體尺寸正在顯示并進行吸附。轉(zhuǎn)到視圖菜單▼

我們剛剛激活的這些字體尺寸是什么?
一般來說,它們與你在小學(xué)/小學(xué)書法書中學(xué)習(xí)書法時的線條相同。

此外,這些與Glyphs中的“垂直度量”類似。在FontLab中,字體尺寸是灰色虛線。在左側(cè),它們用一個值和一個圓圈字母標(biāo)記。
好的。
現(xiàn)在我們將要選擇工具來繪制。從工具欄中選擇多邊形?。雙擊以打開工具箱并選擇矩形□工具。

首先讓我們繪制H的左矩形。然后讓我們繪制水平條。它看起來像這樣:

注意FontLab會自動將你的2個矩形輪廓(路徑)放入同一個元素中。
接下來我們要做的是選擇輪廓(快捷鍵:A)。
現(xiàn)在雙擊左矩形。它會變成橙色發(fā)光。
有時雙擊有點棘手,所以你可以使用Shift并執(zhí)行此操作以選擇所有內(nèi)容:

復(fù)制,粘貼并移動矩形以完成你的H。你有一個元素包含三個輪廓(路徑)。

復(fù)制元素
我們上次配置的問題是我們使用了兩個相同的形狀,但它們沒有鏈接!
這意味著每次我們想要更改垂直矩形時,我們必須分別更改它們!
雖然現(xiàn)在這不是什么大問題,但當(dāng)你擁有一個包含數(shù)百個相同矩形的整個字體時,它可能會有點累手腕。
在這一部分,你將學(xué)習(xí)如何鏈接元素,這些容器包含你的路徑。這樣,每當(dāng)你更改左矩形時,它就會更改右矩形,反之亦然。
所以讓我們刪除所有內(nèi)容,除了你的第一個垂直矩形。以下是操作步驟:使用輪廓(輪廓)工具(A),突出顯示并按鍵盤上的刪除或退格。
接下來,我們將繪制水平矩形。
但等等!
這次我們需要為水平矩形創(chuàng)建一個單獨的元素。轉(zhuǎn)到菜單:元素 > 新建 > 元素,或按CtrlS。
你的元素面板將顯示你有一個“空元素”。在其中繪制水平矩形。
現(xiàn)在我們有兩個元素。每個元素包含一個輪廓。像這樣▼

接下來的事情非常重要。要復(fù)制元素,我們需要使用元素(黑色箭頭)工具(快捷鍵:V)。
這類似于矢量程序中的黑色箭頭工具。元素工具不會移動單個點路徑。它移動整個形狀。
一旦你選擇了元素工具,點擊垂直矩形并復(fù)制。
好的,現(xiàn)在如果我們只是做一個常規(guī)粘貼(CmdV),將會有一個新的元素與垂直矩形。但它們不會鏈接。
所以轉(zhuǎn)到菜單:編輯 > 粘貼元素引用(ShiftCmdV)。
看看你的元素面板。

這是正確的。由于這些元素可以在整個字體中重復(fù)使用,橢圓形兩個顯示了你整個字體中的鏈接數(shù)量。
這是不正確的▼

好的,但矩形還沒有到位。
使用元素工具,按住Shift并向右移動矩形,直到你喜歡它的位置。
現(xiàn)在選擇輪廓工具。點擊一個矩形。
點擊一側(cè),它和另一個矩形中相似的一側(cè)應(yīng)該突出顯示為橙色?,F(xiàn)在當(dāng)你移動這個矩形時,它移動兩個!
帶有重疊元素的字體導(dǎo)出
你可能會想知道:導(dǎo)出是如何工作的?當(dāng)H出來時,它有所有這些矩形形狀嗎?
不。當(dāng)導(dǎo)出字體時,F(xiàn)ontLab會自動組裝這個字母(展平,刪除重疊),這樣它就變成一個實心輪廓。
結(jié)束語
干得好!那有很多要了解的。
無論你使用什么繪圖工具,它們的工作方式幾乎相同。
繪圖會向同一元素添加路徑。如果你想在新元素中繪圖,你需要創(chuàng)建它。
此外,你已經(jīng)看到,如果你想重用形狀,它們必須在單獨的元素中。
查看下一個教程,了解如何通過合并、分離、重疊等操作來操作你的輪廓和元素。
還有…
確保保存了你的H文件!我們將在下一個教程中使用它。
祝你繪畫愉快!
DAVE LAWRENCE 加利福尼亞字體鑄造廠
PS:瀏覽繪圖工具
FontLab的繪圖工具相當(dāng)標(biāo)準(zhǔn)。
繪圖工具是這些:

其他工具幫助你操作節(jié)點和形狀,執(zhí)行特殊任務(wù),路徑查找,測量,轉(zhuǎn)換,查看。
快速工具
這個工具是FontLab獨有的。它比貝塞爾筆更容易使用。我從未學(xué)會如何很好地使用傳統(tǒng)的貝塞爾,所以我主要使用快速工具。
在工具欄中,這是看起來像黑色圓珠筆的那個。按5激活它。
你可以用快速工具做的事情 正方形節(jié)點 要制作直線,只需點擊(類似于筆)。 圓形節(jié)點 要制作曲線,按住Ctrl并點擊?;蛘唠p擊。這使用你的字體的曲線張力。 手柄 要制作不同的曲線,使用Alt點擊,它將放置一個手柄。

三角形節(jié)點 這個有點棘手!這是一個GIF,展示了如何操作。

提示 使用Shift使線條水平或垂直。 要更改快速工具的曲線,請轉(zhuǎn)到菜單:文件 > 字體信息 > 字體尺寸側(cè)邊欄 > 曲線張力。常見值是57 – 63。這些值是字體特定的。
資源
有關(guān)不同繪圖工具的更多信息,請查看這些:
Brush Tool: https://help.fontlab.com/fontlab/7/manual/Brush-tool/
Brush Video: https://www.youtube.com/watch?v=gFY-dAxs7_U
Rapid Tool: https://help.fontlab.com/fontlab/7/manual/Rapid-tool/
Rapid Video: Rapid. The next-generation pen for the rest of us in FontLab VI. https://www.youtube.com/watch?v=z6PEgcBelo0
Pencil Tool: https://help.fontlab.com/fontlab/7/manual/Pencil-tool/
Pencil Video: Pencil. Fast and smooth contour sketching in FontLab VI. https://www.youtube.com/watch?v=3AqFg8AKFeE
Ellipse Tool: https://help.fontlab.com/fontlab/7/manual/Ellipse-tool/
Rectangle Tool: https://help.fontlab.com/fontlab/7/manual/Rectangle-tool/