做字库超简单!字体设计神器Glyphs系列教程(上) 收藏UI交互深圳铁匠设计深圳UI设计公司深圳铁匠设计专注于用户体验与交互设计,深圳市铁匠信息科技有限公司,深圳高端网站设计专家!深圳网站设计,深圳网站建设,深圳UI设计,网站设计公司,深圳市铁匠信息科技有限公司

哈喽!大家好,我是@杨洋XHM,今天来梳理一下,我近期录制的字体设计神器Glyphs系列教程的内容要点。

视频版:①软件介绍

当视频无法加载时请刷新页面,或前往PC获得最佳体验。

一、软件介绍:1.软件Glyphs是干嘛的?

Glyphs是一款Mac平台上的字体设计软件,它能快速绘制高精度的矢量图形,高效复用形状,轻松管理任意数量的字母和符号。

2.自动编码封装字库

使用Glyphs你可以从草图开始绘制完美的矢量形状,并自动为每个字符添加相匹配的编码,只要你设置好基础的字体信息,就能高效地生成TTF、OTF等主流格式的字体文件。

3.我们用Glyphs做了哪些字体产品?

我们用Glyphs设计出了时下流行的优设标题黑、优设好身体、棒棒体、书华体。如果你也想设计出自己的字体,这个软件可以学起来,这算是现在主流的字库设计软件了。

「优设标题黑」官网下载!「优设标题黑」请从优设官网下载,我们会将最新字体版本更新在此,大家记得收藏本页面。

优设字由棒棒体开放下载!优设网出品的第3套免费可商用字体2020年,优设连续发布了两款备受好评的免费可商用字体:优设标题黑和优设好身体。

优设书华体正式上线!优设首款可商用手写书法字体火热下载中这两年免费中文字体越来越多,优设也发布了4款:优设标题黑、优设好身体、优设字由棒棒体和刚刚发布的优设标题圆。

4.GlyphsVSIllustrator在字体设计上有什么优势?

总结来说:用Glyphs做字体设计,能从字体矢量化到产品封装,一个软件全部搞定!而Illustrator还是侧重在更全面的矢量图形绘制上,对于字体设计这个细分领域还是缺乏了一些实用功能。平时简单设计几个字还行,字数过多就不方便管理了。

整体来说Glyphs让我印象深刻的主要还是这4点:

对于曲线的调节,控制精度非常高。没有什么技术门槛,基础功能非常好上手。可以一边做字,一边做各种排版测试。软件的拓展性很好,有非常多实用的插件脚本。5.智能部件提高效率:

6.软件学前小帖士:

①运行环境:因为Glyphs是Mac平台上的设计软件,而且开发者明确表示不会开发win版本,所以如果你想用这个软件,就得有台苹果电脑,或者给自己电脑装个苹果系统,你懂我意思吧,淘宝一下你就知道。

②软件启动:如果你安装的是Glyphs2代,那这个旧版本是没有启动界面的。在打开软件后,只要桌面左上角苹果按钮旁出现Glyphs菜单的按钮,就说明软件已经启动成功了。

接下来只需要按快捷键Command+N新建,就可以快速新建一个带有大小写字母+数字的工作文档了。

视频版:②界面介绍

二、界面介绍:整个软件分为五个模块,分别为菜单栏、工具栏、左侧,右侧边栏以字体预览视图。

1.菜单栏:

这里涵盖了Glyphs所有的功能。一些具体的功能介绍后面都会讲解,那么现阶段主要还是在大家对工具快捷键不熟悉时,都可以在这里查一查。

2.工具栏:

这里囊括了绝大部分常用的绘制、辅助工具。其中多数工具和其它软件的操作逻辑基本一样,后面我也会详细介绍的。

①字体信息:

界面左上角「i」是字体信息模块的快捷按钮,它是软件里的核心模块。像设定字体名称、基本参数、包括字体家族的模板、以及给字体添加各种自定义参数,来达到一些特殊效果,都需要用它来实现。

②视图模式:

3.左侧边栏:

①字符列表:

这里涵盖软件里自带的字符清单,通过它可以快速、批量生成一些字符集。

小贴士:在Glyphs3代里囊括的字符清单更加丰富。你可以通过语言旁边的「+」来增加一些不常用的小语种清单,默认是没显示的。你可以根据自己的需求添加。

②字体参数:

③过滤器面板-智能筛选提升效率:

在Glyphs里有智能过滤器和列表过滤器,这个功能可以帮你精准筛选自己需要的字符。

智能过滤器:它就是根据你设定的一些条件,来自动的帮你筛选一些符合要求的字体。而列表过滤器:它就是根据自己的需求,去添加一些固定顺序的字符清单,从而提升你的效率。

比如:我们经常就会通过一个偏旁部首的清单,来快速把这套字体里的偏旁部首都筛选出来,来帮助我在设计初期进行规范的制定。

4.字体视图:

字体视图显示了这个文档里面,所有加载好的字符,方便你快速地去预览它的完成情况。

在左下角的「+」就是添加字符形,而「-」就是删除字符形。

中间会显示你目前的操作信息、字符数量:

右下角则是调节视图预览大小的按钮。你们可以根据自己的需求去调整。

视频版:③编辑视图

三、编辑视图:1.字体信息面板、部件参数一目了然:

在编辑视图的正下方,显示了这个字符框架的基本信息。比如:它的编码、间距、群组,当你选中字形后,它还会显示坐标方位,锚点信息以及整个字的宽度、高度。

2.右侧边栏:

①备忘录-管理字体规范

在Glyphs里,有一个备忘录,它能用来记录字体规范的参数信息,比如横笔竖笔的粗细,包括常见的字体特征的尺寸,都可以通过它来记录,这方便你在设计其它字的时候能有个参考。

②调试曲线:

它主要就是用来优化曲线杠杆的,帮助你快速的创建一个相对平滑的曲线,后面会有实例来详细的讲解,这里大家简单的了解一下就行了。

③图层面板:

在Glyphs的图层面板里,主要分为主图层,备份图层和特殊图层三种类型。主图层就是默认状态下的图层,你可以在上面绘制任意笔画。

而备份图层,顾名思义就是可以用它来创建备份,当你要设计多个版本时,你可以在备份图层上去进行操作,修改完成以后,可以跟主图层做对比,从而选出自己满意的方案。

④变换模块:

这里主要就是常见的缩放、旋转、倾斜、对齐、布尔运算等功能,和其它软件没有太大区别。

小贴士:当在使用缩放工具时,它都默认状态下是从中心向外放大或缩小。如果你想单独的横向或纵向去调整,你可以把旁边的锁解掉。然后分别调整上下的数值即可。

而旋转、倾斜、对齐、布尔运算这几个工具这里我就不逐个罗列了,都是些基础操作。不会的去看一下视频,基本就没问题了。

视频版:④字符添加

四、字符添加:1.快速新建字符文档:

通过「菜单栏」-「文件」-「新建」按钮,可快速新建西文字符集的文档(快捷键Command+N)

2.预创建字符形:

通过点击启动界面的「菜单栏」-「文件」-「从字符形集合新建」可以预创建字符形:

此时勾选需要的文字种类,可一次性新建包含多个语种甚至是表情符号的字体文档,方便你制作大型项目。

3.单独添加字符形:

通过「菜单栏」-「字符」-「添加字符形」可调出添加字符形面板,输入你要设计的字体,即可添加完成(快捷键Shift+Command+G)

小贴士:输入的字符都要用空格间隔开,一个萝卜一个坑,不然两个字符会出现在一个坑位里。

4.批量添加字符形:

通过界面左侧语言列表-选中所需字符清单-右键即可调出对应清单的字符列表,然后按住快捷键(Command+A)全选,点击生成。即可快速批量添加字符。

Tips:这个操作配合自己建立的字符清单超级好用!长期整理好自己的字符清单,能极大程度的提高效率,具体操作看视频教程。

5.删除字符形:

你如果选中需要删除的字符,在字体视图的左下角,有个「-」减号,单击就删除了,非常简单(快捷键Command+Backspace)删除。

视频版:⑤稿件导入

五、稿件导入:我们如何将在其他软件做好的矢量文件导入到Glyphs里面呢?例如:我们将Ai里的文件拷贝到Glyphs里做调整,或者手写了几个手稿,用Ai的图像描摹矢量化了以后再丢到Glyphs里边去修正。

在不做任何设置的情况下,直接复制粘贴,你会它在距离字符形框很远的地方粘贴了。因为它会自动识别这个粘贴对象在前一个软件里面的xy轴向。

那么解决方法分三步:

1.新建一个1000×1000的的画板,把画板的坐标轴调到原点X=0、Y=0

2.在画板上创建一个1:1的矩形块,复制到Glyphs上去,再跟进实际情况调整画板坐标。像下图就是X轴对齐了,但Y轴向下偏移了300,这个时候只要把画板向上调300即可。

3.调完以后,只需要再把它复制到Glyphs,检查一下位置是否贴合就ok了。接下来就可以将做好的字符等比放大、移动到画板的正中央,再复制到Glyphs里,就可以愉快的在面对它进行调整了。

这样一套流程下来,就不需要你再额外的调整,它也能保持统一咯!

视频版:⑥路径绘制

六、路径选择:这里主要是基础工具的介绍,如果是和其他软件一样的操作我就不讲了,这里主要讲一下每个工具在这个Glyphs里的升级用法。

1.更便捷的框选工具:

在Glyphs里面使用选择工具,框选的同时按住fn,可以把框选的范围变成倾斜的,这样就会比较方便的去选取一些错位的锚点和路径。

2.更灵活的钢笔工具:

①快速断开路径

如果我们要断开路径的话,只需在断开的位置再点击一下就把这个路径直接就断开了。

②快速生成曲线

选中选择工具并按住Option键单击直线路径的中间,它会自动生成两个杠杆,这样可以快速地拖拽出一个完美的曲线。

③快速生成平行杠杆

双击直角锚点,锚点变成了圆形,杠杆就变成平行杠杆了。或选中多个锚点然后按住回车键,这样的话也可以快速的把你所选锚点一次性转化成平行杠杆。

④固定杠杆调整锚点

按住option键挪动锚点时,两端的杠杆是固定不动的。在这个杠杆上来回滑动,可以快速调节曲线的舒适度。这样能帮助我们在做字的时候,快速的做到对称的杠杆。

⑤固定锚点调整杠杆

按住option键去挪动直角锚点的时候,它两端的杠杆是固定的,只挪动了这个锚点的位置。这样的话能极大程度的避免,我们在拖拽锚点的时候,导致其它的曲线发生了非常大的变化。

⑥同时调整多个锚点操作杠杆

在Ai里面我们只能一个个去调整杠杆,而在Glyphs里,我们可以同时选中,然后一起去调整,这样我们在调整曲线的时候,可以快速的把这两边的杠杆调整到一致。

THE END
1.字体设计软件字体设计软件哪个好共有16款软件 ZOL软件下载的字体设计软件合集页面汇集了多个可以进行字体设计的相关软件,同时提供相应的软件下载,让您了解字体设计软件哪个好并快速的找到适合自己的软件。 浏览软件资讯|进入软件论坛 分享到: 对比 TrueType造字程序 绿色版 软件类型:中文字体 https://xiazai.zol.com.cn/heji/16810/
2.字体设计用什么软件:一个canva就够了字体选择是设计中的一项重要步骤,与设计风格的搭配,与文字含义的契合度,都是设计中选择字体所必须参考的因素。字体侵权事件是在设计中频繁出现的,并且数量有不断上升的趋势。https://www.canva.cn/learn/font-design-software/
3.字体软件app排行榜前十名偏玩手游盒子分享十大字体软件app排行榜前十名手机应用,编辑为您推荐手机字体软件app排行榜第一名到前5名到前十名的应用。找字体软件app有哪些、字体软件app哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-1084633
4.做字体设计用什么软件好?这5款足够了字体设计在现代视觉传达中扮演着重要角色,而选择适合的字体设计工具是字体设计师必不可少的一步。那么,做字体设计用什么软件好?在众多的字体设计工具中,即时设计、FontCreator、RoboFont、Fontlab 8 和 Glyphs这 5 个软件备受设计师关注。一起来看看吧! https://js.design/special/article/doing-font-design.html
5.字体设计用什么软件?悟饭游戏厅教你字体设计用什么软件?推荐你2款软件,Adobe illustrator 也就是常说的AI Corel DRAW 也就是常说的CDRhttps://www.5fun.com/find/19063088.html
6.字体设计一般是用什么软件呢?中文字体 http://www.douban.com/group/topic/3119131/ 打造你自己的字体 http://www.yeeyan.com/articles/view/snlchina/3336 真的有需要,问他 http://www.douban.com/people/2597584/ 赞 回应 luckyboy 2009-10-26 19:11:36 另外声明:“字体设计” 不用软件,用大脑。“字库制作” 才需要软件。 赞 https://www.douban.com/group/topic/8437923
7.学字体设计需要用到什么软件?一般用哪个软件比较好?用得比较多的软件就是AI或者Coreldraw(简称CDR),这两个都是矢量软件,在软件中先输入好文字,然后转成曲线,再使用钢笔等工具进行设计字体的形状或颜色等等,想自学的话可以找个自学网看看教程。只是广告上用的几个字可以用矢量做图软件比如https://wap.hxsd.com/wenda/52135/
8.字体编辑设计用什么软件好?字体编辑设计工具推荐!字体编辑设计用什么软件好?字体编辑设计工具推荐FontLab 8 mac激活版,可帮助您从头到尾创建字体,从简单的设计到真正的“超大胆”复杂项目,并为类型设计带来神奇的火花。 无论您是专家还是初学者,您都可以创建,打开,修改,绘制,空格,kern,提示和导出桌面,Web,颜色和可变字体。使用FontLab突破性的绘图工具和响https://weibo.com/ttarticle/p/show?id=2309404874133396914228
9.广告设计一般都用什么字体广告设计常用字体主要分为三种精致黑体字型、优美宋体字型、现代美术字型,其中有汉仪旗黑、方正书宋简体、文悦新青年体等。以下是关于广告设计一般都用什么字体的具体介绍。 广告设计常用字体 一、精致黑体字型 1.汉仪旗黑。汉仪旗黑是由三个系列字体(长、方、扁)组成的一个庞大而完整的家族字体,可以满足企业多渠https://www.766it.com/news/76483.html
10.字体设计软件字体设计软件大全下载字体设计软件有哪些华军纯净下载提供国内外最新的字体工具下载,其中包含字体下载,字体设计,字体管家,字体下载大全等字体工具。想了解字体工具有哪些等更多内容,尽在华军字体工具下载!https://soft.onlinedown.net/sort/26-hot/3/
11.动态字体设计:软件基础动态字体设计:软件基础 学习动态字体的设计。首先要了解动态字体属于什么范畴。动画有很多种类,例如,UI动画、影视合成和M G 动画,动态字体更多地类似于MG动画。 什么是MG动画?MG动画即图形动画(Motion G ra p h i c s,MG)。其实字体本身就是一个比较抽象的图形,每一个笔画都可以视作一个图形,动态字体就属于https://www.uishe.cn/113491.html
12.CAD设计制图底层规则之:字体及文字系统。推荐几组史上最好用的使用Autodesk的cad软件设计制图的时候,大家开个图常常碰到的最初2个对话框是这样的: 烦不烦!?这里其实还好,更烦的还在后头,打开图后文字飘了,有些字不见了,这更烦! 如何解决这个问题?呆会说,先说说如何选择一款合适的、好看的、功能强大的……字体。 https://cloud.tencent.com/developer/news/642920
13.免费font简单的字体制作软件在IT领域,字体设计是创意表达的重要组成部分,无论是网页设计、图形设计还是印刷品,合适的字体都能提升作品的视觉效果。"font 简单的字体 制作软件" 提到的是一个工具,用于帮助用户轻松创建自定义字体。下面我们将深入探讨字体制作的基本概念、流程,以及如何利用软件来实现这一目标。 我们要了解什么是字体。字体是文字的https://download.csdn.net/download/cc535355073/89010488
14.9款字体管理软件推荐:字体整理字型预览分类等都可以你常常使用字体吗?你使否觉得现在的字体管理方法杂乱无章? 无论你是设计师、网页进程员还是品牌营销团队,如果你没有合适的软件或工具管理字体,一次要整理上百甚至上千的字体会非常头痛。 在本篇文章中,我们将介绍最好用的字体管理软件,包括价格、功能和评比,帮助你轻松选择一款适合你日常管理字体的需求的工具! https://eagle.cool/blog/post/font-management-software
15.字体设计app软件大全字体设计app推荐下载PP助手为您提供字体设计app有哪些大全推荐,在这里我们为您提供字体设计app有哪些软件下载资源,字体设计app有哪些安卓版本、官方版本&老版本下载地址合集,还可查阅相关字体设计app有哪些攻略大全,欢迎到PP助手下载。https://wap.pp.cn/topic/493952/
16.设计字体需要哪些软件?5个强大的字体设计工具推荐其他工具字体设计作为设计中的一个重要模块,如果字体软件选择正确,将给字体设计工作带来极大的便利,易于使用的字体设计软件,可以创造出优秀的排版设计。在日常工作中,设计师可能会在字体网站上下载字体,然后安装字体包,这不仅浪费时间,而且影响设计进度。本文将推荐5个易于使用的字体设计软件,一起来看看吧! https://www.jb51.net/softjc/904940.html
17.FontForge:免费字库设计软件附使用教程51CTO博客设计字体文件涉及到使用哪种字符编码来做,为什么有ANSI编码,扩展ANSI编码,GB2312编码,GBK和GB18030编码这么多各种各样的形式呢,因为每个对应的编码方式对应的对象不同,我大天朝常用字就分好多个不同的大陆:常用字2,500字;台湾:常用字4,808字;香港:常用字4,759字;加上什么繁体字,蒙文,其他国家的文字这些种种,https://blog.51cto.com/u_15709472/5450355