查看原文
其他

深度字体教程 - 如何把单字重字体变成多字重字体?

2017-07-29 心雨 字由心雨

前文跟大家简单解释了什么是字重,我们回顾一下之前的相关字体教程链接:

①.如何解包TTC文件?

②.如何放大缩小TTC文件解包后的TTF文件?

③.iOS9+iOS10需要修改哪些文件才能提升第三方字体覆盖率?

④.如何解决第三方字体剃头剃尾的问题?

⑤.如何打包 TrueType Collection (TTC) 文件①:最简单基础的打包方法

⑥.字体教程之字重 - 天天说的字重到底是什么东西?


本文属于相对高阶的教程,iOS8手机需要4个字重的中文,iOS9+iOS10系统需要6个字重的中文,6个字重的文件从pingfang.ttc里面解包出来是这样的:

这6个文件对应的分别是:

Ultralight  极细体

Thin    纤细体

Light    细体

Regular  常规体

Medium  中黑体

Semibold  中粗体


这6个文件对应的粗细是这样的:

动态演示如下:


我们常见的字体,一般只有常规体Regular字重,质量好点的字体,比如微软雅黑字体,有3个字重,分别是:细体Light、常规体Regular、粗体Bold,细体和常规体可以直接修改用在手机上,粗体Bold可以代替中粗体Semibold用在上机上面,但是还缺少极细体、纤细体和中黑体。下面就以微软雅黑为例,告诉大家怎么制作增加其他几个字重文件。


一.加粗常规体Regular字体文件变成中黑体Medium字体文件:

①.用FontCreator打开已经优化处理好的微软雅黑Regular字重文件:

这个是我优化好的可以直接用在手机上面的微软雅黑Regular字重文件,包含55580个字符。

②.我们双击其中一个字符,放大一下字符,然后对比一下系统字体的中黑体Medium字重,然后凭感觉和经验来加粗:

对比一下,左边是微软雅黑常规体Regular的笔画粗细,右边是自带字体中黑体Meduim的笔画粗细,我们需要把左边的字体,加粗到右边的粗细,然后保存新文件就是一个微软雅黑的中黑体Medium字重文件了。

③.打开FontCreator菜单的Tools-glyph Transformer,然后选择Bold参数进行加粗:

设定好参数之后,点击OK,电脑会自动加粗。

至于我这里为什么设定的参数是9-9,对不起,这个没有教程,这个需要你多试几次,就知道哪个参数出来的笔画粗细跟你想要的粗细一样了。

④.电脑处理完之后,你需要把这55580个字符全部花时间浏览一遍,检查一下有没有笔画变形的字体,需要手动修改,老版本的FontCreator处理加粗变细,会有大概5%的字体变形,新版本的相对来说要好很多,变形的很少,这个没有工具,需要自己用眼睛查找、然后手动一个一个笔画修复。

⑤.这个是我按照我刚才设定的参数之后,然后再手动查找变形字符修复后的中黑体Medium字体文件:

上面是刚才的微软雅黑常规体Regular字重文件,下面是用这个常规体Regular字重文件加粗后形成的新的微软雅黑中黑体Medium字重文件,导出这个文件保存为一个新的TTF文件,你就做好了一个全新的微软雅黑中黑体Medium字重了。


二.调细Light细体文件变成纤细体Thin文件:

微软雅黑本身没有纤细体Thin字体文件,我们需要把Light细体文件调细一点,形成新的纤细体Thin字体文件。这里的步骤跟上面基本上是一样的,区别的就是打开FontCreator菜单的Tools-glyph Transformer,选择的不是Bold加粗参数,而是Thin变细参数。

①.同样打开微软雅黑Light细体文件,然后对比系统字体的纤细体Thin文件,然后设定你需要变细的参数,跟上面一样,我这里凭经验,设定的变细参数是8-8:

②.点OK,调整完之后,跟上面一样,检查修复变形字符,做好的效果图如下:

上面的是微软雅黑原来的Light细体文件,下面的是我手动变细修复变形之后,形成的新的纤细体Thin字体文件。


三.查找修复变形字符:

很多字体,尤其是衬线字体,通过上面的方法加粗或者调细,会有大量字体变形,如下图所示:

这是提取自三星手机的方正新楷体,单字重字体,加粗制作粗体字重,电脑批量处理完之后,变形的字体比例非常多,一套字体下来合计有将近1500个字符变形(每个字重都有这么多,增加5个字重,就有将近7000多个变形),我一个一个修复后如下图:

下面以一个变形的字符为例,演示给大家看如何修复:

①.首先你需要打开字体文件,加粗之后,在几万个字符里面一个一个找变形的字符

②.找到变形的字符,这时候双击打开这个字符,如上图所示,能看到很多锚点控制字体的形状,也能很明显的看到左边的日变形了;

③.用鼠标拖动上面的那些锚点,一点一点修复这个字符,这个可没有所谓的一键修复之类的教程,完全需要手动,拖动上面的那些小叉叉的点,然后把字符修复成应该的样子,就相当于你自己画一个新的字符,这个是我手动修复后的效果,保持了加粗的比例,日也正常了:


四.注意事项:

①.字形变换中的加粗Bold和变细Thin参数,这个没有教程,只能自己去对比你想要的字重文件,然后多试几次就能找到合适的参数了;

②.修复变形,一款字体加粗或者变细之后,有多少字符会变形,这个没有办法控制,像微雅黑这种耗资100多万美元做成的字体,质量很好,变形的会很少,部分小公司做的字体或者不常用的便宜的字体,会有很多变形,这种情况下,你可能要花费几个月时间每天修复几个变形的字符。

③.我这里只是演示了中文字符如何加粗变细形成新的字重文件,英文等其他符号的操作流程是一样的。

④.看起来很复杂,其实真正操作起来等你熟练了,就不会有那么复杂。

⑤.这里只演示了增加2个字重,你如果想增加更多,操作方式是一样的,都是对比系统粗细,然后设定一个加粗或者变细的参数来进行调整并保存形成新的文件,要学会举一反三,不要作者告诉你1+1=2,你就不知道1+1+1=?了。


教程到此结束,编教程很累,还没人看,也没人打赏。前面已经写了一系列教程了,后期准备再写以下内容就不准备写教程了:

○如何制作自己的一键打包批处理程序

○关于苹果手机字体属性的修改

○如何针对字符不全的字体补充字库

没有万能的教程和工具,认真把一系列教程看完再多练习一下就会了,更多的是经验和熟练程度,这个没办法传递,只能靠自己多动手。

更多资源请扫描关注心雨公众号:


原创不易,喜欢的话,可以捐赠一点零花钱鼓励作者:

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存