在本教程中,我们将向您展示如何使用Illustrator和在线Web服务fontastic.me创建自己的字体。
要继续,您需要Adobe Illustrator的副本,但如果您没有副本并且不想购买它,您可能会对使用Inkscape的类似教程感兴趣。 Inkscape是Illustrator的免费开源替代品。无论您使用哪种矢量线绘图应用程序,fontastic.me都可以完全免费提供服务。
虽然我们将向您展示如何使用纸上绘制的字母照片创建手绘字体,但您也可以使用类似的技术使用直接绘制到Illustrator中的字母来生成字体。如果您使用绘图板,这可能比您更好。
如果使用照片,请确保使用深色笔绘制字母并使用普通白纸以获得最大对比度。此外,拍摄好照片的照片有助于制作清晰对比的照片,使Illustrator能够尽可能轻松地追踪单个字母。
打开一个空白文档
第一步是打开一个空白文件。
去 文件>新建 并在对话框中设置所需的大小。我们使用500px的方形页面大小,但您可以根据需要进行设置。
接下来,我们将照片文件导入Illustrator。
导入您的手绘文本的照片
如果您还没有可以使用的手绘文本照片,则可以下载我们在本教程中使用的相同文件。
要导入文件,请转到 文件>放置 然后导航到手绘文本照片所在的位置。点击 地点 按钮,您将看到照片出现在您的文档中。
我们现在可以跟踪这个文件给我们矢量字母。
追踪手绘字母的照片
跟踪字母非常简单。
去吧 对象>实时跟踪>制作和扩展 过了一会儿,你会发现所有的字母都覆盖了新的矢量线版本。不太明显的是,它们将被另一个代表照片背景的对象所包围。我们需要删除背景对象,所以转到 对象>取消组合 然后单击矩形边界框外的任何位置以取消选择所有内容。现在单击其中一个字母靠近但不打开,您应该看到选中了矩形背景。只需按下 删除 键盘上的键可以将其删除。
这留下了所有单个字母,但是,如果您的任何字母包含多个元素,则需要将这些字母组合在一起。我们所有的字母都包含多个元素,因此我们必须对所有字母进行分组。这是通过单击并拖动包含字母的所有不同部分然后转到的选择框来完成的 对象>组.
现在,您将留下所有单独的字母,接下来,我们将使用这些来创建我们在fontastic.me上创建字体所需的各个SVG文件。
有关:您可能还想学习在Illustrator中使用Live Trace。
将单个字母保存为SVG文件
遗憾的是,Illustrator不允许您将多个画板保存到单个SVG文件中,因此每个字母都必须手动保存为单独的SVG文件。
首先,选择并拖动所有字母,使它们不覆盖画板。然后将第一个字母拖到画板上并重新调整大小以通过拖动其中一个角拖动手柄来填充画板。按住 转移 在执行此操作时按键以保持相同的比例。
完成后,转到 文件>另存为 并在对话框中,更改 格式 下降到 SVG (svg),给文件一个有意义的名称并单击 保存。您现在可以删除该字母并放置并重新调整画板上的下一个字母。再做一次 另存为 并继续,直到你保存了所有的信件。
最后,在继续之前,保存一个空白画板,以便将其用作空格字符。您可能还希望考虑保存字母的标点符号和小写版本,但我们对此教程并不感到困扰。
准备好这些单独的SVG字母文件后,您可以通过将字体上传到fontastic.me来创建字体。请看一下这篇文章,看看如何使用fontastic.me来完成你的字体: 使用Fontastic.me创建一个字体。
使用“新建资产”导出面板
当前版本的Adobe Illustrator包含一个新面板,允许您将所有绘图放在一个画板上并将其作为单独的SVG文档输出。这是如何做:
- 选择 窗口>资产导出 打开“资产导出”面板。
- 选择一个或所有字母并将其拖到面板中。它们都将作为单独的项目出现。
- 双击面板中对象的名称并重命名。对面板中的所有项目执行此操作。
- 选择要导出的项目并选择 SVG 来自 格式 弹出来。
- 点击 出口.