设计需求快速提交设计需求，更快得到设计作品！

选择需求类型

高端定制

签订合同

对接设计顾问
需求分析

填写问卷调查
提案提交

效果图与理念阐述等
深入修改

满意为止，延展落地

悬赏征集预算不充裕，试试其他合作方式

发布悬赏

编写项目需求
托管赏金

等待设计师投稿
挑选稿件

选择满意中标
修改满意

平台给设计师转款

推荐设计师直接合作

对接顾问

了解客户需求
推荐服务

多个服务商对接客户
挑选比较

选择满意服务商合作
平台托管

托管费用到平台
满意付款

客户满意，平台转款

行业类别

选择类别

教育咨询网站网络酒店餐饮超市商场能源化工科技通讯航空机场机械制造电子电脑家用电器其他行业

预算选填

称呼

联系方式

提交需求

微信扫一扫

立即设计咨询

在线客服

028-87317600

微信扫一扫，立即咨询

快速提交设计需求

首页 > 设计知识 > 正文

用莱斯利凯巴加的方法绘制字母

2018/12/20 327人阅读来源：标志汇

用莱斯利·凯巴加的方法绘制字母!

第一种方式：骨架笔画

骨架字母的更多适应性
有点令人吃惊，右边所有你看到的中等宽度的字母，都是由它们下面的骨架笔画路径建构而成。在a中.一个分成了一些四分之一的圆，加上水平和垂直的笔画，就形成了这种风格一致性的基础。
WIRELESS一词的b版本。是把笔画拉长，在L和S上增加了一些钩而成.不过要注意，曲线的这种拉长多少破坏了与直线的平滑过渡。
CURRENTS一词c基本上是由圆路径的不同组合而成，笔画结束设定值为“圆大写字母”。
NEW WORLD MUSIC一词d，由相同笔划的字母在两个层面上显现而成:应下是黄色笔画的10点笔画，上面是5点的赤陶色笔画。
同一宽度笔画的字母看来有无限的变化形式，而且这真的是一种容易的绘制方式，这样绘制而成的字体已有数百种之多了。事实上，专家们猜想，最后一种能够想像出来的这种变体，将会于2009年什么时候出现在免费的字体网站上，其特征可能是所有的水平笔画都以30度剪切。

要绘出手写体那样张扬风格的字母，或者是下面这种安色尔体，最好也是用骨架笔画开始，然后来增加所需要的膨胀。这就是扩展笔画的一些部分。使用这种方式，最细微的笔画也可以确保宽窄的一致。我以一本老字体书为参照，绘制了下面这些安色尔字体的骨架。

1.为B的两个圆画两个椭圆，删掉a处的线段。在下面这个圆的十点钟处b增加一个点，删掉它与9点钟处的线段，把这个点拖曳到c处。E的绘制，画一个圆，在一点钟处增加一个点d.然后拖出一条辅助线e，这有助于我们定位在f处增加的第二个点。删掉d与f之间的三点钟处的点。画一个小圆与d点相连。将点删除，去掉用红色显示出来的g线段。对做出来的这个四分之一圆进行复制镜像，朝下作为h， N上面的椭圆i.复制拖曳B下面的椭圆，删掉它下半部j.。任何时候只要可能，就利用前面已经绘出的部件，这样可以保持一致性，使用Pen工具，将N的圆延长到k处。至于T，则可以复制拖曳E的圆，在I处增加一个点，然后删除红色显示出来的这个圆的剩余部分，画一条直的顶线m。

2.将ab的笔画设定为11点宽，其他的笔画设定为4点，用Stroke工作窗中的“圆大写字母(Roud Caps)”进行处理。

3. 选定所有路径，做 OBJECT > Paths > Outline Strokes处理。使用比例工具创造上图所示的膨胀笔画。方法是：选定相邻
的两个极值点(如a所示)，用比例工具在它们之间再次点击，然后拖曳一个点朝外，以扩展笔画。在b中，由于没有点，所以用比例工具中心定位的方法来进行扩展。在c中，选定的两个点与另外一对点d太近.所以这两处都不能进行笔画扩展。要注意“衬线”，也是用笔画创建的，然后增加到B和N的顶部。

4.当笔画扩展完成之后，要用Pathfinder中的Add to Shape把所有部分联结起来。在a处，增加了两个点(绿色)，把现在的角点(红色)去掉，使这个角圆起来。在b处，增加了两个点以导向衬线，然后去掉现在的那些点(红色)，以使这些角更为柔和。还是用圆大写字母的处理让笔画收尾时肥大，并且比例稍稍放大一点。在d处，比例工具中心点的放置要偏离中心，底部的点要拖开扩展笔划。比起手工移动点来，用比例工具来扩展笔画的效果通常要好一些，但我们仍然要进行大量的手动修饰，才会有好看的圆笔画。上方是成品。你觉得怎么样？N左边粗茎干的直底边.是不是也应该圆化处理？

第二种方式：绘制部件
使用这种方式，我们可以绘制“部件库”，将它们组合为字母表中的所有字母。通常而言，这些部件只能供我们字体绘制的90%之用，创作时我们还需要再创建一些。由于一致性是我们的追求，所以使用“部件库”就是一种最好的方式。

绘制衬线的方式几乎就如同可以创造的衬线风格一样多。这里介绍一种创造基本风格的方法。我们把这种衬线加到我们前面已经绘制出来的骨架字母形状上。所以，这就意味着我们要把“部件方式”与“骨架笔画方式”组合起来，才能完成这个任务。事实上，各种组合方式是常用的。什么好用我们就用什么！

我们要绘制的是传统的“支架”衬线。1.灰色区代表着我们要去绘制的形状。画一个圆，删掉ab两点。2.从剩下的四分之一圆的a点开始.使用Pen工具画到b点.然后再画到c点(要按住Shift链，保持点的直)。在d点闭合这条路径。3.对我们绘制出来的这半条衬线进行复制镜像，从而构成一个完整的衬线。4.使用Add to Shape把这两半组合为一个形状。使用Delete Anchor Point工具，去掉因联结而产生的那些点(a处的红点)，结果就成为b。5.拖曳我们刚刚创造出来的这条衬线.让它与字母的一个垂直粗茎干的左边排列起来。选定衬线一边所有的点，拖曳它们直到它们与茎干右边排列好为止。用放大视图把这一步做准确。6.将这条衬线应用到字母的细茎干上。拖曳衬线的半边，直到它与这条茎干的右边排列好为止。把衬线的复制应用到我们的其他字母上去。

我们可以把衬线加到151页上的加宽笔画字母上。当所有的衬线都放到了位置上后，衬线和字母就要使用Pathfinder中的Add to Shape联结到一起。1.在a处，一条完整的衬线已经放准了位置，这三个点已经选定并拖曳开，以避免与R的凹进交迭。在b处.用上了一条完整的衬线。在c处，剪取了半条衬线以便与R腿的角度相吻合。2.我们要解说对A进行的剪切。选定衬线上面的四个点(a处)(我们不想剪切支架的下半部分)。在工具栏中选定剪切工具，点击b处的轴点.拖曳选定点中的一个朝左，直到衬线的角度与A茎干的角度吻合为止。3.在a处，我们看到了由前面步骤而来的最终结果。剪切导致外边的衬线比里面的衬线要宽一点，这不好看，会导致后面的字母间距问题。在b处，外边的衬线已经被推得离字母更近一些，使得它们在宽度上与里面的衬线看起来一致了。同样，对支架的贝塞尔曲线要进行各种修改，让它们从茎干到曲线的过渡更平滑一些。4.寻找c和d这样有毛病的过渡，它们因贝塞尔延长线没有与产生衬线的茎干的角度对准而导致。5.过渡变得平滑了。把衬线想像为有体积。尽管一条料线衬线的两条边形状不同，但它们应该看起来如孪生兄弟，长度和腰身应该一致。6.这些是加上了衬线的字母(对于字母和衬线都得进行调整)。

第三种方式:直接绘制
当我们考虑创造左边的古迪粗体这样带着(有意的) 手写体特征的字体时，所有的规则都会改变。就这种风格而言——它带有脆饼边缘般的微量重复参差和几何上的可预见性，我们可以应用骨架笔面、组合部件和直接绘制来建构它。为了做出弗里德里克·古迪这样的字体，我们先必须画出很到位的草图——如同他本人那样(现在该你了)。下面是对电脑绘制这种复杂字体若干方面的一个大致解说。
对于古迪粗体，我们首先注意的就是它几乎没有直线，也没有对称的椭圆。字母顶上的衬线与底部的衬线不一样(如a所示)，甚至各个字母也不相同(如b所示)。这绝对是一种老作派——很酷！要绘制这样的书写，就要求比Pen更有力量的眼睛。
我们还是可以辨认出可复制的标准，如茎干c，从而为这些部分建立一个库。不同于我们前面把交迭的对象部分联结起来，而是要把衬线和茎干留作开放的路径d，然后对所有的路径一起进行联结。如果我们对一个画得相当精细的草图进行扫描，我们就能够直接绘制，而不必使用部件。

第四种方式：修改字体
右边的MURDERERS一词，采用的是ITC“机械体”，这种字体的规则性使得它有较好的适应性。在中间的第二个版本中，它被水平加宽了。下面的第三个版本是修改之后，而圆圈a是修改使用的唯一因素，它使得“机械体”发生了很大的变化。对字体进行修改以适应我们的需要，这是常常出现的，远在电脑字体和绘字程序之前就有了。可喜的是，比起过去在复印照片上改来改去，我们现在要做的简单多了。通常而言，比起我们从草图来创制自己的字体，依据已有的字体来绘制要容易一些。在绝大多数情况中，我们可以保留大部分已有的东西，比如绝大部分基本笔画、字母宽度、间距和字距调整，这些已经都为我们安排得很好了。
然而，与其借用另一位设计师的作品，其实常常最好的还是从草图开始工作——这要看你设计什么样的字体风格。如果你借用的是一种画得很糟的字体，那就更不如从自己的草图开始了。有数量多得惊人的字体——包括一些大工作室的作品，它们字母茎干的宽度不一致，字母上面的点各不相同，有多余的点和稍微有点弯曲的垂直线与水平线，所有这些都使得纠正起来很难。所以，为什么要借用这样的东西呢？拿来别人的字体，放在Fontographer中做点改变，然后说这是你的，这不好。不过，在我看来，对某种字体中的一些词进行修改这也可以接受，尤其是如果你改得别人看不出你借用了什么的话。

提示:对你在各个阶段绘制的所有部件和半成品要多做复制，拖曳到你画板的边上。永远不要过河拆桥——不要毁了那些你可能过后还要再次使用的东西。

第五种方式：追踪扫描
在电脑上，我们的绘制绝大部分是以扫描图像开始的。对于我们中的一些人来说，这个过程就自动地排除了使用部件，因为我们只是对扫描进来的形象进行追踪，从一个角开始，转来转去，最后回到起点。如果扫描进来的草图本身已经很好，这是一个好做法。人们对自动扫描寄予很大希望，但实际上它更费时，而且点的定位很糟，还不如我们依据草图来绘制对象。下面详细谈论这些问题。

1.右边的扫描取自斯特朗一本1905年的《设计之书》。扫描之前，先要把书页的页面或纸张与扫描仪的边尽量对齐。由于我们常常在这一点上没有做好(书页常常扭曲)，图像扫描进去之后.还得在Adobe Photoshop中进行校直。
2.在Photoshop中点击Ctrl+R,显示尺子工具。在下面拉出一条辅助线，与扫描图象的底边平行。对需要进行校直的区域拉出一个选取框，点击得到自由转换工具来处理这个框内中间的形象和角点，会出现一个中心点，它就是进行扭动的轴点，将它拖曳至辅助线.
3.在与中心轴点相对的地方点出一个角点，然后拖曳这个形象直至它看起来直了为止。(小窍门:在拖曳这个角延长线时不要直上或直下，而要斜上或斜下，这样可以进行更微量的调整。)
4.最后，在Photoshop中使用Image > Adjust >Curves来把背景上的所有灰色去掉，增加形象的黑度以进行自动描绘。显示出来的这个灰度工具是我常用的。我认为，Photoshop中的Brightness/Contrast过滤无法去除灰色的中间色调，没有这个好用。
5.增加一点Photoshop中的Unsharp Mask (FILTER>Sharpen>Unsharp Mask) 可以进一步增强一个扫描图像的清晰透明。最后的结果是校直了的、干净的、边缘清晰的形象，为描绘做好准备。

进行了自动描绘后，总是要进行大量手动工作来移动那些点，去掉不想要的点，在应该有点的地方增加点。依据扫描对象大小的不同、扫描分辩率的不同和各种设置的不同，自动描绘的质量也会很不相同。有些软件可以进行很精确的色调微调。下方左边是斯特朗的一个A.在Adobe IIIustrator中进行了自动描绘。描绘的精度不高，点不在极值处，但没有出现过多的点，所以不用花很大的劲来进行修改。下方右边则是用Fontographer进行的自动描绘。细微处的精度颇好，点都在极值处——但不需要的点也出现了很多。要在IIIustrator中对这样的描绘进行修改会要了人的命，但Fontographer中有Clean Up Paths这样的功能，使得我们用一个键命令就可以删掉多个点，修改的工作就可以加快。就我个人而言，在这两种软件中，我会先使用各自的Pen工具，用手动对扫描进行描绘，从一开始起就把该放的点放好。