使用Illustrator和Fontastic.me创建手绘字体

01之06

使用Illustrator和Fontastic.me创建手绘字体

文字和图片©Ian Pullen

在这个有趣而有趣的教程中,我将向您展示如何使用Illustrator和在线Web服务fontastic.me创建自己的字体。

为了跟随,您需要Adobe Illustrator的副本,但如果您没有副本并且不想购买它,您可能会对我们使用Inkscape的类似教程感兴趣。 Inkscape是Illustrator的免费开源替代品。 无论您使用哪种矢量线绘图应用程序,fontastic.me都可以免费提供完整的服务。

虽然我将向您展示如何使用纸上绘制的字母照片创建手绘字体,但您也可以使用类似技术使用直接绘制到Illustrator中的字母生成字体。 如果您使用绘图平板电脑 ,这可能比您更可取。

如果使用照片,请确保使用深色笔筒绘制字母并使用普通白纸进行最大对比。 另外,请将您的照片放在光线好的位置,以帮助制作清晰对比的照片,以便Illustrator能够轻松追踪各个字母。

在接下来的几页中,我将引导您完成创建第一个字体的过程。

02 06

打开一个空白文档

文字和图片©Ian Pullen

第一步是打开一个空白文件来工作。

转到文件>新建,然后在对话框中根据需要设置大小。 我使用了500px的方形页面大小,但可以根据需要进行设置。

接下来,我们将照片文件导入到Illustrator中。

03年06月

导入您的手绘文字照片

文字和图片©Ian Pullen

如果您没有手绘文字的照片,您可以下载我用于本教程的相同文件。

要导入文件,请转到文件>放置,然后导航到您的手绘文本照片所在的位置。 点击地点按钮,你会看到照片出现在你的文档中。

我们现在可以跟踪这个文件给我们矢量字母。

04年6月

追踪手绘字母的照片

文字和图片©Ian Pullen

跟踪信件非常简单。

只需进入对象>实时跟踪>制作和展开,稍后片刻,您就会看到所有字母都已经叠加了新的矢量线版本。 不太明显的是,它们将被另一个代表照片背景的物体包围。 我们需要删除背景对象,所以转到对象>取消组合,然后单击矩形边界框外的任何位置以取消选择所有内容。 现在单击其中一个字母的近旁,但不是,您应该看到矩形背景被选中。 只需按下键盘上的删除键即可将其删除。

但是,如果您的任何字母包含多个元素,则会留下所有单个字母,因此您需要将它们组合在一起。 我的所有信件都包含多个元素,所以我必须将所有这些元素分组。 这是通过点击并拖动包含字母的所有不同部分的选择框来完成的,然后转到对象>组。

现在您将剩下所有的单个字母,接下来我们将使用这些来创建我们需要在fontastic.me上创建字体的单个SVG文件。

相关: 在Illustrator中使用Live Trace

05年06月

将单个字母保存为SVG文件

文字和图片©Ian Pullen

不幸的是,Illustrator不允许将多个画板保存到单独的SVG文件,因此每个字母都必须手动保存为单独的SVG文件。

首先,选择并拖动所有字母,以便它们不会覆盖艺术板。 然后将第一个字母拖到美工板上,并通过拖动其中一个角拖拽手柄来重新调整其大小以填充美工板。 按住Shift键的同时保持相同的比例。

完成后,转到文件>另存为,然后在对话框中,将格式下拉列表更改为SVG(svg),为该文件指定一个有意义的名称,然后单击保存。 您现在可以删除该字母并放置并在美工板上重新调整下一个。 再次执行另存为并继续,直到您保存了所有的字母。

最后,在继续之前,请保存一张空白画板,以便您可以将其用作空格字符。 你也可以考虑保存你的信件的标点符号和小写版本,但我没有为这个教程而烦恼。

随着这些独立的SVG字母文件准备就绪,您可以通过将它们上传到fontastic.me来进行下一步创建。 请看看这篇文章,看看如何使用fontastic.me来完成你的字体: 使用Fontastic.me创建一个字体

06年06月

如何在Adobe Illustrator CC 2017中使用新的资产导出面板

使用Adobe Illustrator CC 2017中新的“资产导出”面板将SVG创建缩减为点击并拖动工作流程。

当前版本的Adobe Illustrator包含一个新面板,可让您将所有图形放在一个画板上,并将它们输出为单独的SVG文档。 就是这样:

  1. 选择窗口>资产导出打开资产导出面板。
  2. 选择一个或全部字母并将其拖入面板。 它们都将显示为单个项目。
  3. 双击面板中对象的名称并重新命名。 对面板中的所有项目执行此操作。
  4. 选择要导出的项目,然后从弹出的格式中选择SVG。
  5. 点击导出。