字体设计软件 Glyphs, 快捷键比 PhotoShop 难用一点..
下了网上的某个试用版本, 对照网站上的文档记录一些使用的技巧,
http://www.glyphsapp.com/getting-started

一般的使用流程是选中对应文字, 开始拖拖拖拖拖, 然后 exports 到字体格式就好了.
目前理解 Glyphs 拖出来的笔画是要空心封闭的, 具体没摸清楚,
完成有可以用大致这样的 CSS 在 Chrome 里测试生成的 ttf 字体文件

@font-face {
  font-family: My;
  src: url(My.ttf);
}

.demo {
  font-family: My;
}

Editing Outlines

因为是 OS X 上的应用... 快捷键注意
先是创建线条的:

  • 点击界面, 生成折线
  • 按下 Shift 点击保持线段水平或垂直
  • 选中两点, 菜单选中 Align Selection 将线段转为水平或垂直

拖动可以生成曲线

  • 点击界面并且拖动, 生成曲线, 这时候有控制点
  • 拖动时按下 Option 可以生成锐角
  • 拖动时按下 Shift 形成水平或着垂直
  • 拖动时按下 Space 对整个点进行移动

已经完成好的点可以增加控制点

  • 换用箭头, 按下 Option 点击线段, 在中间生成控制点
  • 选中控制点, 按下 Return 或者双击, 切换控制先锐角或者连续
  • 按下 Option 拖动控制点, 保持控制点的角度
  • 按下 Ctrl Option 拖动控制点, 周围的控制点跟着一起改变
  • 笔形工具点击线段中间增加控制点, 再点击一次将两个点分开
  • 两个点拖到到一起直接关闭前端(似乎用笔形工具点击切换)
  • 打开 Windows Pattle 改变 Fit Curve 来调整控制点的比例位置(?)

去除控制点

  • 选中控制点, 按下 delete 来删除控制点
  • Option delete 可以删掉一条路径

右键菜单

  • 控制点, 可以打开 corner

Arabic

描边

  • 菜单 Offset Curve 可以用来为曲线生成 Stroke 的描边

学了这些技巧其实还是没法做出字体...
页面上 7 个视频, 上边只记录了第一个视频的技巧.

另有 PDF 不知道谁看过...
http://www.glyphsapp.com/content/files/Glyphs-Handbook-2013.pdf


题叶
17.3k 声望2.6k 粉丝

Calcit 语言作者


引用和评论

0 条评论