如何用FontCreator设计一套字体?(字体制作流程和软件)设计达人

所用软件:AdobeIllustrator、FontCreator

该教程可以满足:

1.适用于各种风格字库的封装

3.补齐该字体文件的缺省字符或者缺省特殊符号

百度百科里是这样解释的:字符编码(英语:Characterencoding)也称字集码,是把字符集中的字符编码为指定集合中某一对象(例如:比特模式、自然数序列、8位组或者电脉冲),以便文本在计算机中存储和通过通信网络的传递。常见的例子包括将拉丁字母表编码成摩斯电码和ASCII。其中,ASCII将字母、数字和其它符号编号,并用7比特的二进制来表示这个整数。通常会额外使用一个扩充的比特,以便于以1个字节的方式存储。

看不懂,对不对?

简单来说,“字符编码”字面意思就是“对字符进行编码”,简单来说,你做的每一个字体不能随便给他编个编码,我们要用一套统一的标准来识别这个字符。当然字符编码有很多种格式,例如:UTF-8,GBK,Unicode,ANSI等编码。

小编也给大家放一个网站,方便大家在制作字体库的时候查询到相应字符的字符编码:

该网站也对几个常用的字符编码做了解释,想深入了解的小伙伴可以展开细看~

基线是西文字体设计与排版的概念,源自西文字母的主体底部(字母E的底部)对齐的位置。对于中文字体,本身的设计上没有基线等说法,每个字都在一个方形盒子中。但是在计算机上显示时,也在一定程度上沿用了西文字体的概念,通常来说,中文字体的方形盒子中文字体底端在基线和底线之间。

参考下图:

大家再看以下这个图,想要更好的设计一款英文字体,就需要了解的详细知识就更多了,想要深究的小伙伴可以下去再探究一下。

英文字体分为衬线体(Serif)是一种有衬线的字体,又称为有衬线体、衬线字、曲线描边字,俗称白体字;而与之相对的,没有衬线的字体则被称为无衬线体(sans-serif)。衬线是字形笔画的起始段与末端的装饰细节部分。

字间距(Spacing)顾名思义是字符间的距离,在实现上就是字符图形外边界框的尺寸和字符在方框中的位置。

字偶间距(Kerning)也被称为字距调整,是在字间距的基础上,为实现不同字偶(一对字符)可以有不同字间距的调整值。不同的字母有不同的外形,所以字体只有同样的字间距是不协调的,比如“AH”间是标准的字间距,而“AV”由于V和A的形状,其位置可以重叠,所以需要负字偶间距才能达到协调的外观。字间距和字偶间距都是一个字体的组成部分,并且字偶间距需要为很多字偶准备。

衬线与非衬线源于英文,中文字体错综复杂,但还是可以找到衬线与非衬线的痕迹。例如下图,我们通常把宋体一类的字体叫做衬线字体,黑体一类的字体称为非衬线体。当然除了这两类字体,中文还有圆体、书法体、手绘体等等。

与英文字体「字怀」一样,字怀是文字内中空的空间,也叫内白、字谷。与英文字体不同的是,汉字的字数多且笔画差距大,有些笔画少的字天生字怀大,笔画多的字自然字怀较小,而英文字母相对平均一些。

观察「口、回、国」三个字,你会发现最简单的「口」字反而内白最小,这是因为「口」字中心是空的,视觉上会显得很空很大,所以字体设计者通过缩小内白的方式来达到视觉上的平衡。

字怀偏大的字体观感稳定,反之则比较灵动。内白均衡的字体视觉更稳定均衡,适于阅读。而内白对比强烈的字体(如书法字体)会更有律动。目前市面上的印刷字体大多追求内白上的均衡。

重心指的是字体的纵向视觉中心,通常会比几何中心偏上一些。让字体「看起来是一套」的重要手法就是重心位置一致,不同字体的重心略有不同。

重心决定了字的身材比例,重心越低越稳重,字面越高越高挑轻盈。最近几年新设计的字体都倾向于提高字体重心,增加轻盈感。比如1997年的微软雅黑、2015年的苹方、2019年的OPPOSans,重心在不断提高。

字面,可以理解为字所占的面积。同样字号的字体,有些显得大有些显得小,这就是字面的不同。字面大的字体会观感比较稳重,字面小的观看会比较清秀。

小细节-喇叭口

喇叭口是笔画末端变宽的部分。喇叭口最初是由于铅字印刷的技术限制,导致笔画开始和结束的地方着色较少,显得圆润不锋利。于是字体设计师在笔画两端稍微加粗,也就是加了喇叭口,印刷出来的效果就能达到视觉上的均衡。

“字体家族”(typeface/fontfamily)和“单款字体”(font)的概念,中文中通常习惯将两者都称作“字体”。

简而言之,“字体家族”是一整套的设计,其中包含若干款“字体”,即单独的字体文件。字体家族中的各款字体由它们的样式名称区分。典型的样式名称包括:Regular、Italic、Bold、Medium、LightItalic、DisplayBold、CaptionItalic等等。换句话说,是这些关键词的某种组合:

1.首先我喜欢设计字体之前,打一个格子线,有点像小时候写字的田字格,我这里没有用米字线,大家可以根据自己的需求是否用米字线。

2.我们以思源黑体为底,整个字重心较居中,且这两个字都有言字旁。在找一款你很喜欢的其他带有艺术效果的字体,我这里以造字工房景悦体为底。

字工房景悦体:

3.再结合自己的想法,比如我想将这款字体做的更苗条更有气质,那我的重心就要上移,字体的宽度整个要调高。所以我先把我的田字格调整成了这样,再将我的思源黑体的文字按照这个比例调整,并且调整文字的重心,将其向上做挺拔。

4.根据自己喜欢的字体风格的样式感受,我这里以造字工房景悦体为例,我喜欢它的比划的装饰感,以及它的简洁现代感,故提取比划样式的特点,再加上自己的想法创造一下。首先先把原始字体的细节处调整成更简洁的,笔画粗细调整成一致的。

字工房景悦体的比划特点:

将思源黑体的比划处理:

调整后:

5.到这一步,将字体的锚点进行调整,建议用键盘操作不用手拖拽,方便形成该套字体的规范,比划的开头圆角调整到最大,并且将比划的结束处粗细调整成细一点的(因为这里原始的比划结尾处较粗)同样的比划可以只做一遍,比如比划的拐角处圆角进行统一,看上去字体整个流畅了起来进一步细节调整,还是建议用键盘操作,将比划的细节调整好。

完成后效果:

做的不太好,细节还需要处理,大家将就看吧,重点是后面的内容!!!!!!!

现在我们的字体已经做好了,但是他还只是单纯的两个图形,我们现在要将它做成一款字体,可以安装到我们的系统中,打字的时候可以使用它。

软件:FontCreator

系统:Windows

fontcreator功能介绍:

1、使用对象涵盖普通电脑用户、印刷商和绘图设计者;

2、查看和编辑Turetype和OpenType字体;

3、创建新的符号或字体;

4、修改单个字形的轮廓;

5、添加或编辑合成符号;

6、可调整字符距离;

7、编辑修改字体名称和转换单个字符或整个字体。

1.双击图标打开后,【文件】-【新建工程】,给自己设计的字体起一个好听的名字叭

2.新建后就可以看到画面中有一些预置的字符,如果你不需要这些字符就全选后删除掉

网站截图:

插入字符:

4.再在我们的软件中,选择一款中文字体,然后输入我们的字符编码,分别添加,确认后你的面板里就有这两个空白的字符了。

插入后:

5.双击创建的字符,打开之后你就看到了熟悉的格子线,以及前面科普的字符基线概念。

6.右键【导入图像】-【查看】一下格式,里面有我们熟悉的一些比如png、eps…这里我们回到我们AI绘制的字体,导出一下eps格式(这里我就不一一展示了…)。在将我们的文件拖拽或者导入到FontForge单独打开的字符文件下:

7.根据自己导进来的字体的大小调整自己的比例,位置等。也可以在【菜单】-【工具】-【字形变换】中,打开几个以下属性,来调整字体的大小和位置,我这里调整比例为【90%】,位移【垂直-320】,水平-【-107】,位移这里需要大家自己多尝试一下,直到找到比较合适的比例和位置,记住这个属性值延续到下一个字符中。

*这里如果大家把握不好位移多少,可以在【菜单】-【文件】-【打开】,选择一款例如黑体或者宋体的字体包,查看一下别人的比例怎么摆放的作为一个参考。

8.以此类推将下一个文字导入,再将文字的字符宽度进行调整,如图拖拽这个【虚线条】。最终我们的导入工作就完成啦~~~

9.所有的字体倒入结束后,设置一下这款字体的属性,参照下方设置将字体兼容中文字符。

把下面的复选框【导出字体时自动更新字符范围】取消勾选!!!

10.最后一步,选择【菜单】-【文件】-【导出字体】-【导出全部】,并且保存这个工程文件,为了我们下次给我们的字体包增加新的字符,就像我们的源文件一样。

11.双击字体安装到自己的电脑中,大功告成!!!!!!那么我们打开一个word来测试一下吧~

那么扩展思考,我们还可以利用这个软件和相似的方法做什么?

比如:

1.将两款字体进行合并

2.替换掉一款字体中的某个字符

3.为某一款字体增加缺少的字符

4.修改字体的名称

做到这里很多小伙伴已经对软件和方法有了一个大概的认知。当然这个方法是一个很基础的方法,本人也是在摸索中前行,实在是网上关于这方面的资料太过于零散,很痛苦,需要自己不断的摸索。希望自己的一点点经验能够帮助到大家,才疏学浅,肯定有说的不到位的地方,希望小伙伴们有其他的补充欢迎在留言区互动吧~~~

THE END
1.免费的在线拼图软件平面设计软件图片编辑器FotoJet是免费的在线图片编辑器,拼图软件和平面设计软件。你可以用它轻松地编辑照片,创作拼图和设计图片,现在就去试试吧!http://www.fotojet.com/cn/
2.图片编辑文字用什么app和电脑软件?3款软件简化你的设计流程3款软件简化你的设计流程 在这个社交媒体时代,我们经常使用图片来表达自己的想法和情感。但是,有时候仅仅一张图片还不够,我们可能想要给图片添加一些文字来增强表达效果。好消息是,我发现了几款非常好用的软件,它们可以让我们的图片变得更加生动有趣! 接下来,我要给你分享几款能够给图片编辑文字的软件,让你的图片https://blog.csdn.net/huduni00/article/details/134870789
3.字体设计用什么软件:一个canva就够了字体选择是设计中的一项重要步骤,与设计风格的搭配,与文字含义的契合度,都是设计中选择字体所必须参考的因素。字体侵权事件是在设计中频繁出现的,并且数量有不断上升的趋势。https://www.canva.cn/learn/font-design-software/
4.文字生产品图片软件哪个好零代码企业数字化知识站综上所述,Canva、Adobe Spark、Crello、Snappa、Piktochart都是非常优秀的文字生产品图片软件,各有其独特的优势和特点。根据个人需求和偏好,选择适合自己的软件,将大大提升设计效率和效果。 相关问答FAQs: 1. 什么是文字生产品图片软件? 文字生产品图片软件是一种用于将文字和图片相结合,创作出具有视觉冲击力和创意的https://www.jiandaoyun.com/blog/article/406728/
5.Figma是什么软件,使用Figma都能做什么?Figma 有很多非常好用的设计技巧,简单的举例几个例子。 基础功能 画板 建立画板的快捷键 F,在选中一组元素后,右键选项中有 Frame Selection 建立画板和 Group Selection 建立组,从这里能看出画板和组概念类似,在实际使用时,画板和组可以进行切换。 文字工具 https://js.design/special/figma/figma-function.html
6.作图软件有哪些什么作图软件好用 1、《Canva 可画》 这款作图软件可以帮助小白级用户快速创作出高质量的作品。软件内置了大量的模板,用户只需在上面添加所需图片及文字,即可生成一张精美的平面作品。 2、《稿定设计》 这款作图软件对图片设计和小视频制作均提供非常好的支持。App提供一键生成精美海报的功能,并可以分享到微信等社交https://www.yjbys.com/edu/pingmiansheji/413132.html
7.什么软件做平面设计?5款简单好用的设计软件推荐!Photoshop是一款我们非常熟悉的平面设计软件,它有着非常强大的图片处理功能,除此之外,它还有图片编辑功能,同时Photoshop在图像、图形、文字、视频及出版等方面都有涉及,不仅如此,平面设计软件Photoshop还有非常强大的图层功能,如果你能将图层功能运用得非常好,你将能创造出更多优质的平面设计作品。 https://pixso.cn/designskills/graphic-design-softwares/
8.计算机基础电子教案特点 容易理解和编写但是执行速度比较慢,常用来编写应用软件。 常用高级语言有:Basic、C语言、Fortran和可视化编程语言VisualBasic(VB)、VisualC(VC)等 4. 程序设计 用各种编程语言设计制作程序的过程。 三、数据库管理系统和工具软件 1. 常用数据库管理系统(FoxBASE、 Foxpro、 Access和 Oracle等) https://www.fwsir.com/jiaoan/html/jiaoan_20080821212119_172611.html
9.门头发光字效果图用什么软件做?要给人真实3d感觉3. Cinema 4D:一款专注于三维设计和动画的软件,被广泛应用于广告、影视特效等领域。4. Adobe https://ask.zol.com.cn/x/24954177.html
10.万字常用设计软件大盘点如何选择自己最适合的软件建议收藏PS(Photoshop)是一款全球顶尖的图像处理软件,由Adobe公司推出,可适用MAC和Windows系统。它功能强大,操作界面友好,几乎是每个创意项目的首选核心应用软件。它的应用领域也十分广泛,在图像、图形、文字、视频、出版甚至3D等方面都有所涉及,在每个设计行业都是不可或缺的存在。 https://blog.51cto.com/yyyy/4832589
11.CAD字体样式字体文字样式大字体之间有什么关系?CAD软件的字体和文字样式有什么区别和联系呢?此外,文字样式还有字体样式、字体、大字体,它们之间有什么关系呢? 打开对话框“文字样式”,会发现样式、文字样式、当前文字样式、字体名、字体、字体样式、大字体等很相似,要弄明白不容易。 “文字样式”其实可以理解为一整套的字体设置,即字体+格式。输入ST回车,来看看“https://www.zwcad.com/service_69_8007.html
12.word文字处理软件属于什么Word文字处理软件属于什么? 作为微软公司的明星产品,Word文字处理软件是一款成熟、稳定、功能强大的办公软件。它为用户提供了文本编辑、排版、图表、邮件合并、模板设计等多种功能。作为办公自动化工具的代表,Word文字处理软件被广泛应用于各行各业,成为人们日常工作中必不可少的助手。 https://m.36dianping.com/news/14562.html
13.可以往照片上p文字的软件有哪些?首先你得有个稿定设计APP,没有的兄弟自觉点! 稿定设计-海量版权模板素材,简易的在线设计神器 打开软件可以看到里面有很多功能,先别猴急,咱今儿个就介绍文字工具,其他功能改天再说,感兴趣的老铁可以先follow一下稿叔 @稿定设计,嘿嘿 接下来就进入正题了。看到主页上那个“文字”没有,点一下然后导入自己要p的照片。https://www.jianshu.com/p/92bf22cbca7b
14.手机图片转文字软件哪个好?免费图片转文字app有什么app可以把图片转成文字?手机有什么软件扫描图片变文字?这里小编就给提取了好用的图片转文字app下载大全,更有图片转文字手机软件推荐供大家参考选择,很多都是不收费的。很多朋友在找把图片文字转换成文本的app,所以,赶快来绿色资源网看一看吧!http://www.downcc.com/k/tupiantowenziapp/
15.字体设计软件字体设计软件大全下载字体设计软件有哪些大小:2.51MB更新时间:2024-10-14软件授权:国产软件 楷体gb2312字体正式版是款有着古典文字韵味的字体软件。楷体gb2312字体最新版书写自然流畅,笔画简单干净,无多余装饰,视觉效果好,辨识度很高。并且楷体gb2312字体还可广泛应用于艺术设计、平面广告宣传、书籍画册、书法字帖等领域。楷体gb2312字体2024免费下载。 楷体gbhttps://soft.onlinedown.net/sort/26-hot/3/
16.苹果手机字体软件app推荐:这几款让你的文字更酷炫Font 是一款字体管理软件。用户可以在软件中自由转换自己系统中的文字。软件中的字体非常多,足够各类用户使用。里面的字体也是分类的,用户一目了然! 3. 炫酷字体 Cool 是一款高品质酷炫字体软件,专为需要酷炫好看字体的用户打造。软件内含多种字体分类,用户进入软件时不会迷失方向。此外,还有各种明星字体等着你! https://m.bjhwtx.com/h-nd-251395.html
17.P站的AI绘画用的是什么软件是一款输入文字就可以生成高质量图像的AI绘画软件,速度最快可以达到1分钟出4张图。和SD一样搭载在https://www.hxsd.com/wenda/67813/