安全可控的像素字体制作流程

2023年4月18日 51点热度 0人点赞 0条评论

安全可控的像素字体制作流程

摘要:安全可控的像素字体制作流程

关键词:像素字体,DIY,制作流程

安全可控的像素字体制作流程-悟饭游戏厅

题图:pixel32

去年开始研究像素字体的DIY制作,写了几篇文章,参见:

今年决定重启像素字体项目,如果你也想尝试自己做像素字体,可以参考我的制作流程。

0、软件工具

画像素画:Aseprite

png2SVG:AdobeAnimate

创建字体:FontForge

1、设计字体

用Aseprite画出汉字,练手可以画A-Z英文字母+数字0-9,只有26个+10=36个字符。

做中文汉字,可以选择GB2312标准:

GB/T 2312标准共收录6763个汉字,其中一级汉字3755个,二级汉字3008个;同时收录了包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的682个字符。

这是最少的,优先做一级汉字3755个。

实际画的时候,可以用FontForge打开1个中文字体作为参考,FontForge可以将字体重新编码为GB2312。

2、png2SVG

据说这一步可以用python 一行代码实现,可惜我查了很多资料,也没实现。

只能用土办法,先用Aseprite导出放大8000%的png图片,然后导入Animate,文件尺寸设置为1000x1000,然后Trace,导出SVG。

打开FontForge,双击空白字符,导入SVG即可。Animate生成的SVG不是非常规范,会有一些多余的节点,有时间可以选中后去掉。

3、导出字体

等所有区位的汉字都导入了SVG,就可以导出字体了。这个流程可以做到精确控制每一个字,因为每一个字都是像素画家手工画出来的,完全可控。后续修改也很方便。

如果你在DIY像素字体的时候遇到问题,欢迎留言探讨。

fengjun

这个人很懒,什么都没留下

猜你喜欢

文章评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据