做字库超简单!字体设计神器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.字体多多下载字体多多app修改字体软件手机字体软件多媒体课件制作软件免费又好看的字体软件字体识别app繁体字扫描识别app老人超大字体软件行书字体软件扫一扫识别字体软件字体软件免费字体软件app不用root的字体软件拼音字体软件字体软件app免费字体软件字体设计软件繁体字转换简体字软件字体下载软件花体字输入法app好看的字体软件 字体多多app相关搜索 字https://www.liqucn.com/rj/134074.shtml
2.手抄手写字体在线生成,模拟手写字体,代替手抄在线手写字体生成工具技本文介绍了一款在线手写字体生成工具,该工具能够模拟人工手写效果,将电子文档转换为逼真的手写字体图片。该工具不仅功能强大,而且完全免费,适用于多种场景,如学习、工作、淘宝店手写信封生成等。本文将从高逼真手写功能、多种文字功能参数、多种手写体选择、像素设置以及背景选择等方面对该工具进行详细阐述。 https://blog.csdn.net/xmk120801/article/details/144406990
3.手写中文字体可商用免费下载10款在数字时代,手写字体因其独特的人文气息和个性化特征,越来越受到设计师和内容创作者的青睐。以下是10款可商用的免费手写中文字体,它们不仅美观,而且完全免费,适合用于各种设计项目和内容创作,以增强视觉效果和个性化表达。 1. 清松手写体 清松手写体以其流畅的线条和自然的风格,适合用于品牌标识、邀请函和个人博客等场https://www.vfxcool.com/40049.html
4.好看的字体软件排行榜前十名偏玩手游盒子分享十大好看的字体软件排行榜前十名手机应用,编辑为您推荐手机好看的字体软件排行榜第一名到前5名到前十名的应用。找好看的字体软件有哪些、好看的字体软件哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-1483227
5.优秀设计神器丨花样海报字体免费生成器登录GEETYPE极字和风字库官方网站,选择字体转换器,点击花样海报可有多款各类风格字体可选择,经典的字体、高级的字体、可爱的字体、手写的字体都可在花样海报里找到,还有几十种精选字体特效,一键在线生成。http://www.geetype.cn/baike/5cad8f89bf614310974bc009600e515f.html
6.2022优优年度精选!设计素材字体在线工具神器大合集!2、设计神器Iconscout!超过百万图标素材随心用 「Iconscout」一个三合一的超级干货网站,包含图标、插画、3d、动效、四者合集的高质量素材以及插件工具,可以轻松用于设计界面、h5、网站、banner等等用途哦。 3、设计神器iiisometric!即时生成2.5D图形的免费设计工具! https://uiiiuiii.com/software/587490.html
7.设计必备神器字体试衣间v3.5.4.0汉化版专业设计的小伙伴你是怎样快速阅览字体?是否繁琐步骤 ? 给你带来一款你可能不知道还能这样快速阅览字体的软件,这软件是来自国外的字体试衣间v3.5.4.0 目前已汉化(补丁),安装软件后,用完善的汉化补丁替换,我会打包一起的! 替换汉化说明:将汉化补丁里的res_en_deluxe.dll复制到软件安装目录C:\Program Files (x86)https://www.hybase.com/pc/windows/2992.html
8.7款好用的英文字体,告别商用焦虑!详细安装步骤也可查看Pixso精选文章《字体软件怎么安装?无需等待,即装即用!》。 设计师还可将字体导入团队字体库中,当通过链接邀请团队成员,进行多人云端协作设计时,团队中的成员可以共享使用该字体,再也不用担心新设备没有所需的本地字体包了! 更值得推荐的是,专业的字体管理神器Pixso除了可以上传字体到云端不限https://pixso.cn/designskills/easy-to-use-english-fonts/
9.几十种动态字体生成神器教程张家佳设计在字体传奇网神器推荐发布几十种动态字体生成神器教程-字体传奇网(ZITICQ)https://www.ziticq.com/Article/2802
10.字体下载求字体网提供上传图片找字体、字体实时预览、字体下载、字体版权检测、字体补齐等服务,本网站可识别中文、英文、日韩、书法等多种字体。只要上传图片或输入字体名称,就可以帮您找字体。http://www.qiuziti.com/
11.设计字体文字特效生成器更多免费设计工具 APP图标生成器 输入文字/上传图片一键生成生成想要的图标 印章生成器 输入文字,在线生成不同风格的印章免费下载 Favicon图标生成器 输入文字或上传图片一键生成ico图标 Logo图标素材库 在线搜索免费透明背景png图片素材 字体汉字图标生成 输入字母汉字,一键生成PNG图标免费下载 搜图神器 一键搜索https://www.logosc.cn/zitixiazai/6/
12.Snappa在线快速设计海报广告神器无版权图优秀新媒体导航snappa-quick-easy-graphic-design-software-snappa-快速简便的图形设计软件。只需要几秒钟内添加文本,图形和效果,就可以创建你想要的设计作品,提供 200 多种字体,和 100,000 多种矢量和形https://123.meibp.com/9064.html
13.艺术字体在线生成器艺术字转换器字体转换器免费书法字体设计找字体网最初是为了黑板报字体参考而创造,现在找字体网已经成为了互联网世界最流行的艺术字体在线生成器工具网站,提供了字体识别.pop字体转换器.英文字体.手机字体大小怎么调.毛笔字体.手写字体.正楷字体.楷书字体,找字体网作为互联网第一款字体转换器一直忠诚且稳定免费https://www.qt86.com/
14.字由官网千款免费字体一键使用,设计师必备字体工具字由是免费的字体管理工具,为您提供900+字体免费商用,支持在PS、AI、ID、XD、Figma、Sketch、CDR等设计软件中一键应用字体,提供AI识字、字体特效等实用功能,为您的设计提质加速,超百万设计师正在使用字由https://www.hellofont.cn/
15.懒设计字由公益体下载懒设计字由公益体可免费商用字体下载字体官网:未知官方 更新时间:2021-07-23 网友评分: 360通过腾讯通过金山通过 4.28MB 详情介绍 字体预览请输入1-5个文字;部分字体有 繁 简 英文 之分 A 懒设计字由公益体是由在线设计神器懒设计与让设计更有价值的字由联合推出的一款免费商用公益字体。懒设计字由公益体风格古典优雅,浓浓的中国风,无论是做标题还https://www.jb51.net/fonts/783311.html
16.快设计海报制作神器创意工具在线稿定平面设计优质设计资源·免费使用 Get abundant image, vector, font resource - 3.5亿可商用图片、设计素材 · 超过100种常用字体、艺术字体 - 3.5亿 可商用图片、设计素材 100+ 常用字体、艺术字体 全新亮点功能 · 简单好用 Empowering designers 一键智能抠图 https://sheji.tuchong.com/
17.稿定设计助理PS插件无需从本地拖拽文件,PS插件内一键点击,即可直接应用到当前设计稿 即下即用 商用0风险 上千款优质原创模板,持续更新,设计创意源源不断 分类 全部 主图图标 电商海报 详情页 店铺首页 直播电商 个性化 字体编辑能力 拒绝PS繁琐的字体选择 支持按风格、标签等多种方式检索预览字体,帮助你快速更换字体 https://pszhuli.com/
18.字体家AI神笔AI造字人工智能生成字体2024最新字体AI,字体家AI神笔基于领先的人工智能技术为您提供独一无二的创意字体设计,助力你制作个人专属字体。无需繁琐的设计步骤,仅需设计8个字,只要不到30分钟,AI会为你生成整套字体。https://www.ai.zitijia.com/
19.以方·字体管理器以方·iFonts字体助手客户端引进全网优秀品牌字库资源满足用户的用字需求,以方·iFonts彻底简化字体使用流程,只需3步即可拥有全网字库,超级字体管理工具,值得您试试。https://ifonts.com/
20.字体管理神器让用字更简单的字体管理工具客户端 分享 字体管理神器 | 设计服务 访问网站: https://ifonts.com/ < 上一篇: 拍信创意 下一篇: 字魂 > 更多案例 云软IMCC | 在线客服 云软IMCC 多点| 终端零售 多点 Synthesys | 视频 Synthesys 励销云 | 销售管理 励销云 青牛软件 | SCRM 青牛软件 鲁班https://2b2c.com/case/30299.html
21.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本http://www.818ps.com/
22.做字库超简单!字体设计神器Glyphs系列教程(下)优设网字体设计神器Glyphs系列教程(上) 如果你想做出属于自己的字库? 阅读文章> 前言:上篇文章把Glyphs的软件特性、界面框架、以及部分常用功能总结完啦!那么,这次就把剩下的内容,一次性全部总结完。内容会涉及到一些超好用的辅助功能、绘制字符的流程和相关技巧,还有字距设定的相关方法、以及字体封装出库的一些设置。https://www.uisdc.com/glyphs-2
23.iconfonticonfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具https://www.iconfont.cn/
24.千库编辑免费设计模板素材在线PS图片编辑器各类营销场景所涵盖的素材丰富,满足您的设计需求 新媒体 营销海报 电商设计 H5模板 GIF动图 教育培训 美食餐饮 企业商务 印刷物料 金融保险 海量正版素材库持续上新 模板,字体,元素,插画,摄影图等正版授权可商用 搜索 大雪 冬天 招聘 科技 早安 电商主图 https://editor-movie.588ku.com/
25.创客贴平面设计作图神器免费设计模板海量商用字体,满足多种设计需求 动图 让营销更生动 插画 illustration 图片库 inset PPT Power Point 创意办公一键适配,无需修改下载即用 加入我们,一起创建设计 创客贴感谢每一位伙伴一路以来的支持与陪伴 商品运营 以前每次遇到双十一、六一八这种节日时,物料准备都是个很头疼的问题,但是用创客贴之后,可以提前做内https://www.chuangkit.com/