做字库超简单!字体设计神器Glyphs系列教程(上)优设网

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

2.自动编码封装字库

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

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

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

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.菜谱菜单设计菜谱菜单模板菜谱菜单图片推荐 PPT模版 广告设计 元素 背景素材 插画 视频 电商设计 摄影图 艺术字 文档 小报 新媒体 菜谱菜单模板 加载中 https://m.51miz.com/so-sucai/3057076.html
2.宴会点菜单图片模板设计大全熊猫办公精心为用户挑选80张高清精美点菜单图片、支持专业级点菜单设计素材下载,更多风格的点菜单,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。相关搜索:点菜单图片素材|点菜图片素材|烧烤菜单图片模板高清2023最新|中式菜单图片素材|菜单图图片素材|红色菜单图片素材 https://www.tukuppt.com/speciall/diancaidan0731.html
3.家常菜单图片家常菜单图片素材免费下载个人VIP和企业VIP免费下载 下载PNG 下载PSD 企业VIP免费下载 下载PNG 下载EPS 企业VIP免费下载 下载PNG 下载PSD 个人VIP和企业VIP免费下载 下载PNG 下载PSD千库网为设计者提供家常菜单素材大全,为您省却家常菜单图片素材搜索时间,这里有海量家常菜单素材图片供您下载使用,本次搜索千库网为您找到4364张素材 https://588ku.com/image/jiachangcaidan.html
4.价目表早餐图片价目表早餐设计素材简约中国风饭店菜单宣传单立即下载 暖色传统早餐包子美食菜单页立即下载 中国风卡通简约馄饨价目表展板立即下载 卡通简约小龙虾菜单海报立即下载 简约绿色云吞面价目表设计宣传立即下载 复古风肠粉价目表海报立即下载 食菜单宣传单立即下载 港风复古早茶菜单折页立即下载 简约盛大开业怀旧早餐宣传单立即下载 红色国风边框茶点包https://so.redocn.com/zaocan/bcdbc4bfb1edd4e7b2cd.htm
5.欢庆H5网海报2. 会员可以免费复制发布后的作品,复制后的作品也可以编辑后重新发布。 3. 全站海报免费向会员开放,支持高清无水印制作及下载。 会员Q&A 会员有效期如何计算? 自开通成功之日算起,季度会员向后顺延3个月、年度会员向后顺延12个月,终身会员永久使用。 开通会员后,可以立即免费使用会员模版吗? 开通会员后,对应会员https://www.huanqing365.com/shouce
6.FOXmail编辑 FOX mail(3)邮箱域名自动加 最近,笔者的很多好友将自己的邮箱更换为 Sina的VIP邮箱,每次给他们发信,都得手动更改为“@vip.sina. com”后缀域名,有时忘记更改,造成信件没有正常发送。其实,Foxmail支持自动使用默认域名,解决了这个棘手问题。 启动Foxmail,在左侧账号列表中右击待设置的账号,选择弹出菜单的“属性https://baike.sogou.com/v4772407.htm
7.PPT演讲实用技巧新建一个演示文稿,单击“插入”菜单中的“对象”命令,选择“Microsoft powerpoint演示文稿”,在插入的演示文稿对象中插入一幅图片,将图片的大小改为演示文稿的大小,退出该对象的编辑状态,将它缩小到合适的大小,按F5键演示一下看看,是不是符合您的要求了?接下来,只须复制这个插入的演示文稿对象,更改其中的图片,并排列https://www.yjbys.com/edu/yanjiang/44914.html
8.ShopifySimple模板详细设置教程大型菜单 超过5 个产品 模版编辑器 使用模版编辑器以自定义模版。模版编辑器工具栏分为分区和模版设置。 您可以使用分区修改商店上不同页面的内容和布局。您可以使用模版设置对商店的字体和颜色进行自定义,并且对社交媒体链接和结账设置进行更改。 分区是可以在您的在线商店上确定不同页面布局的可自定义内容块。 https://www.cifnews.com/article/51487/
9.WordPress协会模板WP社团网站模板WP协会学会主题功能更完善的文章编辑器 功能完善的WordPress内置文章编辑器,可以实现更多的文章编辑功能; 新增常用的字体选择、字号选择、字体背景色、剪切、复制、粘贴、水平支持自定义多级下拉菜单功能效果 自定义首页大气宽屏幻灯片模块 内置多种可重用高级首页模块小工具(Tabs标题切换栏目、分类图片列表、分类滚动图片列表、分类首https://www.wpyou.com/popunion.html
10.微信公众号文章模板微信公众号文章模板模板可编辑下载创客贴拥有海量精美的微信公众号文章模板设计模板和微信公众号文章模板设计素材,每一个模板都可编辑 文字图片背景皆可修改,简单3步即可完成在线微信公众号文章模板设计制作 免费使用 微信公众号文章模板图片一键生成 每一张设计模板、图片都可以在线编辑,替换文字就能生成精美设计。 您也可以DIY托拉拽轻松创意设计。下载https://m.chuangkit.com/polymer/925704.html
11.菜单设计免费菜单设计模板在线菜单制作设计软件MAKA是最受欢迎的免费在线菜单设计软件、菜单制作工具,提供精美的菜单设计模板素材,5分钟完成在线设计制作中英文餐厅菜单、酒水菜单,包括烧烤、火锅、大排档、快餐、饭店、宴会、婚宴菜单。https://www.maka.im/zhinan/caidansheji
12.免费模版封面菜单模板模版封面菜单设计素材Fotor懒设计提供免费模版封面菜单模板、模版封面菜单设计素材、模版封面菜单图片,在线编辑模版封面菜单模板,文字图片背景皆可修改,简单3步在线完成模版封面菜单设计,并能下载高清模版封面菜单图片。https://www.fotor.com.cn/templates/tag-mobanfengm-lBIj-1-caidan
13.WordPress页面构建插件Elementor使用教程点金网络用Elementor制作页面时,你可以直接从头开始编辑,自己设置每个元素样式;或者调用模版,在模版基础上进行修改替换,这样完成页面也是一种非常高效的方式,Elementor提供了各种模块和100+的模版,不管是免费版还是Pro版本都可以调用演示,只不过Pro版本中可用模版更多 多样化的列布局,你可以根据自己的需要选择列的数量和样式,然后拖http://www.dianjinkeji.net/jianshe/wordpress-jiqiao/4792.html
14.ppt背景图片,ppt模板免费下载,ppt素材扑奔ppt,整合互联网上碎片化ppt资源,打造高质量ppt制作版式灵感库和ppt背景图片、ppt模板免费下载素材库,让灵感到创作更简单。https://pooban.com/
15.office2016个人版下载v10.1.0.7023抢鲜版官方免费版文档漫游功能会将您打开过的文档自动保存在云端,之后您在其他设备登录时,也能够查看编辑打开过的文档。 功能入口: 1. “办公空间”选项卡下,“文档漫游”按钮; 2. 在WPS客户端左上角的开始菜单中,切换最近使用 的文档Tab页,点击“文档漫游” 8)WPS云字体 https://www.xiaotunet.com/55-c53/c54/c55/34-34.html
16.三明市基层卫生信息系统升级改造项目附件(4)住院医保清单上传:应支持住院医保结算清单查看、编辑、上传。 2.2.3药房药品管理 药房药品管理应包含提供医生将常用的处方维护成模板,并支持维护个人、科室、全院医嘱模板;处方模版维护应包含:模版名 称、对于诊断食源性相关疾病的病人,可以在诊断菜单进行食源性相关填报。 2.2.7.16病人费用查询 查询病区内所有http://zfcg.cz.sm.gov.cn/upload/document/20221121/90c574ae5e74440c9e8c1766f96ce628.html
17.文学院第五届Office应用技能大赛试卷[复制]8. 以下关于“Word文挡”的说法中正确的为:()。 A.Word文档必须先命名后录入B.Word可以同时编辑多个文档C.用Word生成的文档只能是“docx”或“dot”类型D.可以用“另存为”命令,将正在编辑的文档存为其他任意格式 9. 在Word的编辑状态,当前正编辑一个新建文档“文档1”,当执行“文件”菜单中的“保存”命令https://www.wjx.cn/xz/161999839.aspx
18.免费html5咖啡店主题模版是一款支持响应试,隐藏式下拉菜单模版的核心特点包括响应式设计,这意味着它能够自动适应不同的设备屏幕大小,无论是手机、平板还是桌面电脑,用户都能获得良好的浏览体验。响应式设计主要通过CSS3媒体查询来实现,调整布局、字体大小和图片尺寸,以确保在任何分辨率下内容都能清晰展示。 隐藏式下拉菜单是另一种增强用户体验的设计元素。这种菜单在页面加载时https://download.csdn.net/download/taobysj/88320374
19.菜单菜谱菜谱设计菜单菜谱图片矢量图免费下载cdr格式菜单菜谱图片免费下载由千图为您提供,cdr格式,324X432大小,下载源文件即可自行编辑修改源文件里的文字和图片,更多有关广告设计、画册/装帧、菜谱设计图片素材免费下载请关注千图。https://pro.58pic.com/newpic/12246690.html
20.9个最推荐的Elementor插件!让你的网站功效更加强大Elementor 有多种区块模板和网站样板,点击按钮就可套用,再从中进行修改自己喜欢的设计,可节省大量的建置网站时间。 Elementor 具备丰富的模版库 购物网站盛行的时期,或许你想搭建购物网站,Elementor 对于 WooCommerce 电商插件,有良好的支持。 并为此开发了 WooCommerce Builder(购物网站编辑器),除了一般的页面设计,你也能https://www.itaoda.cn/blog/9546.html