译者:

原文:

Font Creation Case Study: Joules

- 打造你自己的字体(III)实例研究:Joules

原作者 Alec Julien 的其他文章:

本周热评

其它收藏服务:

白金译作 打造你自己的字体(III)实例研究:Joules

4033个读者 snlchina @ yeeyan.com 2007年12月17日 双语对照  原文 字体大小

简介

Joules 手写体的诞生过程。

永远都在寻觅字体设计的灵感。夏天过后,我买了一套便宜的书法钢笔,说服自己,它会让我的鸡爬字产生脱胎换骨的变化。在浪费了一个星期和几打白纸之后,我还是没得到什么有趣的或是有稍微艺术气息的东西。最后,在一天晚上,疲倦而失望的我,在用完了黑色墨水之后,插入了一支红色的笔芯,然后写下了下面这一套字母表——之后它变成了我的 Joules字族。我想,如果我在这个案例研究中把它如何变成字体的过程写出来,大家也许会感兴趣。

下面是那天晚上我写下的好多张草图之一:
ilovetypography.com_Joules initial drawing_joules-sketch

特写:
ilovetypography.com_Joules initial drawing, closeup_abc

 
超级特写:我迫不及待想使用的一个大写A。
ilovetypography.com_Joules A closeup_a
从草图到字体

从草图创建Joules字体的过程,一如我之前的 两篇文章中所写的,我将草图扫描输入,下面是扫描稿在Photoshop里面转为黑白位图模式之后的样子。
ilovetypography.com_Joules A black-and-white_a-bw
注意原稿位图中包含的粗糙杂点:
ilovetypography.com_Joules A rough spots_a-closeup

ilovetypography.com_Joules A black-and-white rough spots_a-closeup-bw

通常,我会把这些位图处理干净之后才导入Fontlab,但这次例外。下面是第一个步骤,将位图导入ScanFont:
ilovetypography.com_Initial pass in ScanFont_a-scanfont

ScanFont中的一个特写:
ilovetypography.com_A in ScanFont_a-scanfont-closeup

我把这个新字符复制到FontLab中的正确位置。为了给你体验一下在FontLab中是如何进行调整的,下面放大显示了导入进来的粗糙的A。我选择了一个有问题的部分。
ilovetypography.com_Closeup in FontLab_a-fl-closeup-select

然后开始删去那些令人不快的节点:
ilovetypography.com_Closeup in FontLab_a-fl-closeup-select-p
FontLab中调节字符的时候,我们必须在两种诱惑中做一个平衡:一方面要使得轮廓尽量的平滑,另一方面,又应该尽可能的留下一些粗糙的节点,以保留字体的趣味。我发觉,对书法字体而言,不应该平滑掉所有的粗糙节点,在某种程度上,那等于剥夺了它们书法的感觉。

救人危难的字符合成

FontLab的一个便捷之处,是它可以自动的合成字符。本例中我先创建了一个A,然后又建了一个“重音符”:
ilovetypography.com_A plus Grave_a-plus-grave

然后我双击这个“A-重音符”的小格…
ilovetypography.com_A plus Grave double click_a-plus-grave-dblclick

FontLab就创建了一个合成字符:
ilovetypography.com_A plus Grave composite_a-grave-grey
这时候,如果你编辑这个A或者那个重音符,变化会立即的自动更新到那个合成的“A重音符”上。

 
侧架

我前面几篇关于字体设计的文章中也提到了,设置合适的侧架是一个重要的步骤。(一个原因是,恰当的侧架会让字距调整变得简单!)先为字符做粗调,我粗略设置了一个很小的、正的侧架。在初始编辑时,这个y的侧架显示如下:
ilovetypography.com_y sidebearings_y-pos-sb
 
这样设置会有什么问题,在初始字距设置中看a和y的配对就能看出来了。
ilovetypography.com_a-y sidebearings with kerning_ay-pos-sb

其实我可以保留这个y的侧架不变,然后在字距配对调整中,调节y靠近a,然后依此类推,在每一个字距配对中都调节y靠近其他的字符。但很明显,为这个y的左侧设置一个负的侧架的做法要更简单,也更明智:
ilovetypography.com_y negative sidebearings_y-neg-sb

下面就是改进后的留白设置在默认字距调整情况下的样子:
ilovetypography.com_a-y negative sidebearings with kerning_ay-neg-sb
 
 
Kerning 字距调整

天,为这个字体设置字距花了我几个小时的时间!其中的烦人细节…我还是放过你好了。但这里还有另外一个字距调整的实例。在调整前是这样的:
ilovetypography.com_A V pre kerning_A-V-pre-kern

调节后:
ilovetypography.com_A V post kerning_A-V-post-kern
 
Ligatures 连字
 
我在Joules中创建了相当数量的连字,使用者在排版时可以手动选择应用它们。
ilovetypography.com_Joules ligatures_ligs

下面举一个实例说说我是如何创建这些连字的。首先,我们先来看看这个z和a原始的连排效果。
ilovetypography.com_z and a_z-a

其实我可以在字距配对的时候让它们以一种时髦的方式漂亮的重叠在一起,但更负责的做法还是做一个z-a的连字。第一步,创建一个空白字符,然后把z和a复制进来:
ilovetypography.com_z and a, pre-ligature_za-nonlig

第二步,切开它们的轮廓,让它们能在合适的位置结合:
ilovetypography.com_z and a, pre-ligature..._za-lig-making-1
第三步,删除多余的部分:
ilovetypography.com_z and a, pre-ligature..._za-lig-making-2
第四步,移动字符让它们靠近:
ilovetypography.com_z and a, pre-ligature..._za-lig-making-3
第五步,连接节点:
ilovetypography.com_z and a ligature_za-lig-making-4
智能连字

Joules的第一个版本中并没有包含智能连字:这种技术是我最近才学会的。(这意味着TrueType字体的末日,因为智能连字技术必须在OpenType字体中才能实现。)其中的细节我就不唠叨了,但可以告诉你的是,需要在Fontlab中打开一个特殊的OpenType面板,并且通常还要写一些脚本,这样才能在一些能够识别连字的软件中激活你所创建的连字。大体上看起来是这个样子:
ilovetypography.com_Ligature definitions_open-ligs-def

 
完成
这就是经过了无数次修整和字距调整之后的最终结果:
ilovetypography.com_Joules_joules-page

我后来又接着给它做了一个意大利体的版本(好吧,其实更象是一个斜体,你们这些吹毛求疵的家伙),然后是一个粗体、粗意大利体,然后是大黑体。如果还有人感兴趣,我可以继续说说其中的细节。

[Alec Julien居住于美国佛蒙特州,是一个网络开发人员和业余字体设计师。他的梦想是有一天能搬到一个温暖的地方,为一部小说做排版。]

本文版权所有,未经许可,请勿转载
内容合作请 联系我们

译作评分
10
请给出您的评分  提交

更多关于 字体 设计 我的字 字体设计 type 的翻译文章

22条评论

  • 1.

    pestwave 大学士  | Blog  | 2007年12月18日

    很漂亮,哪里可以下载啊?

     
  • 2.

    rokia 进士  | 2007年12月18日

    赞snlchina的坚持!加油。准备试用一下这套字体。

     
  • 3.

    rokia 进士  | 2007年12月18日

    哦。。是收费的啊。。19$。还是等着用snlchina的吧。:)

     
  • 18.

    snlchina 状元  | Blog  | 2008年01月09日

    很好的资源,谢谢分享:)

    为什么这篇文章的回复如此之多,而同一系列的其他文章可能一条也没有?看来文章之间也存在马太效应的。

     
  • 19.

    sea 童生  | 2008年04月06日

    感谢您的分享

     
  • 20.

    maggiequqi 童生  | 2008年09月04日

    很好 ,可是 有没有谁 看到或翻译了 fontlab studio的 使用手册啊??
    跪求哪位高人指点一二!!!!!!!
    谢谢了

     
  • 21.

    snlchina 状元  | Blog  | 2008年09月05日

    有在这里跪的时间,你不如自己去翻译了。

     
  • 22.

    maggiequqi 童生  | 2008年09月09日

    那是,你说得对。求人不如自求!

     

添加评论

阅读
发现
翻译
合作媒体

Copyright © 2009 yeeyan.com All rights reserved. 京ICP证080457号