FontLab 8 中文教程(Dave Lawrence)

  1. 首页
  2. FontLab 8 中文教程(Dave Lawrence)
  3. 绘画
  4. FontLab中绘图的基础教程

FontLab中绘图的基础教程

绘制FontLab基础

好处:了解如何开始创建字体,激活字形,并绘制到正确的容器中,从而感到自信。

你可能已经在矢量插图程序中拥有经验。或者,你可能已经在Glyphs或Robofont等其他字体编辑器中绘制过字体。即使你在FontLab 6或7中绘制过,这也可能是一个有用的复习。

本教程旨在帮助你理解FontLab 8中的绘图工作原理,特别是FontLab的双箭头系统,当正确使用时,它允许你无损地编辑字母形状。

此外,完成本教程后,你应该理解:元素和轮廓之间的区别是什么?

创建字体

让我们从头开始。

启动FontLab。

在快速启动屏幕上,输入任何名称,例如“My Font”。字形集可以保持为“Latin Simple”,或者你可以点击并选择其他内容,例如“Drawing”。

现在你应该看到了一堆字形或“符号”。当它们像这样变灰时,字形是未激活的。在这种情况下,A是蓝色的(被选中的),但仍然是未激活的。

你可以将这个字体想象成一个包含一整套绘图和符号的包裹——就像一个圣诞礼物。

因为此窗口显示了你的字体的所有内容,所以这个窗口被称为“字体窗口”。

创建符号

要激活一个符号,双击它。或者选择一个符号,并在键盘上按回车⏎。

在这里,我激活了H和I,这是开始的好字母。注意激活的“H”和“I”看起来比未激活的符号更填充。

如果你来自矢量程序,你可以将这些正方形或单元格想象成类似于画板。

注意

事实上,如果你在矢量程序中绘制字母,最好在单独的画板上绘制每个字母(见导入艺术品教程)。

这些符号和常规画板的区别在于它们的高度或多或少是固定的,大约是1,000个单位。(然而,符号的宽度各不相同。)

要进入一个符号,做你激活它时同样的事情:双击。另一种方法是选择一个符号,并在键盘上按回车⏎。

我将进入这里的H。

现在你应该看到了绘图窗口(技术上是“字形窗口”)。

尽管这个符号是激活的,但它是空的。有点像一个鬼城。

这就是为什么有一个幽灵般的H在这个字形中徘徊!!

打开面板和工具

如果你熟悉专业应用程序,你可能熟悉工具栏和面板。如果没有…

打开工具栏

这是FontLab工具栏的样子。(这里有很多工具,你并不真的需要知道它们全部的功能。稍后我会向你展示。)

如果你在屏幕上找不到这个工具栏,请转到菜单:窗口 > 工具栏。

打开元素面板

如果你不熟悉其他专业应用程序中的面板,这是面板的样子:

好的,这里有点棘手。

如果你看过FontLab中的面板,你可能已经看到了“层和主层面板”。这不是传统意义上的“层面板”。

这些是用于制作追踪的“遮罩”或用于创建可变字体或字体系列的“主层”的特殊层。

目前,没有必要担心这些。所以,将鼠标悬停在“层和主层面板”字样上并按下(∨)以最小化。

然而,“元素面板”与Adobe Illustrator的“层面板”几乎相同,但我们稍后会看到的一些重要区别。(实际上,当你从Illustrator导入艺术品时,Adobe层会出现在FontLab的元素面板中。)

所以,如果它还没有打开,我们想打开它。打开面板的新方法是通过右键点击(或Ctrl点击)工具栏的空白部分。你会看到这样的列表。点击元素。

现在你的工作空间应该看起来像这样▼

元素内部绘图

你可以使用很多工具来绘图!

现在选择铅笔工具。这是最容易使用的,但精确度最低。

开始绘图之前,看看元素面板。它应该是空的。

然后像这样绘制并连接路径的开始和结束。(应该显示一个蓝色圆圈。)

这是我绘制的内容。(现在还不漂亮,但我会在本教程的细化阶段向你展示如何使它变得完美。)

看看你的元素面板。发生了什么?

在我的案例中,它看起来像这样:

我们有1个元素包含1个轮廓。

但这并不是绘制H的唯一配置。

首先,保存你对H的绘制。我们将在稍后的教程中保存它,在那里你将学习如何将这个粗糙的字母磨练到闪闪发光。

其他绘图配置

新建一个文件(文件 > 新建字体…)。

激活字母H,并进入绘图窗口。

这次我们将制作一个标准的无衬线H。

首先,让我们确保字体尺寸正在显示并进行吸附。转到视图菜单▼

我们刚刚激活的这些字体尺寸是什么?

一般来说,它们与你在小学/小学书法书中学习书法时的线条相同。

此外,这些与Glyphs中的“垂直度量”类似。在FontLab中,字体尺寸是灰色虚线。在左侧,它们用一个值和一个圆圈字母标记。

好的。

现在我们将要选择工具来绘制。从工具栏中选择多边形⬠。双击以打开工具箱并选择矩形□工具。

首先让我们绘制H的左矩形。然后让我们绘制水平条。它看起来像这样:

注意FontLab会自动将你的2个矩形轮廓(路径)放入同一个元素中。

接下来我们要做的是选择轮廓(快捷键:A)。

现在双击左矩形。它会变成橙色发光。

有时双击有点棘手,所以你可以使用Shift并执行此操作以选择所有内容:

复制,粘贴并移动矩形以完成你的H。你有一个元素包含三个轮廓(路径)。

复制元素

我们上次配置的问题是我们使用了两个相同的形状,但它们没有链接!

这意味着每次我们想要更改垂直矩形时,我们必须分别更改它们!

虽然现在这不是什么大问题,但当你拥有一个包含数百个相同矩形的整个字体时,它可能会有点累手腕。

在这一部分,你将学习如何链接元素,这些容器包含你的路径。这样,每当你更改左矩形时,它就会更改右矩形,反之亦然。

所以让我们删除所有内容,除了你的第一个垂直矩形。以下是操作步骤:使用轮廓(轮廓)工具(A),突出显示并按键盘上的删除或退格。

接下来,我们将绘制水平矩形。

但等等!

这次我们需要为水平矩形创建一个单独的元素。转到菜单:元素 > 新建 > 元素,或按CtrlS。

你的元素面板将显示你有一个“空元素”。在其中绘制水平矩形。

现在我们有两个元素。每个元素包含一个轮廓。像这样▼

接下来的事情非常重要。要复制元素,我们需要使用元素(黑色箭头)工具(快捷键:V)。

这类似于矢量程序中的黑色箭头工具。元素工具不会移动单个点路径。它移动整个形状。

一旦你选择了元素工具,点击垂直矩形并复制。

好的,现在如果我们只是做一个常规粘贴(CmdV),将会有一个新的元素与垂直矩形。但它们不会链接。

所以转到菜单:编辑 > 粘贴元素引用(ShiftCmdV)。

看看你的元素面板。

这是正确的。由于这些元素可以在整个字体中重复使用,椭圆形两个显示了你整个字体中的链接数量。

这是不正确的▼

好的,但矩形还没有到位。

使用元素工具,按住Shift并向右移动矩形,直到你喜欢它的位置。

现在选择轮廓工具。点击一个矩形。

点击一侧,它和另一个矩形中相似的一侧应该突出显示为橙色。现在当你移动这个矩形时,它移动两个!

带有重叠元素的字体导出

你可能会想知道:导出是如何工作的?当H出来时,它有所有这些矩形形状吗?

不。当导出字体时,FontLab会自动组装这个字母(展平,删除重叠),这样它就变成一个实心轮廓。

结束语

干得好!那有很多要了解的。

无论你使用什么绘图工具,它们的工作方式几乎相同。

绘图会向同一元素添加路径。如果你想在新元素中绘图,你需要创建它。

此外,你已经看到,如果你想重用形状,它们必须在单独的元素中。

查看下一个教程,了解如何通过合并、分离、重叠等操作来操作你的轮廓和元素。

还有…

确保保存了你的H文件!我们将在下一个教程中使用它。

祝你绘画愉快!

DAVE LAWRENCE 加利福尼亚字体铸造厂

PS:浏览绘图工具

FontLab的绘图工具相当标准。

绘图工具是这些:

其他工具帮助你操作节点和形状,执行特殊任务,路径查找,测量,转换,查看。

快速工具

这个工具是FontLab独有的。它比贝塞尔笔更容易使用。我从未学会如何很好地使用传统的贝塞尔,所以我主要使用快速工具。

在工具栏中,这是看起来像黑色圆珠笔的那个。按5激活它。

你可以用快速工具做的事情 正方形节点 要制作直线,只需点击(类似于笔)。 圆形节点 要制作曲线,按住Ctrl并点击。或者双击。这使用你的字体的曲线张力。 手柄 要制作不同的曲线,使用Alt点击,它将放置一个手柄。

三角形节点 这个有点棘手!这是一个GIF,展示了如何操作。

提示 使用Shift使线条水平或垂直。 要更改快速工具的曲线,请转到菜单:文件 > 字体信息 > 字体尺寸侧边栏 > 曲线张力。常见值是57 – 63。这些值是字体特定的。

资源

有关不同绘图工具的更多信息,请查看这些:

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/

Was this article helpful to you? Yes No

How can we help?