如何将 Adobe Illustrator 的字稿导入 Glyphs?虽然 Illustrator 的绘图工具或许足以满足一般性的矢量图绘制,但是我们在字体设计上所要求的曲线质量,往往高于 Illustrator 所能提供的。其实,Glyphs 的工具却能助您完成更高质量的字符轮廓,尤其是曲线绘制。我已经将这些细节在此教程中做了介绍。因此,请大家认真考虑用 Glyphs 软件重新绘制您的设计。这可能比直接从 Illustrator 导入矢量字稿,再进行清理,可能来得更省力一些。

坐标的精度

在 “ 文件File > 字体信息Font Info > 其他设置 Other Settings ” ,你可以找到 “ 网格间距 Grid Spacing ” 值。当 “ 网格间距 ” 不是零,所有坐标将会被设置的 “ 网格间距 ” 值四舍五入。然而,当 “ 网格间距 ” 设置为零,Glyphs 将使用浮点坐标,实际上将不会发生四舍五入的情况。因此,当你计划导入文件后对其进行大量修改,或你的设计图稿有非常非常完美的细节,请将 “ 网格间距 ” 设置为零。 否则,你通常想把它设为1。

比例:1点= 1单位

Illustrator软件中的“1点”对应的是Glyphs软件中的“1个单位”。 在默认情况下,“1个单位”是em全角字符的千分之一。更准确地说,无论你在“字体信息”(Cmd-I)中设置了UPM值 ( 每全角字符的单位数 )。一个完整的全角字符的尺寸和你日后设定字符的大小尺寸无关。

这就意味着,默认情况下,你的Illustrator设计图很可能太小了。 平均的x字高是全角字符的一半,即 “ 500个单位 ”。 在Illustrator中,“ 500个单位 ” 转换为 “ 500点 ”。 这大约是17.6厘米(几乎7英寸),仅仅是x字高!

Illustrator中将设计图的比例放大是个好主意。 特别是当 “ 网格间距 ”值(见上文)不为零,也可使后续的处理中舍入的误差降至最低。 为此,您可能需要将文件的测量单位设置为“点points”。 您可以通过右键单击窗口边缘的标尺或者在Illustrator中应用程序的首选项来更改设置。

复制与粘贴

现在,你需要做的是将矢量图稿从Illustrator复制并粘贴到Glyphs中。 确保你复制的是闭合的路径,并且你粘贴的时候确保字符轮廓是正确的、有效的。

然而这里有一个问题。 Illustrator在整个画布中使用一个坐标系,而字体的坐标是以每一字形为基础。Glyphs会识别出坐标的距离,并询问你是否确实将该对象放置在字形边界之外。在99.9%的情况下,你要对字体进行 “ 边界修正 ”:

Glyphs将粘贴的设计图对齐到基线或当前字符轮廓的的字面和字身的左侧间距,或者两者都是,无论如何,字形都不能出字符边框。 但是,这也可能会使字形像视错觉溢出补偿或者下伸部那样有点混乱。其实有更好的方法来解决这个问题。

定位控制

Illustrator的CS4版本中,你可以从窗口左上角——即垂直和水平标尺相交的左上角的小区域中,拖动十字光标来设置原点。 当你粘贴时,Glyphs则会尊重原点的位置。
Illustrator的原点对应着Glyphs中的x = 0 / y = 0点,即字面和字身的左侧间距和基线的交叉点。

在Illustrator CS5及更高版本中,您需要在画板选项中设置原点。打开“画板面板artboard palette”,从选项板菜单中选择“选项”,或者双击画板的符号,或者双击工具栏中的画板工具进行设置。例如,你可以将画板的高度设置为500pt,并将原点设置到左下角:

然后,您可以缩放和重新定位您的字母或符号,如下所示:

现在,如果你是真正的高手,您可以在每个对象周围放置相同大小的框,并用Illustrator的缩放功能将他们调整到正确的大小和位置,然后将框移开,把对象复制到剪贴板中。

那么字符轮廓的宽度呢? 粘贴后,你可以通过在灰色信息框中输入它的值来快速修正字面和字身的右侧间距。或者,你可以一次设置它们,通过在“字体”选项中选择字符轮廓,然后在窗口左下角的信息区域中输入度量值。

清理

正如我在一开始提到的,还有很多关于优化路径的说法,但是这里是一个快速简单的方法来纠正错误:

  1. 在 “ 字体 ” 选项卡中,选择所有字形(Cmd-A)。
  2. 选择 “ 路径 > 添加极值点 Paths > Add Extremes ”。这将在路径的端点位置插入节点。如果你不知道什么意思,别担心,只管去做。
  3. 选择 “ 路径 > 正确路径方向 Paths > Correct Path Direction ( Cmd-Shift-R ) ”。这将会修复你的字腔和字符内轮廓的路径顺序。
  4. 选择 “ 路径 > 整理路径 Paths > Tidy Up Paths ”。这将删除多余的节点和重合的坐标点。
  5. 除非你对字符轮廓有超高的细节要求,你可以选择 “ 路径 > 角坐标点 Paths > Round Coordinates” ,这将使您所有坐标的转为最接近的整数。

在粘贴之后,点坐标并不被 “ 网格间距 Grid Spacing ” 放入合适的位置。

在你第一次应用转换功能之后,它们才会变得正确。通过 “ 滤镜(Filter)> 转换 ”,你可以一次性对所有的字符轮廓进行一个小的移位变换,并且所有都将对齐到网格。如果你只想让坐标整数化,则用 “ 路径 > 角坐标点 Paths > Round Coordinates ” 命令就足够了。

从 Illustrator 怎么导入 Glyphs?相关推荐

  1. ai如何置入_如何在 InDesign 中置入、导入和插入图像

    置入(导入)图形 "置入"命令是用于向 InDesign 插入图形的主要方法,因为该命令可以提供最高级别的分辨率.文件格式.多页面 PDF.INDD 文件和颜色支持.置入图形也称为 ...

  2. html变量合并列,在 Illustrator 中通过模板和变量合并数据以创建数据驱动图形

    在 Illustrator 中,使用"变量"面板,可通过将数据源文件(CSV 或 XML 文件)与 Illustrator 文档合并,轻松地创建图稿的多个变化.例如,无需手动修改模 ...

  3. 《Adobe Flash CS6中文版经典教程》——导读

    前言 Adobe Flash Professional CS6为创建交互式和具有丰富媒体的应用程序提供了功能全面的创作和编辑环境.Flash 广泛用于创建吸引人的项目,其集成了视频.声音.图形和动画. ...

  4. 苹果风格ui设计_重新设计苹果音乐应用程序ui ux案例研究

    苹果风格ui设计 重点 (Top highlight) TLDR? UI重新设计 (TLDR? UI Redesign) I didn't realise how much I'd written f ...

  5. 【Mac】Adobe After Effects 2021 for Mac(视频特效制作软件) 中文直装版

     Adobe After Effects 2021 for Mac 是一款专业的视频后期处理软件.可以创作各种各样的视频特效短片,如创建电影级影片字幕.片头和过渡.从剪辑中删除物体.点一团火或下一场雨 ...

  6. word学习/word如何显示空格/LaTeX格式转为Word格式/ latex中的公式格式如何转换成word中的公式格式/excel复制到word表格过大超出

    以windows的word365为例进行讲解,主要分为显示,公式,表格,图片,审阅以及写作方式(含Latex格式转换). 常用快捷键: f4: cmd + y 查找: cmd + shift + h ...

  7. 100天插画动效计划

    本文转自链接 uxdesign.cc/100-days-of- 我是如何教自己在100天内制作50个动画的 这是西雅图的一个夏夜.我吃了一些冰淇淋,看了一个Youtube教程,并下载了一个免费试用的P ...

  8. 《Adobe Flash CS5中文版经典教程》——导读

    https://yqfile.alicdn.com/910bb67cbf21e55f13f0268211498335d9c2b252.png" > 前言 Adobe Flash Pro ...

  9. 科研绘图中的图片格式问题

    本文分析了所有主流图片格式的优缺点. 科研绘图中的图片格式问题 科研论文投稿需要根据期刊的要求上传符合要求的图片,以下为科研绘图中相关格式问题汇总. 1 位图和矢量图的区别 位图(Bitmap) 又称 ...

最新文章

  1. RUP概述与实际应用的例子
  2. SDOI 2006 - 保安站岗
  3. linux解锁文件.user.ini,Linux下解决网页服务器权限和.user.ini无法删除的问题
  4. SSD(based on Caffe)环境配置
  5. 东八区转为0时区_格林尼治时间转换为北京时间
  6. python制作查询工具发给别人使用_用Python做一个简单的翻译工具
  7. Vue中路由管理器Vue Router使用介绍(三)
  8. eclipse设置系统字体
  9. delphi 发送网络消息_分布式系统与消息的投递
  10. 文本文档html乱码,文本文档乱码怎么办?电脑文本文档乱码解决方法
  11. 通信原理 概念 笔记
  12. 计算机接口论文摘要,计算机接口技术论文_计算机接口技术
  13. win7电脑怎么录屏?如何使用电脑录屏软件
  14. c语言计算音频分贝函数,获取PCM音频数据的声音分贝值
  15. Go语言泛型工具go2go
  16. Vue - 生成二维码(把链接地址或字符文字转成二维码,扫描后可打开显示)
  17. 借助小程序·云开发制作校园导览小程序丨实战
  18. 最短路 dij floy spfa
  19. php sec-websocket-accept,javascript – Websocket握手Sec-WebSocket-Accept标...
  20. 信任别人计算机和网络,【媒库文选】人们可能更信任计算机而不是人类

热门文章

  1. 7-39 抽卡游戏 (30分) 本题的灵感来源于一个古典的概率模型。 AliceAliceAlice 在一个卡池里抽卡,里面有 xxx 张 sss 卡和 yyy 张 aaa 卡。 AliceAlice
  2. 招聘全栈工程师 欢迎加入 ArcBlock 中国研发中心
  3. 如何将图片转换、合并为PDF文件?
  4. ale插件 vim_Vim中异步语法检查ale配置
  5. [转]JFFS2源代码情景分析Beta2
  6. R系银河麒麟配置本地镜像源
  7. ps4玩android游戏,PS4更新7.0系统:手机秒变手柄,远程遥控畅玩游戏
  8. 如何从TI官网下载芯片的AltiumDesigner原理图文件和封装文件
  9. Aleo的PoSW共识
  10. tcp/ip的模型与原理