Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Hand Lettering

手写字母:字体,旋转和美化

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Hand Lettering Fundamentals.
Hand Lettering: Understanding Types of Type
Hand Lettering: Mastering Brush-Script

Chinese (Simplified) (中文(简体)) translation by Shu Wu (you can also view the original English article)

Final product image
What You'll Be Creating

这个教程可能是我个人最喜爱的,因为我喜欢用字体来传达各种信息。 在本教程中,你将学习非正式(也称为休闲体)和正式字体的基础知识。 最后,你将掌握用于绘制字体的笔画粗细,对比度,字距,展开,速度,角度和其他技术。

我们首先处理字体部分,然后再进入美化阶段。 我们首先会介绍基本知识,然后我们将添加装饰和其他花哨的效果,使你的排版从其余部分脱颖而出,凸显其“个性化定制效果”。 毕竟,这就是字体设计的精华所在:自定义和手写!

教程前需要的阅读

在我们开始这个教程之前,我将像你提供一些一定要知道的信息让你更好的了解下面的设计方法。

在正式进入这个课程之前,我强烈建议你查看我之前的两篇文章,因为这次这个教程是属于中级教程。 有个对字体设计比较好的了解总是很有用的! 在这里可以找到这些教程:手写字体: 字形及其核心理解不同类型的字体。

所以,什么确切地定义"手写字体"? 手写体,草书,书法等术语都可互换使用。 书写基本上是指由一个单一的手运动而结合在一起的艺术。 但是,在这种情况下,由于我们在绘制,它是铅笔描边的积累的过程。 它将包括许多很多笔画,用于完善字体形式,而不是像书法一样完成一个动作的形式。

现在,你们中的一些可能会纳闷,正式和非正式的字体之间的区别什么? 正式字体与16世纪左右开始的书法事情实际上是一回事。 但可悲的是,因为技术,书法是即将销声匿迹。 公立学校 (这里指在美国) 甚至不需要书写作为课程的一部分!

无论如何,回到我们的主题上,因为其构建和形成字母的方法,诸如Roundhand(圆体),Spencerian(斯宾字体)和Copperplate(铜板体)都被认为是正式字体。 他们都用尖头笔尖和墨水书写。 这些字形具有特定的倾斜率,角度(大约50度以上 - 表现的是它们在笔锋之间变化),速度等。 如果你想知道在哪里可以看到如此美妙的笔法,独立宣言是铜版的雕刻字体! 可口可乐标志甚至包含了Spencerian(斯宾字体)的一些特征。

然后我们也有 informal script(非正式字体),这样更加有多变性。 它源自正式字体,如字体构造,但它具有从其起源完全独特的能力。整体速度,组成,颜色,大小和其他因素随非正式字体而变化。 更改字体的宽度,角度,大小,对比度和其他特征可以创建独特的非正式字体。

如果您在本教程中或之后对字体有任何疑问,请随时问! 我很乐于与你分享我的经验。

现在,让我们开始吧!

1.准备好你需要的工具

  1. 透写纸(硫酸纸)
  2. 方格纸
  3. 铅笔
  4. 这个 pdf 文件 (当我们想要将其复杂化的时候)

我们将好好完善我们的字体! 所以透写纸(硫酸纸)越多越好。 因为我们只绘制,用你最喜欢的铅笔、 橡皮擦、 削笔刀等。你需要可以帮助你绘制的任何工具。

下载附加的PDF供你欣赏 。 我的建议是你可以印刷出来。(这样你就有将字体复杂化参照)在你完成本教程作品时可以把它作为参照!

ScriptLettering-Tools

2.正式字体

我们将首先了解创建正式字形的基本形状和笔触。 对于本教程这个部分,我们将重点绘制的单词"design"(全部小写) 。 这个词里面有你以后可以利用的基本笔画大的组合。

利用这个文档中的笔画并尝试理解他们的形成方法将有助于你对任何字母/词的理解,因为它们都包含了相同的基本笔画。

我亦提供了一些gifs,所以你可以看到每个字母笔画组合的细节。 掌握这些笔画是成功的关键! 让我们开始吧。

第 1 步

为本教程的这一部分准备一张方格纸 ! 让我们创建我们的基本参考线,设置大写字母高度和 x轴的高度,让我们的字体放置在其中。 在页面的中间添加一条虚线为x的高度。 下一步,从中间,向上数三个蓝色方块,画一条线。 之后,在三个蓝色方格之下再画一条实线。

好了 !现在你设置好了大写字母的高度, x轴的高度和基本参考线。

ScriptLettering-Guide

第 2 步

之后,我们需要为字体建立一定的角度/坡度。 在每一个方块或两个正方形之间画倾斜角度的线 (约 45 度)。 一旦你完成了,应该如下图所示。

ScriptLettering-Slope-Guide

第 3 步

好了 ! 准备一张空白的透写纸(硫酸纸)放置在你准备好的有参考线的方格纸上方。

现在让我们开始构建设计这个"d"字母。 小写字母"d"包含两个笔画。 一个是椭圆形的形状 ("d"的圆圈形状) 而另一个是"d"的枝干。 在我们方格纸 x 高度上开始椭圆形的图案。 然后,添加d的枝干,这将延伸到字母顶的高度。 你的结果将如下图所示。

ScriptLettering-Formal-d

第 4 步

现在我们转向字母“e”,你会发现这个字母会使用相同的椭圆。 注意“e”的斜率/角度,并将其与你刚绘制的“d”的角度相匹配。

ScriptLettering-Formal-e

第 5 步

接下来,我们来绘制"s"。 由于其复杂的结构,这个字母可能是最难掌握的。 小提示:“s”的底部应该出现圆而不是太扁平。 此外,“s”结构的顶部实际上在x高度之上。 这是为了平衡它与其他字母之间的负空间和重量。 如果“s”的顶部刚刚满足x高度,它的尺寸会显得相当小。

ScriptLettering-Formal-s

第 6 步

好了,现在我们绘制了复杂的“S”,现在我们来书写一个简单的“i”字母。 这基本上是一个半枝干(类似于“d”的枝干,但大约只有d一半的大小) 作为一个完美的“i”,注意点和枝干的距离(画龙点睛之笔)。 如何他们之间的距离太远的话,就有太多负空间。 观看由点的距离创建的负面空间,只是点金之笔。

ScriptLettering-Formal-i

第 7 步

让我们继续,这个“g”不应该太难了。 它在大小和结构方面几乎都是倒置的“d”。 需要注意的一个问题是“g”尾部重量的变化,因为它之后向上延伸到“n”。 经过一些练习,这种处理方式对你而言应该是小菜一碟。 它包含另一个椭圆形的“g”和一个枝干形成结尾。

ScriptLettering-Formal-g

第 8 步

完成啦! 最后一个字母是“n”。 这个字母的结构由两个笔画组成。 一个短枝干(连接到g,在这种情况下)将第二枝干连接到第一枝干上。

ScriptLettering-Formal-n

下面是书写完毕的"design"。 再次,这个单词中提到的这些基本笔画亦适用于所有其他字母/单词。 请持续练习,你会越来越熟悉字体结构的! 多练习是关键!

总结

ScriptLettering-Formal-complete

你有没有觉得完成的词有点奇怪? “g”和“n”之间的字距比其余字间距部分显得更远,对吧? 对于正式的字体,需要稍大的空间来连接相应的笔画。 你希望你的所有字母是coulée的(法语单词,意为流畅)连接他们而不是牵强的连接上。

3正式/非正式字体

第 1 步

当你了解到一些正式字体的知识,让我们来应用这些基本技巧来绘制一些非正式的字体。

对于这整个教程来说,我们将一遍又一遍地重复绘制相同的短语。 现在,完全由你决定你想用哪句短语。 但是,我非常欢迎您使用与我相同的短语,即:Bury The Past.(掩埋过去)。

所以,如果你不想使用我提供的上述短语,那么请花点时间来集思广益,或者在歌词,电影中搜索一个短语。

ScriptLettering-Phrase

第 2 步

就像大多数字体项目一样,我们从概念化和头脑风暴阶段开始。 我们将开始排版,以真正发挥字体设计的全部潜力。 快速勾画出想法的最佳方式是利用形状,弧线,线条等方式来实现或跟随。 就像下面的例子,草绘一些想法,以帮助您决定哪种布局最适合你选择的短语。

在这个阶段,最好缩小化你的想法,这样你可以快速地在纸上实现你想法。 然后,稍后,微调这些字体的大小。

ScriptLettering-Concepts

第 3 步

接下来,在勾画出一些组合风格后,选择一个你觉得最合适的组合继续下一步的工作。 在这个阶段,我喜欢把这个草图字体组合扫描到电脑里,放大它,然后在大尺寸下开始绘制。

所以,要么将它扫描到计算机中,要么打印出来,或者只用更大的尺寸重新绘制字体,用对你来说最简单的方法来执行就好。

ScriptLettering-Selected-Concept

第 4 步

一旦你放大你的字体草图后,现在可以进一步将其改进。 准备好要反复绘制你的字母。 在这个阶段,我们将努力调整字间距,字体之前的负空间,字体联接点和整体构图。 一旦你完善,细化,再细化,你将有拥有一个完成的字体“骨架”。

ScriptLettering-Informal-1

第 5 步

接下来,我们将继续完善并添加与字母之间的对比。 这是你可以按任何你想要的方向进行字体绘制。 对我来说,我倾向于绘制一种真正流线和笔刷般的感觉。 我想要组合一个合适的韵律和独特的风格,并添加一些“骨干”的垂直的笔画效果。

花点时间开始增加你字体的厚重感。 这是由你决定字体笔画的粗幼,高低对比度的时候。

ScriptLettering-Informal-2

第 6 步

再次,我们将继续完善字母,直到它变得完美。 基于这点,我需要继续增加字体厚重感,并注意字母间距,负空间和字母之间的连接点。 当你增加字体厚重感的时候,这些所有的变量都会改变! 如果你发现在你增加字体厚重感后整个组合变暗了,你可以适当增加一些字母之间的空间。

ScriptLettering-Informal-3

第 7 步

你可能不会注意到上一步和这一之间的差异。 但是,如果你仔细观察,发现我改变了某些字母的字距和位置。 正如你看到的,在上一张图片上,我告诉自己要适当打开一些字间距。 此外,我还绘制了斜线,以确保所有字母形状都遵循相同的角度。 对这些字母进行更多的调整和改进,直到颜色(整体的正负空间)和结构很流畅为止。。

花点时间重新绘制可能需要调整的字体。 你可能需要调整间距或连接,或者如果它们都没有按照相同的角度,你需要进行更正。

ScriptLettering-Informal-3

第 8 步

现在是我字体设计的最后阶段! 我已经很好地调整了这些字母,使整个色彩均匀,平衡,节奏和构图均匀。

请花一点时间清理各字母,直到完全完成。 经过多次重绘,我们已经有了一个很好的字母组合整体了!

ScriptLettering-Informal-4

下面是完整的过程。 都是精炼字体的过程!

ScriptLettering-Informal-Process

矢量?

想在你电脑上进一步优化字体? 需要更好地掌握Illustrator中的钢笔工具? 在将来的教程中,我将使用这个字体绘制技巧向矢量图形更进一步。 请继续关注我!

4.装饰字体

在我们开始本教程的这一部分之前,我想提供一些你需要要记住的规则和事项。 首先,装饰字体不会自动使你的字体变得更好,也不需要对你的每个字母进行装饰。 请小心应用装饰到你的字体里面。

接下来,要记住的另一个重要规则是从你字母的开笔端和收笔端增加装饰。 笔画的开端和末端是完美的装饰地方。 请确保要让这个过程不僵硬,自然而然的形成。

在我们开始之前最后需要注意的事情是:装饰字体是需要平衡和精炼的,就像你完成上面的字体书写过程一样。 装饰亦创造正负的空间,所以需要平衡你创造的正负空间来美化字体。 装饰的关键是平衡感。

第 1 步

我们由基础的装饰笔画开始。 下载我提供的PDF并打印出来观察基本的笔画。 我们只是专注于笔画本身。 一旦你掌握了这些技术,你可以将它们应用到你的字体。

让我们由螺旋装饰开始吧! 在您的打印的PDF上放置一张空白纸。 开始重复螺旋的装饰,直到你了解你手臂和手腕的肌肉运动方式。 一旦你已经练习反复和描摹它后,试着不要临摹,徒手画!

ScriptLettering-Flourish-Spiral

第 2 步

现在我们来做下一个装饰笔画:循环。 将一张新的白纸打印出来放在参考图上,并开始临摹循环的笔画。 好好练习,直到你觉得你可以脱离这个参考图片

这一笔划的关键是平衡由重叠线创建的正负空间。 另外,注意笔画粗细和粗细交叉之间的比例。 不要让两个一样粗的笔画相交,因为它会产生极度厚重的正空间。 再次,平衡是这里的关键 !

ScriptLettering-Flourish-Loop

第 3 步

然后,让我们来练习收尾笔画。 这不是一个正确的术语,是我对这个特定笔画进行分类的方法。 不管怎么样,就像之前一样开始描摹。 如果你觉得你在这个笔画上有很好的把握,请接着绘制多个笔画。 注意缩放大小,对比度以及一致性!

ScriptLettering-Flourish-Tail

第 4 步

接着,我们练习s曲线。 它可能看起来很简单,但观察笔触厚度的微妙变化以及高度的微妙变化。 就像我们之前一样,一遍又一遍地练习这个笔画,直到你很好地掌握了这个技术。

ScriptLettering-Flourish-SCurve

第 5 步

最后,我们练习图中的8种笔画。 这是更复杂的笔画之一,因为需要平衡一切以及注意笔画交叉的位置。 就像循环圈一样,注意笔触相交时的厚度。 通过描摹或手绘来练习其中的一些技巧!

ScriptLettering-Flourish-Figure8

第 6 步

将这些技术应用到你下一个字体设计作品中 !

你可能已经注意到我的Bury The Past设计中,它有一个夸张的s曲线蓬勃发展的小写字母的出口笔画。 这就是通过“自然地”方式丰富它而不是牵强的丰富字体。 简单的s形曲线平衡负的空间,创造了一个美丽和紧致的整体。

Bury the Past finished composition

结论

看起来很复杂,对不对? 练习和重复是成功的关键 ! 我向你保证,不停地临摹,不断地绘图、 不断地完善和你会看到你的进步。 手写字体是绝对需要多年练习才能完全掌握其外观和精髓,所以不要气馁。 如果你有任何问题,请在下面留下你的问题,我可以为你排忧解难。 祝你好运!

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.