字体设计软件 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
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。