当前位置:
首页 > 字体设计 > 设计师如何制作一套属于自己字库

设计师如何制作一套属于自己字库

设计师如何制作一套属于自己字库

设计师如何制作一套属于自己字库是一款艺术字体,深受广大设计师的喜爱。

设计师如何制作一套属于自己字库,手把手教你生成字库教程。

文章来源:猫啃 原文链接 https://www.maoken.com/viewpoint/16091.html

相信有不少设计师朋友想把自己设计的字体制作成属于自己的字库,但是都面临不会使用字体制作软件的难题。现在市面上流行的字库制作软件有FontForge(免费),FontCreator(收费),FontLab等,但是一般设计师对这些字体制作软件不太熟悉,所以操作起来也是相当不顺手。相对而言,Adobe的Illustrator的路径操作就顺手多了。所以猫啃君写这一篇教程,教你怎样把在Illustrator设计的字体变成字库。

一、在AI上进行字体设计

在开始设计你的字体之前,请先准备一个文字列表的txt文件,您可以按照这个顺序进行字体设计制作。这个txt的列表文件将在后面导入生成字库的时候有用,请务必先准备好。猫啃君这里把文字列表文件命名为list.txt

设计师如何制作一套属于自己字库
设计师如何制作一套属于自己字库

在准备好上面的这个文字列表文件后,我们就可以开始在AI中进行字体设计了。在AI中进行字体设计有两种方式,第一种方式是每个字先建立好独立的画板进行设计,第二种方式是在一个画板上先做好字体的设计,然后再分割成多个画板。下面以猫啃君正在补简的德拉黑体为例:

  1. 在AI中新建文件,新建文件时画板的数量设置为100,列数设置为10。画板的宽度和高度可以根据自己的需求设置,因为字体是矢量的,所以在设计时的宽高并不会影响后续的导入。
设计师如何制作一套属于自己字库
  1. 点击创建文档,我们就可以得到一个10×10画板的文件,然后我们就可以在这些画板上进行字体设计了。设计师如何制作一套属于自己字库
  2. 把字体设计好后我们就可以开展后续的工作了。设计师如何制作一套属于自己字库

二、把字体制作成单独的SVG文件

如何把每个字分割成单独的svg文件呢?可以按以下的操作步骤进行:

  1. 准备好我们设计好的AI文件设计师如何制作一套属于自己字库
  2. 然后在菜单上选择 “文件 -> 导出 -> 导出为多种屏幕所用格式…”设计师如何制作一套属于自己字库
  3. 在弹出的对话框中,按下面的图进行设置好后,然后点导出画板按钮。
    设计师如何制作一套属于自己字库
  4. 耐心等待所有的画板导出完成。设计师如何制作一套属于自己字库
  5. 在导出的文件夹中,会自动生成一个SVG文件夹,文件夹里面就是每个字的svg文件。
    设计师如何制作一套属于自己字库至此,导出字体为svg文件的工作就完成了。下面准备把这些svg文件导入到FontForge中并生成字库文件。

三、把SVG文件导入至FontForge中并生成字库文件

通过上面的操作步骤,我们已经得到单独的字体的svg文件。但是现在存在一个问题,这些svg文件的名字都是“画板 1.svg,画板 2.svg…”这样子的名称,我们无法得知这些svg文件对应的是哪个字。这个时候,我们之前准备好的字体列表文件就有用了。

制作字库需要用到FontForge软件,请你点击这里 (百度网盘下载)下载猫啃君为您准备的FontForge软件。请务必下载猫啃君提供的这个FontForge软件,这个是非官方的64位绿色版。因为官方的版本有个问题,就是打开类似于思源字体这样大的字体文件的时候会因为内存溢出而崩溃,而这个64位的版本就不会有这个问题。另外,在猫啃君提供的这个FontForge软件里面还包含了@夜煞之乐写的批量导入字体文件的脚本,没有这个就无法完成批量导入的功能。

下面我们可以开始把svg文件导入到FontForge中了,请按以下的操作步骤进行:

1、我们先把在猫啃网上下载的FontForge解压出来,这个FontForge是绿色版的,解压出来就可以用了。比如猫啃君把FontForge解压到D:Program Files (x86)FontForge_64目录下。其中win_file_lister.exe是@夜煞之乐为方便生成字体文件列表写的一个可执行程序,运行后会把所在的文件夹的文件列表生成一个txt文件。vbpy.py是一个批量导入字体的python脚本文件。
设计师如何制作一套属于自己字库

2、把我们刚才生成的SVG文件夹复制到FontForge的目录下
设计师如何制作一套属于自己字库

3、把win_file_lister.exe复制放入SVG文件夹里,然后双击运行。设计师如何制作一套属于自己字库设计师如何制作一套属于自己字库设计师如何制作一套属于自己字库

4、用记事本打开file_list.txt文件,把里面的第一行删掉
设计师如何制作一套属于自己字库

5、然后按菜单 “编辑->全选”(快捷键Ctrl+A) 选中txt文件里面的所有行,Ctrl+C复制
设计师如何制作一套属于自己字库

6、然后打开Excel,在A列处粘贴
设计师如何制作一套属于自己字库

7、然后我们回到SVG文件夹里面,把file_list.txt和win_file_lister.exe这两个文件删除。
设计师如何制作一套属于自己字库

8、然后打开之前准备好的造字的顺序的列表(猫啃君这里的示例的列表文件名为list.txt),按菜单 “编辑->全选”(快捷键Ctrl+A) 选中txt文件里面的所有行,Ctrl+C复制
设计师如何制作一套属于自己字库

9、然后在刚才打开的Excel里面的B列处粘贴
设计师如何制作一套属于自己字库

10、然后把这个Excel表另存为csv格式,这样我们就得到了一个svg文件与文字一一对应的列表了。
设计师如何制作一套属于自己字库
设计师如何制作一套属于自己字库
设计师如何制作一套属于自己字库

11、然后我们把之前的字体列表文件(list.txt)也复制到FontForce目录下
设计师如何制作一套属于自己字库

12、双击执行fontforge-console.bat文件,会打开一个命令行界面设计师如何制作一套属于自己字库
设计师如何制作一套属于自己字库

13、在这个命令行界面输入“ffpython vbpy.py -n SVG new.sfd font_list.csv”然后按回车键执行命令。
设计师如何制作一套属于自己字库

14、然后等待命令执行完毕,就大功告成啦!这样我们就得到new.sfd字库文件。
设计师如何制作一套属于自己字库
设计师如何制作一套属于自己字库

15、最后我们打开这个sfd文件看一下,完成啦。字库的一些信息的设置,请参考猫啃君之前发表的另一篇文章《小白教程,如何使用FontForge修改字体的名称?
设计师如何制作一套属于自己字库

***特别提示***

1、本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果由您自己承担!
2、字体用于商业用途,需要自行与权属方联系并取得书面授权,该授权可能需要您支付相应的版权费用。
3、免费下载不等于免费商用,请牢记,商用请联系资源版权方购买授权!
4、如有侵犯您的版权,请及时联系978767986@qq.com,我们将尽快处理。