John Wong · 更新于 2018-01-14 10:01:00

在 FontForge 中設(shè)計字體的時候?qū)玫揭恍┕ぞ吆蛯嵱霉ぞ?，我們開始先使用一些能讓用戶對矢量圖形感到熟悉的繪制工具–這方面的經(jīng)驗有顯著不同。 我們在看 FontForge 的繪制工具前首先來理解 Bézier 曲線如何工作。

理解 Bézier 曲線

Bézier 曲線的概念指的是一個特別的數(shù)學(xué)上的表示，用來數(shù)字化地產(chǎn)生平滑的曲線。通常使用二次方和三次方 Bézier 曲線—FontForge 也支持 Spiro 曲線，設(shè)計者的另一種可以替換的表現(xiàn)。

在本章中，我們只討論三階路徑，它在繪制字形時普遍使用。Spiro 路徑將在下一章討論，二階曲線在繪制時很少用到，只會在 TrueType 字體中找到– 他們更常出現(xiàn)在構(gòu)建時。

一個典型的 Bézier 曲線由一個錨點和標(biāo)示全部方向的兩個手柄組成— 每個手柄的長度決定了一端的曲線的長度–如下。

不同類型的點

曲線點（顯示為圓形的點）

曲線點有兩個手柄，每個都連接到另一個，因此他們之間的線是直的，目的是在每一端都產(chǎn)生平滑的曲線。

H/V 曲線點（顯示為菱形的點）

H/V曲線點（horizontal/vertical）是對齊到水平或豎直軸曲線點的變體–一個使 Bézier 曲線形態(tài)正確的必要工具（其他同樣作用的工具見下節(jié)）。

拐角點（顯示為正方形）

拐角點可以有 0、1 或 2 個 Bézier 手柄。每個手柄的位置相對其他獨立，適合用來構(gòu)造不連續(xù)的輪廓。沒有手柄時，拐角點產(chǎn)生直線。

切點（顯示為三角形或箭頭）

如果你希望從一條直線開始然后是平滑的曲線，那么你需要使用切點。一個切點在一端留下直線，另一端的 Bézier 手柄是其方向–這保證了線條和曲線間連續(xù)過渡。

使其正確

為了產(chǎn)生合適的曲線–使用最少控制點并減輕柵格化，錨點應(yīng)該始終放置在曲線極值處，并且除非你的字母中有中斷，否則確定路徑的線應(yīng)該是水平或者豎直的。

注意：如果你的控制點沒有放置在極值出，FontForge 將會用一個瞄準(zhǔn)圖標(biāo)指出實際的極值處： 那么你這樣修正：復(fù)制你當(dāng)前的輪廓到另一個圖層，移動周圍的控制點使其排列正確–否則 FontForge 驗證工具將會自動在極值處添加點，在該點處你可以通過右擊>Merge來合并你放錯的錨點。 更多相關(guān)信息在稍后的確保你的字體有效，驗證一章。

詳細(xì)說來，有兩種情況你需要放棄水平/豎直的 Bézier 路徑：

• 如果你希望改變你的曲線使其整體傾斜，正如下面的“a”的左上部保持者平坦：

• 如果你希望在字母形式中放置中斷，正如下面的“g”的左下部–這是你希望使用拐角的典型（除了畫線以外）：

注意：正如你所看到的那樣，當(dāng)你用一個拐角設(shè)置中斷的時候，每個手柄的方向應(yīng)該是曲線延伸方向的切向。

掌握 FontForge 的繪制工具

在主窗口中，雙擊其中一個字形的格子來打開字形窗口。

注意：x 軸和 y 軸交叉的地方上面的數(shù)字從左到右分別指示：

• 你的鼠標(biāo)指針在當(dāng)前畫布的(x,y)位置
• 最近選擇的點的位置
• 你的鼠標(biāo)指針與選擇的點的相對位置
• 你的鼠標(biāo)指針和選擇的點之間的距離
• 選擇的點和鼠標(biāo)指針之間的角度（相對于基線）
• 當(dāng)前放大級別，活動圖層的名稱緊隨其后

當(dāng)心：有時當(dāng)你在字形窗口內(nèi)時，F(xiàn)ontForge 看起來無響應(yīng)。這可能是由于一個打開的對話框隱藏在其后–所以只需要移動它并處理對話框。

2 個點組成的直線。

一個樣條曲線包含了 4 個點：2 個結(jié)束點和 2 個描述樣條曲線在結(jié)束點的斜率的手柄。

樣條曲線和直線的復(fù)制、粘貼、剪切和刪除

就像大多數(shù)繪制軟件一樣，F(xiàn)ontForge 允許你復(fù)制、剪切、粘貼和刪除任何點、直線和樣條曲線。這些命令可以在 Edit 菜單找到，或者使用你的操作系統(tǒng)的快捷鍵（也展示在了菜單中每個命令的旁邊）。

熟悉繪制工具

現(xiàn)在你已經(jīng)知道了畫布周邊功能用法，是時候熟悉畫布工具了。

指針和縮放

指針和縮放工具的用法和其他應(yīng)用的的等價工具類似。指針是一個選擇工具，用來選擇畫布上的點、路徑和其他對象?？s放工具讓你（在 Z 軸上）更方便地縮放；想要縮?。旱?View 菜單下選擇 Zoom out（X）或者 Fit。

需要注意的是，在你使用其他工具的時候，可以通過按住 Control（Ctrl）鍵來暫時切換到指針工具。

自由繪制

自由繪制讓你可以畫出不規(guī)則的路徑。

在繪制區(qū)域，鼠標(biāo)按住拖動來繪制。切換回指針工具，你可以選擇你剛才繪制的路徑上的點。

當(dāng)你選擇路徑上的一個點的時候，它將會變成一個黃色的圈。如果選擇的點在曲線上，那么他將會顯示出帶有一個洋紅色手柄和一個青色手柄的控制點。你可以拖動他們來改變曲線的形狀。

指針工具

那么我們開始學(xué)習(xí)指針工具。

為了在路徑上添加一個點，我們首先選擇這些工具中的一個，然后在路徑上點擊并輕推一下。你就在線上添加了一個新的點。

曲線點工具用來在曲線段上添加一個點。 HVCurve 點工具約束新點為水平或者豎直的控制點–這對設(shè)置極值點來說是重要的。拐角點工具用來在路徑上制作尖銳的轉(zhuǎn)彎。切點工具用來實現(xiàn)直線段到曲線段的沿著路徑的過渡。

鋼筆工具

鋼筆工具用來在曲線上添加點并拖出其控制點。

Spiro

選擇 Spiro 工具會進(jìn)入 Spiro 繪制模式。Spiro繪制可以在你調(diào)整節(jié)點位置的時候重排你的曲線。有的人相對于標(biāo)準(zhǔn)方法（稱為 Bézier 編輯），更偏好這個方法，但是如果你習(xí)慣了 Bézier 編輯，你可能發(fā)現(xiàn)這種方法會做沒有料到的事情。

小刀

小刀工具讓你可以將樣條曲線且為兩段。如果你希望繪制一個圖形但是只需要一部分，那么這個工具是合用的。

尺子

尺子工具提供測量和坐標(biāo)信息給你。當(dāng)你使用時，在鼠標(biāo)指針旁邊顯示一個浮動的提示框。如果你的鼠標(biāo)指針懸停在一個點上，提示框提示框會展示更詳細(xì)的測量和坐標(biāo)信息。如果你在樣條曲線上使用，它將告訴你曲率和半徑。最有用的是，如果你點擊拖動尺子工具，你將看到你拖動鼠標(biāo)指針的距離，以及穿過圖形的每個交點的信息。

變形工具

變形工具有 6 個：

注意：對于每個變形工具，如果你雙擊工具，可以輸入數(shù)值。

縮放工具可以讓你自由手動縮放一個對象。按住 Shift 鍵可以在縮放的同時保持比例。

旋轉(zhuǎn)工具可以自由地旋轉(zhuǎn)一個物體。始終圍繞你最初點擊的位置來旋轉(zhuǎn)對象。

3D 旋轉(zhuǎn)工具可以在第三維度旋轉(zhuǎn)對象，并將結(jié)果投影在 x-y 平面上

翻轉(zhuǎn)工具可以水平或者豎直地翻轉(zhuǎn)選中的對象。旋轉(zhuǎn)的原點是最初點擊鼠標(biāo)的點。

注意：翻轉(zhuǎn)一個點后你很可能需要應(yīng)用Element>Correct Direction。

扭曲工具可以將選中的對象順時針或者逆時針做水平扭曲。

透視工具讓你能夠以非線性的方式扭曲圖形。

注意： 透視轉(zhuǎn)換并沒有數(shù)值選項。

矩形/橢圓和多邊形/星形工具

這些工具讓你可以繪制簡單的幾何形狀，這樣比使用分開的線段構(gòu)建形狀更快。

點擊工具區(qū)域可以切換到可選的另一個工具。如果你雙擊這個工具，會打開形狀樣式的選項。

矩形選項：拐角樣式和擴展方式（拐角還是中心擴展）。

橢圓選項：邊框擴展還是中心擴展。

多邊形選項：頂點數(shù)量。

星形選項：星形的頂點數(shù)量和點的深度百分比。百分比設(shè)置越高，星形的角越長。

Mse1和Mse2

在工具欄中你可以看到當(dāng)前的工具和鼠標(biāo)按鍵可以使用的操作：

• 左鍵（Mse1）
• 左鍵 + Ctrl（^Mse1）
• 滾輪（Mse2）
• 滾輪 + Ctrl（^Mse2）

這樣你不必反復(fù)點擊工具欄就可以使用一些不同的工具。

當(dāng)心：Mse 功能當(dāng)前看上去不能正確工作。

圖層

FontForge 的畫布默認(rèn)有 3 個圖層：引導(dǎo)圖層，背景圖層和前景圖層。引導(dǎo)圖層用來插入引導(dǎo)（比如 x 高度或者大寫高度引導(dǎo)）。前景圖層和背景圖層都是用來繪制的，但是只有最頂層的引導(dǎo)圖層將會呈現(xiàn)在最終的字體上。

眼睛圖標(biāo)指示每個圖標(biāo)是否可見，并且你可以點擊眼睛圖標(biāo)來使圖層不可見。C（或者 Q）你是否在使用三階或二階曲線。

B、F 或者 # 代表每個圖層是否是引導(dǎo)圖層、背景圖層或者前景圖層，在你添加了多個圖層后更有意義。你可以使用工具欄的加（+）或減（?）來創(chuàng)建和刪除額外的圖層。圖層類型和曲線類型也可以通過右擊來控制（如果你有額外的圖層時）。

繪圖基礎(chǔ)

接下來我們重溫基本繪制的工作流程。你經(jīng)常會發(fā)現(xiàn)你需要它。

在一個圖形內(nèi)切掉另一個圖形

1. 首先在字形窗口的繪制區(qū)域用矩形工具繪制一個矩形。
2. 接下來使用橢圓工具在你剛剛繪制的矩形內(nèi)繪制一個橢圓。
3. 在 Element 菜單選擇 Correct Direction。你將會看到兩個圖形合并了，在矩形的中央穿出一個洞來。

移除重疊區(qū)域

1. 添加一個星形，與矩形的角重疊。
2. 選中星形和之前的圖形。你只需要選擇每個重疊圖形的一個點，但是選擇額外的點也可以。
3. 點擊 Element>Overlap>Remove overlap。你將會看到兩個圖形合成一個。

添加一個點

使用鋼筆工具，在一條線段的中間點擊不放，并拖動鼠標(biāo)改變圖形。

切點

選中你的新圖形左下角的拐角點（曲線和直線的交點）。在 Point 菜單可以看到 Corner Point 是勾選的。選擇 Tangent。這將方形節(jié)點改為了三角形，但是做完下一步才算全部做完：擴展控制點。

為了這么做，選擇 Element>Get Info，打開了點信息窗口。在窗口中的 Location 選項卡的 Next CP 設(shè)置，設(shè)定一個大數(shù)，比如 75。點擊 OK。你將會看到曲線平滑地進(jìn)入直線。

變形

現(xiàn)在選擇大概圖形的四分之一—星形和矩形的一部分在中間。

選擇 3D 旋轉(zhuǎn)工具，移動到選擇區(qū)域的中央，慢慢地點擊拖動知道看到你喜歡的形狀，然后松開。這是在實際圖像中應(yīng)用 3D 旋轉(zhuǎn)的例子：

設(shè)置繪制形狀和寬度

現(xiàn)在為止你已經(jīng)使用自由繪制工具來繪制一條線。如果你雙擊自由繪制工具，將會展示包含一個繪制窗口的自由繪制對話框。這里是你選擇筆觸形狀和尺寸。當(dāng)你選擇 Expand Stroke 選項的時候這個對話框也出現(xiàn)在 Element 菜單中。

使用拐角工具，繪制多邊形，點擊 OK。

現(xiàn)在使用自由繪制工具繪制一條線。當(dāng)你松開鼠標(biāo)按鈕的時候，像下面一樣，新的路徑自動使用你在自由繪制對話框里選擇的寬度和形狀和繪制。

繼續(xù)繪制！

你應(yīng)該繼續(xù)試驗繪制工具直到你覺得可以使用它們繪制和變形出你需要的任何形狀。到這個時候，你準(zhǔn)備好開始構(gòu)造字形的組成部分，但是你也應(yīng)該花些時間看看 FontForge 的其他工具集。下一章“使用 Spiro 繪制”描述了 Spiro 繪制模式。Spiro 繪制與 Bézier 曲線編輯太不同了，以至于需要解釋其本事。