专栏名称: IXDC
IxDC由广州美术学院设计学院、香港理工大学设计学院、网易、腾讯、华为、中国电信、中国移动、金山等单位联合发起。是全国第一个受政府认可和领导的交互设计专业委员会,致力于引领中国交互设计行业发展。
目录
相关文章推荐
湖北经视  ·  撒贝宁悼念! ·  昨天  
北京本地宝  ·  北京2025年5个重大地标! ·  5 天前  
湖北经视  ·  最新通报!4名嫌犯(3男1女)已被缉拿归案 ·  3 天前  
51好读  ›  专栏  ›  IXDC

用四国文字教你做字体设计!

IXDC  · 公众号  ·  · 2024-03-29 15:22

正文

本文授权转自: 胡晓波工作室 (ID: ziyou-design

今天天气很好,开始热起来了,万里无云的天空竟然没有一片云彩,也不知道你们最近都在干嘛,遂决定写一篇教程和大家沟通沟通感情。


今天的主题是用四个国家的文字来做汉字的字体设计,其实就是西文中用的升级版,之前讲的都是用英文来做,所以套路大家应该也是比较熟悉了,就好比回想起昨天,仿佛在昨天。



古人说的好,千里江陵一日还,五百里江陵半日还,非常之迅速啊,咱就抓紧开始教程,抓紧还。



第一组先用韩文来搞一搞,这里我是找到了一张图片来提取笔画为主的方式,韩文其实和汉字的笔画是非常相似的,所以很多笔画可以直接来用,下面来看步骤。




根据咱们要做的字“高温注意”,来提取一 下基础的笔画,方便一会直接用这些笔画来拼字,这一步其实很重要,也没多重要,因为如果你愿意花点时间去尝试的话,你就会花点时间...

多花点时间的话就会得到更多可能性,从而可以从中寻找出更适合这一组字的笔画设定以及变化,下面是我提取的一些笔形尝试。


横竖笔画尽量不要去做大的变动,基础一点的造型就可以了,撇笔的造型我不是很喜欢,所以一会可以进行主观的调整,点的笔画也是没有太好的选择,那么可以根据它已有的造型来大致的弄一个圆来代替,口的部分选择就比较多了,可以都提取出来,根据不同的应用环境来进行选择,选择这张韩文作为提取原型,其实有很大一部分原因是我喜欢它这些口字部分的处理。



提取完笔画就可以开始干字了,还是老样子,结构不行或者喜欢用垫底字的同学,找一个自己喜欢的参考结构就行了,毕竟,一个喜欢用垫底字的人往往喜欢用垫底字来垫底做字。




这组字呢,目前来讲挺好看的,但是有点难看,不过也是挺好看的,所以相对好看来说,有点难看,总体来说还是好看,美中不足就是难看了点,不过也不影响它的好看。所以咱还是得改一改细节处。

然后经过我的发现,我发现了这个韩文,这可太美妙了,它能让这组字变得不那么难看,可以好看点了。


最后把那个该死的撇给优化一下,实在是太丑了,把边角切平基本就差不多了,会更干净一些。




拖进PS来点简单的效果,排点英文装饰一下。效果方面,我只加了一个内阴影,重点是杂色那里,拉大的话,颗粒感会比较强,当然不拉杂色也是可以的,效果不同而已。








这组很明显,就是用英文来做的,中文下方配的字体就是主角了,第一个案例说了比较多的废话,那后面我尽量少说,就算我不渴,你们看的可能都看渴了,那就多喝点热水吧,因为喝热水的时候水是热的...



一模一样的做法嗷!不换汤也不换药,还是先提取笔画,这个英文比较特别,所以不需要什么高级操作,基础点的提取笔画就够了,先来展示一下这次的英文细节。


横笔直接用字母i,放倒然后减细点,这里我想做点横笔比竖笔略细的感觉,竖笔也可以用字母i以及字母J的右半边,看情况来选择用哪个就好,撇直接做成竖撇的形式,那就还是字母J,点选择数字2的左上角那里,口字部分可以尝试字母U和D。

当然也可以有更多尝试,比如字母O,Q,G,C,都是可以试的,这里直接跳过这一步,因为我已经试过了,走出半生,归来已过半生。




然后就还是拿垫底字,搭建字形,这里把垫底字拉高了一点,这组字比较简单,没什么调整的,搭建完也就做完了,注意粗细统一,部件比例合理就可以了。




最后还是排版配色,这里加了一个内发光的效果。








第三个是用日文的假名来拼,日文大家都知道了,平假名源于汉字的草书,片假名源于汉字的楷书,抛开其他的不谈,我们谈点其他的,一般我们用日文来做汉字通常有两个大的思路,一个是和之前一样,提取笔画然后拼字,那另一个则是提取个别日文符号,来代替汉字的某个部首或者局部,这里我使用更多的是后者。



首先我们要大量的对比和尝试,因为日文符号看起来长的都比较像,至少我看着是这样的,所以需要仔细的观察日文符号中与汉字的某个局部的相似度,同时,感觉合适的符号,可以都拿过来进行尝试,从而选择最合适的。




先来看一下我的初步尝试,这一步可以不用管粗细以及曲线流畅等细节,主要是判断大体的感觉以及识别度是否可行,不合适的位置需要进行造型上的调整,以达到符合汉字部件。


很丑是吧,甚至不是很好分辨是什么字体,没关系,因为下一步就会优化它,这里咱们只需要分析这个日文代替汉字的部件可不可行,来看一下细节的拆解。



接着我们把那些不太合理的位置,调整的更接近汉字笔画原本的造型和结构。这里依然不需要注意粗细和曲线的问题,先让整体看着更像一个完整的字,先完成再完善。


Ps:这一步没什么可讲的,大家可以仔细对比一下调整的造型来理解。



下面就都简单了,粗细调整的匀称些,曲线流畅些,基本就ok了,需要一点耐心和眼力。这里额外做了一个小的特征,高字和体字最边缘的笔画做了一个向外延长,增加一点视觉张力。




还是差点感觉,那就再来点骚操作,给整体添加一点质感,添加质感的方式有很多,就简单说一下我这里用到的吧。

合并掉字体,先整体给一个倾斜,然后选中字体,执行:效果-效果画廊-画笔描边-成角的线条,参数和效果如下。


参数不必和我完全一样,可以自己尝试,需要达到有一些缺角的效果就可以了,但是!重点细节来了:如果发现怎么调参数,字体都没有效果的情况,那就说明你的字体尺寸放的太大了,调小一点就好了。

然后下一步,继续执行:效果-效果画廊-扭曲-海洋波纹,参数如下,重点是幅度不要调的太大,一般1-3就够了,波纹大小拉满。


最后图像描摹一下,调整到自己觉得合适的效果,这一步就完成了。



最后还是给整体添加一些辅助文字排版以及添加颜色即可。







那么到了最后一个,应该就是最后一个案例了,这次使用的是蒙文,应该是蒙文,为什么用“应该”这个词呢,因为我也不是很确定,虽然我是个蒙古族的汉子,可是我并不会套马,我也并不威武雄壮,那更不用说认识蒙古族的字了。但是这都不重要,做字就是了



那还是先来简单看一下这个文字,说实话不是第一次见,因为我老家就很靠近内蒙古,有多靠近呢,就是没多远...
但确实是第一次用蒙古文字来做汉字的字体设计了,这个字库特征有很多那种看起来比较神秘的曲线,且正常状态是字和字都连在一起的,要抓住这个特征来加以应用。




由于这个文字也是都长的很像,反正我看着是没什么太大区别,可能外国人看咱们汉字也是这样的感觉吧...
所以还是需要进行一些尝试,这里我主要是尝试了第一个字,高字的上半部分处理,通过拆解不同的蒙文部件,打散重新组合得到更适合汉字的结果。


那下半部分也是一样的尝试,最终选出自己觉得合适的组合放在一起即可,这里就不再讲解步骤了,直接放图示。




相同的方法把温字也搞出来,但是在搞的过程中发现两个字可以连的位置比较多,刚好和蒙文的特征也保持一致了,我之前还没发现,当我发现的时候我已经发现了。




那最后继续排版配色,知道你们有疑问,怎么突然就结束了,这件事我长话短说,但说来话长,总的来说就是我偷个懒,没别的意思。

虽然我只做了两个字,但我可以复制一次就是四个字了。







请到「今天看啥」查看全文