如何用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.文字设计logo软件排行榜前十名偏玩手游盒子分享十大文字设计logo软件排行榜前十名手机应用,编辑为您推荐手机文字设计logo软件排行榜第一名到前5名到前十名的应用。找文字设计logo软件有哪些、文字设计logo软件哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-1483185
2.3Shape模型编辑添加文字3Shape设计软件教程在现代数字化牙科领域,3Shape Dental System凭借其强大的功能和灵活的操作成为众多牙医和技工师的首选软件。3Shape软件提供了丰富多样的工具,让用户可以轻松进行牙齿修复设计和模型编辑。本篇文章将深入探讨3Shape模型编辑中添加文字的方法,以及3Shape设计软件的全面教程,让我们一同踏上数字化牙科设计的卓越之旅。 https://yichi.mairuan.com/faq/3shape-sjdjsp.html
3.万字常用设计软件大盘点如何选择自己最适合的软件建议收藏PS(Photoshop)是一款全球顶尖的图像处理软件,由Adobe公司推出,可适用MAC和Windows系统。它功能强大,操作界面友好,几乎是每个创意项目的首选核心应用软件。它的应用领域也十分广泛,在图像、图形、文字、视频、出版甚至3D等方面都有所涉及,在每个设计行业都是不可或缺的存在。 https://blog.51cto.com/yyyy/4832589
4.Logo设计软件解锁全部资源¥90.00 解锁全部资源¥35.00 解锁全部logo¥58.00 Website des Entwicklers App-Support Datenschutzrichtlinie 水印大师 : 照片视频水印管家 闪剪数字人 - AI 数字人·直播切片·一键包装 懒设计作图软件-用模板轻松做海报、logo、简历、请柬邀请函https://apps.apple.com/cn/app/logo-erstellen/id1317684294?l=de
5.u钙网免费设计文字头像下载安装应用标签: 设计 资源 安卓版下载 扫描二维码下载 应用介绍 u钙网免费设计文字头像这是一款非常好用的设计软件,各种风格的素材内容以及模板都是免费分享给大家的,各位用户可以在这款软件当中自由的尝试,找到最适合自己使用的素材资源,那你可以在平台的帮助下设计出独一无二的头像。 《u钙网免费设计文字头像》软件https://www.juxia.com/sjwy/ruanjian-513666.html
6.ai软件设计国风文字logo素材网站图片免费下载AI设计软件《如兔》内测文字生成图画。 3 摄影师城凍 小白也能学设计 小白也能学设计 国风创意文字logo设计 6 古道手写logo设计 年终狂欢亚马逊云服务器免费用 1 年!还有 100 多款云产品免费试用,注册立抢!广告 【茗茶坊】AI软件LOGO字体设计教程 https://www.zcool.com.cn/tag/ZODA5NTE3Ng==.html
7.AdobePhotoshopCC2018V19.0.0.24821官方版视觉创意与设计是设计艺术的一个分支,此类设计通常没有非常明显的商业目的,但由于他为广大设计爱好者提供了广阔的设计空间,因此越来越多的设计爱好者开始学习Photoshop,并进行具有个人特色与风格的视觉创意。 8.界面设计 界面设计是一个新兴的领域,受到越来越多的软件企业及开发者的重视。在当前还没有用于做界面设计的https://wap.wmzhe.com/soft-13110.html
8.稿定设计无痕消除图片上文字的技巧图形图像软件教程好好的图片有了文字怪可惜的,都不能直接用了。可以使用稿定设计的去文字功能去除文字。那么稿定设计怎么消除图片上的文字呢?感兴趣的朋友可以和小编一起来看看哦。 稿定设计(自媒体/电商设计软件)for mac v1.3.11 苹果电脑版 类型:图像处理 大小:93.5MB https://www.jb51.net/softjc/907928.html
9.认定这款ai文字生成图片软件,高效设计更轻松!随着人工智能技术的不断进步,AI文字生成图片软件已成为当今设计与创意领域的新宠。这类软件能够根据用户提供的文字描述,智能生成符合要求的图片,极大地拓展了设计的可能性,并简化了图像创作的流程。万彩商图在众多同类软件中凭借其卓越的功能和便捷的操作,成为了一款值得推荐的AI文字生成图片软件。 https://www.yunzhan365.com/blog/10172.html
10.字由客户端(hellofont字体管理工具)最新版v3.01免费下载软件功能 1、字由(HelloFont)上千款字体 精心整理了来自设计师上传的上千款优秀字体,找到称心如意的字体不是难事。 2、字由(HelloFont)古文展示汉字魅力 “劝君更尽一杯酒,西出阳关无故人。” 七言遇到字由,一切都显得这么美好。 3、文字预览 自定义预览文字,调节字体大小,一键切换正反色对比模式,你所想https://soft.3dmgame.com/down/216331.html
11.Figma设计指南!15000字带你了解这款设计神器优设网Figma 自 2016 年以多人实时在线协作的界面设计软件出现,很多人在使用过后认为 Figma 是来自未来的界面设计软件。由于 2020 年疫情原因,越来越多人在家隔离办公。Figma也适逢机会一举超越了 Sketch 的地位,在 UI 设计、原型设计、头脑风暴、用户流程、设计系统、设计交付、版本管理等名列前茅,成为当下最流行的多平台https://www.uisdc.com/figma-started-guide
12.艺术字和图标设计软件ArtText中文激活版,给文字以生命关于开发者:20年来,BeLight Software一直致力于为Mac打造设计软件,作品包括《Live Home 3D》《Swift Publisher 5》《Amadine》等。公司副总裁 Andrew Cherfas表示,《Art Text 4》的部分灵感来自 Mac OS X早期版本的Aqua UI。他说:“制作类似效果并不容易,所以我们决定让它变得更简单。在那之后,我们又添加了很多https://www.douban.com/group/topic/310424910/
13.可以做艺术字的软件大全APP推荐可以做艺术字的软件大全下载豌豆荚可以做艺术字的软件榜单为您提供最新可以做艺术字的软件大全,这里不仅有可以做艺术字的软件安卓版本APP、历史版本应用下载资源,还有类似可以做艺术字的软件的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/399275/
14.ps软件免费下载安装?七、免费的平面安装设计软件怎么下载? 可以在Apple store里面下载,或者在软件论坛公告分享中心内下载。 八、视频提取文字免费软件? 视频提取文字的软件有剪映,快剪辑。 九、免费提取wps页面的软件? 1、提取文档页面 使用手机端WPS Office打开文字文档。 找到工具栏--->文件--->提取页面,即可跳转提取自己需求的某个https://tool.a5.cn/article/show/66145.html
15.ArtText4.3.0Mac艺术字logo设计工具图标设计图形设计Mac图形和设计 Art Text 4.3.0是一款Mac上的图标和文字设计制作软件,这款软件内置了大量的背景纹理和特效,能够让我们非常快速的制作出漂亮的图标,相比专业的PS,Art Text可以说是「傻瓜式」操作,无需学习即可上手,只需要简单的几步就可以制作出专业的PS需要复杂的操作才能生成的效果!支持多图层,制造https://www.macapp.so/art-text/
16.字体设计用什么软件:一个canva就够了字体选择是设计中的一项重要步骤,与设计风格的搭配,与文字含义的契合度,都是设计中选择字体所必须参考的因素。字体侵权事件是在设计中频繁出现的,并且数量有不断上升的趋势。https://www.canva.cn/learn/font-design-software/
17.u钙网免费设计文字头像下载安装u钙网免费设计文字头像 简介 u钙网免费设计文字头像这个软件可以在上面制作头像,只要自己想要设计的时候就可以打开这个平台,使用里面的工具来把头像制作出来,而且每次制作头像的时候都可以发挥想象力,就可以创作出独特的头像,软件里面还提供了很多素材,自己都可以把这些素材使用起来。 《u钙网免费设计文字头像》软件优势https://gps.it168.com/detail/352469.html
18.作图软件有哪些什么作图软件好用 1、《Canva 可画》 这款作图软件可以帮助小白级用户快速创作出高质量的作品。软件内置了大量的模板,用户只需在上面添加所需图片及文字,即可生成一张精美的平面作品。 2、《稿定设计》 这款作图软件对图片设计和小视频制作均提供非常好的支持。App提供一键生成精美海报的功能,并可以分享到微信等社交https://www.yjbys.com/edu/pingmiansheji/413132.html