松果

 

大家好,我是大猫,本周给大家带来的是一篇字体设计的教程。重点在于通过这个案例,带大家认识西文中用的造字法。首先我们来看一下倍速播放的演示视频吧!

 

 

 

视频看完了我们看一下重点,西文中用的三大步骤,如下。

 

下面我们将这三点分别说明。

 

确定字型实际上就是通过分析项目需求的风格特征,来确定一款适合此项目风格的西文字体。

比如我们这次做的是“暗夜骑士”四个字,首先要做的是分析适合这个主题的风格和形式,切忌一上来不经过分析思考就开始做。

 

通过联想,我们可以从“暗夜骑士”发散出很多关键词,如下。

 

通过这些关键词我们可以很自然的联想到哥特字型,ok,那我们就在软件中输入所有英文字母和数字的大小写,如下。

接下来我们去选择几款哥特字型去进行比对,不同的哥特字型写法和风格也是有差异的,所有我们要选择一个最合适的。

 

这里我挑了四款哥特字型来进行比对,如下。

 

 

 

 

可以看到不同的哥特字,其大小宽窄还有一些写法都是不同的,我想将“暗夜骑士”做成有哥特风但同时又不会那么死板的感觉,所以选择了第三款哥特体。

这款笔画相对其他几款更为飘逸张扬,所以选择了这款。至此我们的字型就确定好了,接下来进行第二步“提取笔画”。

 

提取笔画就是将西文中的字母或部分特征提取出来,用来拼凑中文字。具体该怎么做呢?可以先将“暗夜骑士”四个字用正体字打出来,观察这几个字所用到的笔画。

正体字也就是结构非常严谨的字,常规的黑体、宋体都属于正体字的范围。

这里我用了思源宋体-Bold字重作为结构的参考字。

 

输入好之后们可以对字做笔画的拆分,找出构成这几个字最基本的笔画,如下。

 

通过拆分可以看出这整组字是用 横、竖、竖勾、点、捺、提和不同程度的撇构成的。到此我们便可以从英文中去找类似结构的笔画,如下。

通过小写“l”和“i”得到横竖笔画,如果将竖笔的特征加长就是一个勾的笔画。

 

通过大写“I”和小写“f”得到提(也可以当横的另一种变化笔画)和点。

 

通过小写“J”的笔画提取出顶部的特征,然后用钢笔画出撇笔的特征,延长尖叫锚点的长度可以得出不同程度的撇,而将撇旋转一下就可作为捺的笔画。

这里也提醒大家不要学死了,如果英文字母中没有合适的笔画就需要我们运用他们的特征自己去做,就像上面的“撇”一样。另外如果英文字母中的曲线不平整也是需要我们去调整或者重新去画的。

到此文字中需要的笔画都提取完毕了,接下来就是第三步“字形重组”了。

 

 

字形重组,就是用我们提取出来的笔画重新组成字形,如下。

 

我们可以先选择一种笔画复制到所有的文字上,再去调整不同笔画的长短即可。这样做比较有效率。另外在交叉转折的横笔我们是看不到哥特体特征的,这种时候可以直接用矩形表示。

 

接下来再把竖笔放上去,注意边做边调整,灵活一点,比如这里“口”字的横笔就去掉了,而是用两个竖笔的特征去做延伸。

依次将提取出来的笔画放上去,字体也就渐渐成型了。做成这样并不是就结束了,我们需要根据视觉对字的结构进行严谨的调整,让视觉上更舒服。

图中白色部分是原始的字形结构,而金色部分是调整后的,这样一对比结构差异还是比较大的。

 

调整完结构后可以做一做排版跟变化,让其在视觉上更有冲击力。

 

也可以加入一些更有形式感的特征,比如这里我将笔画从中间切割一下,使其更具有形式感。

 

至此我们的哥特字也就做完了。那么西文中用的方法大家学会了嘛?

 

原文地址:大猫设计(公众号)

作者: 大猫Addict
 

转载请注明:学UI网 » Get!从哥特字看西文中用造字法

登录收藏
 
你可能喜欢的:
设计中的数字之美设计中的数字之美
如何在AI中创建一个2.5D文本如何在AI中创建一个2.5D文本
设计好看,有本事设计中的数字也好看设计好看,有本事设计中的数字也好看
设计中标题文字如何处理更吸引人?设计中标题文字如何处理更吸引人?
Get!如何快速做潮流插画风LOGOGet!如何快速做潮流插画风LOGO
设计App Logo时,如何提取关键元素?设计App Logo时,如何提取关键元素?
免费图标有很多,就是为了不用画吗?瞎扯!免费图标有很多,就是为了不用画吗?瞎扯!
【海平面】Logo设计中的黄金比例【海平面】Logo设计中的黄金比例
绿搜平台LOGO设计迭代思路绿搜平台LOGO设计迭代思路
Logo图形整得很漂亮,一配上文字就糊了?Logo图形整得很漂亮,一配上文字就糊了?