相信有不少设计师朋友想将自己设计的字体制作成属于自己的字库,但往往面临不会使用字体制作软件的难题。目前市场上流行的字库制作软件包括FontForge(免费)、FontCreator(收费)和FontLab等,但由于一般设计师对这些软件不太熟悉,操作起来可能会感到不顺手。相对而言,Adobe Illustrator的路径操作则显得更为顺手。因此,本文将介绍如何在Adobe Illustrator中将设计的字体转换成字库。
准备阶段
在开始设计字体之前,请先准备一个包含文字列表的txt文件,并按照该顺序进行字体设计制作。这个文件将在后续导入生成字库时使用,因此请务必提前准备好。假设该文件命名为list.txt。
设计字体
准备好文字列表文件后,即可开始在AI中进行字体设计。以下是具体步骤:
- 设置画板:在Adobe Illustrator中设置画板数量,例如100个。每个画板大小建议为1000px x 1000px,可以根据实际需求调整。画板方向设置为从左到右,上到下(呈Z形),画板间距可以设置为0,使画板之间完美贴合。
- 绘制田字格:在每个画板上绘制蓝色框作为字身框,红色虚线作为中分割线。字面框应占据字身框至少90%,以避免字与字之间出现太大的空隙。
- 设计字体:参考田字格开始设计字体,确保字体不超出字身框的范围。
导出字体为SVG文件
设计完字体后,接下来需要将字导出为SVG文件以便制作成字库。以下是具体步骤:
- 隐藏或删除田字格:避免在导入字体时出现田字格干扰。
- 导出为SVG格式:选择“文件 -> 导出 -> 导出为多种屏幕所用格式…”,在弹出的对话框中全选画板并确认顺序与txt文件一致后导出。
- 等待导出完成:耐心等待所有画板导出完成,导出的文件夹中会自动生成一个包含每个字形的SVG文件夹。
准备CSV文件
为了将导出的SVG文件与对应的字符关联起来,需要准备一个CSV文件。以下是具体步骤:
- 获取SVG文件名:在SVG文件夹中选择第一个文件,全选(Ctrl+A),复制文件路径。
- 粘贴到Excel:打开Excel,在A列处粘贴复制的路径。如果系统没有“复制为路径”选项,可以使用VS Code或其他方法获取文件名。
- 准备CSV文件:在Excel中准备CSV文件,逗号前为SVG文件名,后为对应的字符或汉字。可以直接输入汉字、标点符号、字母等单个字符,或提供Unicode码位(用uXXXX或uniXXXX格式)。
- 保存CSV文件:将Excel表另存为CSV格式(选择CSV UTF-8(逗号分隔))。
使用SVG2FontBuilder生成字体
下载并运行@夜煞之乐编写的SVG2FontBuilder软件,将SVG文件夹和CSV文件导入软件后生成字体。以下是具体步骤:
- 选择SVG文件夹和CSV文件:单击“SVG 文件夹”和“CSV 映射表”右边的“选择…”按钮,分别选择前面的SVG文件夹和CSV文件。
- 生成字体:确认无误后点击“生成”按钮,选择导出字体的位置并保存。等待片刻后,下方会提示已成功导出并显示文件路径,字体制作完成。
注意事项与排查错误
- 确保使用“导出”功能:在Adobe Illustrator中请确保使用“导出”功能而不是“保存”功能,以避免出现问题。
- 清理画板内容:确保导出SVG时画板上只有要导出的内容,不要包含其他文字或背景图片。
- 检查CSV文件编码:如果使用WPS Excel而非Microsoft Excel,导出的CSV文件可能会出现编码问题。请用Notepad打开CSV文件并选择“文件->另存为”,编码选择“UTF-8”。
至此,您已经成功将设计的字体转换为字库。虽然生成的字体是最基础的版本,但多数情况下仍需要使用字体编辑软件进行后续操作以完善字体效果。
© 版权声明
本网站上的所有资源均来源于本网站,所有网址和文章版权均归原作者所有。如有侵权行为,请将相关证明发送至以下电子邮件地址:dxsen@qq.com