电脑系统:Windows
所用软件:Adobe Illustrator 、FontCreator
该教程可以知足:
1.适用于各种风格字库的封装
2.将两款字体合并(版权风险自己承担哦,这里只教方法,用于平时学习)
3.补齐该字体文件的缺省字符或者缺省分外符号
那么,我们先来理解一下文章的大大纲次:
首先我们先做一款字体之前,将我理解的一些知识(各个地方搜刮学习),科普给大家,让我们对字体干系的知识库更丰裕,也为后面设计一款字体打下根本~尤其是对付小白和从来没有做过字体库但是有一定字体设计履历的同学来说,务必阅读!
!
!
一、字库的格式TTF (TrueTypeFont)TrueType 是由苹果和微软共同开拓的一种电脑轮廓字体类型标准。是80年代末,为对抗Adobe的Type 1PostScript字体而开拓,紧张强项在于它能给开拓者供应关于字体显示、不同字体大小的像素级显示等的高等掌握。TTC (TrueType Collection)是TrueType字体集成文件,是在一单独文件构造中包含多种字体,以便更有效地共享轮廓数据,当多种字体共享同一笔画时,TTC技能可有效地减小字体文件的大小。TTC是几个TTF合成的字库,安装后字体列表中会看到两个以上的字体。OTF ( OpenType Font ) OpenType,是一种可缩放字型,采取PostScript格式,是微软与Adobe联合开拓,用来替代TrueType字型的新字型。最初揭橥于1996年。二、理解一下字符编码
百度百科里是这样阐明的:字符编码(英语:Character encoding)也称字集码,是把字符集中的字符编码为指定凑集中某一工具(例如:比特模式、自然数序列、8位组或者电脉冲),以便文本在打算机中存储和通过通信网络的通报。常见的例子包括将拉丁字母表编码成摩斯电码和ASCII。个中,ASCII将字母、数字和其它符号编号,并用7比特的二进制来表示这个整数。常日会额外利用一个扩充的比特,以便于以1个字节的办法存储。
看不懂,对不对?
大略来说,“字符编码”字面意思便是“对字符进行编码”,大略来说,你做的每一个字体不能随便给他编个编码,我们要用一套统一的标准来识别这个字符。当然字符编码有很多种格式,例如:UTF-8,GBK,Unicode,ANSI等编码。
https://www.qqxiuzi.cn/bianma/zifuji.php
该网站也对几个常用的字符编码做理解释,想深入理解的小伙伴可以展开细看~
三、英笔墨体的一些干系观点1.英笔墨体中的基线基线是西笔墨体设计与排版的观点,源自西笔墨母的主体底部(字母E的底部)对齐的位置。对付中笔墨体,本身的设计上没有基线等说法,每个字都在一个方形盒子中。但是在打算机上显示时,也在一定程度上沿用了西笔墨体的观点,常日来说,中笔墨体的方形盒子中笔墨体底端在基线和底线之间。
top:字符最高点到baseline的最大间隔ascent:字符最高点到baseline的推举间隔baseline:字符基线descent:字符最低点到baseline的推举间隔bottom:字符最低点到baseline的最大间隔参考下图:
大家再看以下这个图,想要更好的设计一款英笔墨体,就须要理解的详细知识就更多了,想要穷究的小伙伴可以下去再探究一下。
2.字体风格
英笔墨体分为衬线体(Serif)是一种有衬线的字体,又称为有衬线体、衬线字、曲线描边字,俗称白体字;而与之相对的,没有衬线的字体则被称为无衬线体(sans-serif)。衬线是字形笔画的起始段与末端的装饰细节部分。
3.字间距和字偶间距字间距(Spacing)顾名思义是字符间的间隔,在实现上便是字符图形外边界框的尺寸和字符在方框中的位置。
字偶间距(Kerning)也被称为字距调度,是在字间距的根本上,为实现不同字偶(一对字符)可以有不同字间距的调度值。不同的字母有不同的形状,以是字体只有同样的字间距是不折衷的,比如“AH”间是标准的字间距,而“AV” 由于 V 和 A 的形状,其位置可以重叠,以是须要负字偶间距才能达到折衷的外不雅观。字间距和字偶间距都是一个字体的组成部分,并且字偶间距须要为很多字偶准备。
四、中笔墨体的干系观点
这一段部分引用其他文章,原出处:https://client.sspai.com/post/71957#!
1.中笔墨体的衬线与非衬线衬线与非衬线源于英文,中笔墨体错综繁芜,但还是可以找到衬线与非衬线的痕迹。例如下图,我们常日把宋体一类的字体叫做衬线字体,黑体一类的字体称为非衬线体。当然除了这两类字体,中文还有圆体、书法体、手绘体等等。
2.内白(字怀)
与英笔墨体「字怀」一样,字怀是笔墨内中空的空间,也叫内白、字谷。与英笔墨体不同的是,汉字的字数多且笔画差距大,有些笔画少的字天生字怀大,笔画多的字自然字怀较小,而英笔墨母相对均匀一些。
不雅观察「口、回、国」三个字,你会创造最大略的「口」字反而内白最小,这是由于「口」字中央是空的,视觉上会显得很空很大,以是字体设计者通过缩小内白的办法来达到视觉上的平衡。
字怀偏大的字体不雅观感稳定,反之则比较灵动。内白均衡的字体视觉更稳定均衡,适于阅读。而内白比拟强烈的字体(如书法字体)会更有律动。目前市情上的印刷字体大多追求内白上的均衡。
3.重心重心指的是字体的纵向视觉中央,常日会比几何中央偏上一些。让字体「看起来是一套」的主要手腕便是重心肠位同等,不同字体的重心略有不同。
重心决定了字的身材比例,重心越低越端庄,字面越高越高挑轻盈。最近几年新设计的字体都方向于提高字体重心,增加轻盈感。比如 1997 年的微软雅黑、2015 年的苹方、2019 年的 OPPO Sans,重心在不断提高。
4.字面
字面,可以理解为字所占的面积。同样字号的字体,有些显得大有些显得小,这便是字面的不同。字面大的字体会不雅观感比较端庄,字面小的不雅观看会比较清秀。
小细节-喇叭口
喇叭口是笔画末端变宽的部分。喇叭口最初是由于铅字印刷的技能限定,导致笔画开始和结束的地方着色较少,显得圆润不锋利。于是字体设计师在笔画两端轻微加粗,也便是加了喇叭口,印刷出来的效果就能达到视觉上的均衡。
五、字体家族和字体
“字体家族”(typeface / font family)和 “单款字体”(font)的观点,中文中常日习气将两者都称作 “字体”。
简而言之,“字体家族” 是一整套的设计,个中包含多少款 “字体”,即单独的字体文件。字体家族中的各款字体由它们的样式名称区分。范例的样式名称包括:Regular、Italic、Bold、Medium、Light Italic、Display Bold、Caption Italic 等等。换句话说,是这些关键词的某种组合:
字重:Thin、Light、Extralight、Regular、Medium、Semibold、Bold、Extrabold、Heavy、Black 等等。字宽:Compressed、Condensed、Extended、Expanded 等等。倾斜:Italic、Oblique、Upright Italic(直立意大利体)、Backslant(反向倾斜)等等。设计字体的方法有很多,站酷一搜一大堆,这里
1.首先我喜好设计字体之前,打一个格子线,有点像小时候写字的田字格,我这里没有用米字线,大家可以根据自己的需求是否用米字线。
2.我们以思源黑体为底,全体字重心较居中,且这两个字都有言字旁。在找一款你很喜好的其他带有艺术效果的字体,我这里以造字工房景悦体为底。
字工房景悦体:
3.再结合自己的想法,比如我想将这款字体做的更苗条更有气质,那我的重心就要上移,字体的宽度全体要调高。以是我先把我的田字格调度成了这样,再将我的思源黑体的笔墨按照这个比例调度,并且调度笔墨的重心,将其向上做挺立。
4.根据自己喜好的字体风格的样式感想熏染,我这里以造字工房景悦体为例,我喜好它的比划的装饰感,以及它的简洁当代感,故提取比划样式的特点,再加上自己的想法创造一下。首先先把原始字体的细节处调度成更简洁的,笔画粗细调度成同等的。
字工房景悦体的比划特点:
将思源黑体的比划处理:
调度后:
5.到这一步,将字体的锚点进行调度,建议用键盘操作不用手拖拽,方便形成该套字体的规范,比划的开头圆角调度到最大,并且将比划的结束处粗细调度成细一点的(由于这里原始的比划结尾处较粗)同样的比划可以只做一遍,比如比划的拐角处圆角进行统一,看上去字体全体流畅了起来进一步细节调度,还是建议用键盘操作,将比划的细节调度好。
中间的调度过程我就省略了…紧张是对圆角和锚点移动的处理
完成后效果:
做的不太好,细节还须要处理,大家姑息看吧,重点是后面的内容!
!
!
!
!
!
!
现在我们的字体已经做好了,但是他还只是纯挚的两个图形,我们现在要将它做成一款字体,可以安装到我们的系统中,打字的时候可以利用它。
软件:FontCreator
系统:Windows
fontcreator功能先容:
1、利用工具涵盖普通电脑用户、印刷商和绘图设计者;
2、查看和编辑Turetype 和OpenType字体;
3、创建新的符号或字体;
4、修正单个字形的轮廓;
5、添加或编辑合成符号;
6、可调度字符间隔;
7、编辑修正字体名称和转换单个字符或全体字体。
这里我把软件的绿色版本放在文章末了供大家下载利用,可以不须要安装,直接双击打开利用。
1.双击图标打开后,【文件】-【新建工程】,给自己设计的字体起一个好听的名字叭
2.新建后就可以看到画面中有一些预置的字符,如果你不须要这些字符就全选后删除掉
3.删除干净后,点击【菜单栏】的【插入】-【字符】,然后打开我之前分享的查找字符编码的网站,找到这个字符的编码(网站链接:https://www.qqxiuzi.cn/bianma/zifuji.php),例如我的“设”“计”这两个字的字符编码分别是:8BBE,8BA1。
网站截图:
插入字符:
4.再在我们的软件中,选择一款中笔墨体,然后输入我们的字符编码,分别添加,确认后你的面板里就有这两个空缺的字符了。
插入后:
5.双击创建的字符,打开之后你就看到了熟习的格子线,以及前面科普的字符基线观点。
6.右键【导入图像】-【查看】一下格式,里面有我们熟习的一些比如png、eps…这里我们回到我们AI绘制的字体,导出一下eps格式(这里我就不一一展示了…)。在将我们的文件拖拽或者导入到FontForge单独打开的字符文件下:
7.根据自己导进来的字体的大小调度自己的比例,位置等。也可以在【菜单】-【工具】-【字形变换】中,打开几个以下属性,来调度字体的大小和位置,我这里调度比例为【90%】,位移【垂直-320】,水平-【-107】,位移这里须要大家自己多考试测验一下,直到找到比较得当的比例和位置,记住这个属性值延续到下一个字符中。
这里如果大家把握不好位移多少,可以在【菜单】-【文件】-【打开】,选择一款例如黑体或者宋体的字体包,查看一下别人的比例怎么摆放的作为一个参考。
8.以此类推将下一个笔墨导入,再将笔墨的字符宽度进行调度,如图拖拽这个【虚线条】。终极我们的导入事情就完成啦~~~
9.所有的字体倒入结束后,设置一下这款字体的属性,参照下方设置将字体兼容中笔墨符。
把下面的复选框【导出字体时自动更新字符范围】取消勾选!
!
!
10.末了一步,选择【菜单】-【文件】-【导出字体】-【导出全部】,并且保存这个工程文件,为了我们下次给我们的字体包增加新的字符,就像我们的源文件一样。
11.双击字体安装到自己的电脑中,大功告成!
!
!
!
!
!
那么我们打开一个word来测试一下吧~
那么扩展思考,我们还可以利用这个软件和相似的方法做什么?
比如:
1.将两款字体进行合并
2.更换掉一款字体中的某个字符
3.为某一款字体增加短缺的字符
4.修正字体的名称