实训二 贝塞尔曲线及锚点编辑造字法

实训二 贝塞尔曲线及锚点编辑造字法

实训准备

贝塞尔曲线又称为贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。绘图工具中的钢笔工具就是来做这种矢量曲线的。

在字体设计中,一些花体字的设计就是用到钢笔工具+锚点编辑的方式来绘制的。因此,要想学好花体字的设计,就必须理解贝塞尔曲线的锚点编辑原理。下面以图2-27所示曲线绘制为例来分析它的绘制过程。

(1)红色箭头是指最关键的几个锚点,除最顶端的锚点外,另外4个点都是内外相对应的,如果两个点中的一个位置偏移比较大,笔画边缘一般就不会那么流畅。

(2)ab、cd、ef、gh四组字母分别是四个锚点相对应的手柄的线段长度,每两个字母基本都是等长的,如果长短差别太大,笔画也不会好看。

(3)绿色区域是指手柄线条与笔画边缘的角度,它们的角度差别也不会太大,同上面一样的原理,差别大了,笔画就不流畅了。可以把手柄线条看作锚点位置的切线。

图2-27 贝塞尔曲线制作原理

实训步骤一:绘制“夜曲”花体字手绘稿

根据字意和字体氛围,完成花体字手绘稿。

用矩形工具绘制两个正方形,单击鼠标右键建立参考线,控制草图字体的大小,用画笔工具将不透明度调低,选用合适笔刷绘制设计草图,如图2-28所示。

图2-28 手绘设计草图

注意:花体字的草图是进行字体设计必不可少的步骤,是进行设计稿的基础,可用铅笔手绘或用画笔工具绘制,在绘制过程中可不必拘泥线条的准确性,主要从整体上控制,表达出设计思路即可。

实训步骤二:利用钢笔工具结合宽度工具绘制设计稿

降低草图的不透明度,并锁定对象,用钢笔工具和锚点编辑的相关工具,绘制出整体设计,如图2-29所示。

实训步骤三:观察字形并进行调整

从整体协调、方便认读及线条规范流畅的角度对设计稿进行优化和调整,如图2-30~图2-32所示。

图2-29 用钢笔工具绘制设计稿

图2-30 调整稿

图2-31 最终稿

图2-32 宽度工具笔画

提示:本例“夜曲”字体设计中红色标注部分为利用宽度工具绘制的曲线,注意在调整好曲线外形后,需要在菜单栏中选择“对象”→“路径”→“轮廓化描边”命令,并用工具箱中的“平滑”工具减少轮廓化后路径上不必要的锚点,保证路径光滑流畅。

实训小结

花体字设计的常用工具如下:

(1)钢笔工具。钢笔工具是所有矢量绘图软件的核心工具之一。其功能强大,对新手而言不太容易掌控,需要在理解锚点控制原理的基础上进行大量练习。用钢笔绘制流畅的曲线时,要用尽量少的锚点,通过调节曲线锚点控制杆的长度和角度,控制曲线的曲率和走向,从而保证曲线的光滑优美。

(2)描边配置文件。通过描边配置文件可以非常快速和方便地得到描边粗细遵循某种变化规律的线条,加大描边宽度后就可以将描边变化放大,如图2-33所示。

图2-33 描边配置文件绘制曲线

观察图2-33中左、右两张图片的差异,右图的四根线条应用了不同的描边配置文件达到了粗细变化的效果。

(3)宽度工具。使用宽度工具能随心所欲地在路径上加入宽度控制点,改变路径的宽度变化,并且这种变化可以随着路径上锚点的编辑而对应地发生宽度的变化。宽度工具在绘制丝带或进行数字字体设计时非常有效率,如图2-34所示。

优秀花体字设计案例如图2-35所示。

图2-34 宽度工具绘制曲线

图2-35 优秀花体字设计案例