字体教程!8个案例教你设计江户风髭(zī)文字

时间:2022-07-13
类别:字体设计
水平:普通
观众:8.2k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

字体教程!8个案例教你设计江户风髭(zī)文字

教程作者:刘兵克工作室-熊伟、张高驰

授权转载自公众号:字体帮

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

关于教程

江户文字来源于日本,是江户时代所使用的广告字体,根据不同的用途,大致分为:勘亭流体、提灯文字、寄席文字、笼文字、髭文字、相扑文字、角字,总共这七种。

今天,我们一起学习其中的髭(zī)文字,它的特点非常明显:笔画末端,有须状的装饰,类似中国书法的飞白,笔画内部,有类似高光的装饰。

字体教程!8个案例教你设计江户风髭(zī)文字

这类字体,在字体帮的往期投稿中时有出现,很多字友对这样的字体也很感兴趣,所以,教程安排上了!多余的话不讲,教程,开始!

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #01

先看最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:根据命题的词义和髭文字的特点,设定出基本笔画,确定笔画风格,第一步,就是最关键的一步:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:既然要用髭文字做”侠客行“三个字,那么,我们可以找个日本的大侠观察一下,找找灵感和感觉:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:用设定好的笔画,搭建出全部字体,其实就是很简单的笔画堆积过程:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

第四步:竖排,并根据竖排后的具体情况,再调整一下每个字的比例,给笔画添加一些斑驳的细节,让字体多一些沧桑感和血肉感,细节更丰富:

字体教程!8个案例教你设计江户风髭(zī)文字

最后,拿到ps,做一下排版和效果,就完成了呢!

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #02

这一例,是根据髭文字所做的设计创新和演变,最终效果,是偏趣味和卡通一些的:

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:还是根据髭文字的特点,设定基本笔画,确定笔画的风格,这次的设定,我们做出了简化,没有保留那种原始和复古的感觉:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:用圆头端点的线条笔画,搭建字体结构:

字体教程!8个案例教你设计江户风髭(zī)文字

优化字体比例和间距:

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:融入之前已设定好的笔画,并增加一些细节处理:

字体教程!8个案例教你设计江户风髭(zī)文字

添加文字组合:

字体教程!8个案例教你设计江户风髭(zī)文字

加入排版,整体效果就完成了,是不是也很简单?

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #03

最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:还是根据命题的字义和髭文字的特点,设定基本笔画,确定笔画的风格:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:用确定好的笔画搭建字体结构:

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:逐个优化一下字体的细节与结构,让笔画和笔画之间的关系更协调:

字体教程!8个案例教你设计江户风髭(zī)文字

整体放大看一下:

字体教程!8个案例教你设计江户风髭(zī)文字

再加上一些高光的细节装饰:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

作为一个很细的男人,上面的细节还不够,我继续加细节!

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

几个字排排队,完成!

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #04

最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:还是跟之前的示范一样,根据命题的感觉和髭文字的特点,设定基本笔画,确定笔画的风格,这款字体,建议厚重一些:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:用设定好的笔画去搭建字体结构,这么随便一搭,是不是瞬间就出感觉了?!我都被我自己吓到了!

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:给字体笔画添加一些切割效果,并且用钢笔工具绘制一些褶皱效果,给字体增加历史年代感:

字体教程!8个案例教你设计江户风髭(zī)文字

添加文字,进行组合装饰:

字体教程!8个案例教你设计江户风髭(zī)文字

最后,排版搞起来,完成!

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #05

先看最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:在书法网站中,找到“卷莲门”三个字的书法字,在AI里用钢笔工具提取出字体结构:

字体教程!8个案例教你设计江户风髭(zī)文字

将提取出的字体结构改为竖排,并将四个字的大小调整统一:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:结构设计完成之后,开始设计笔画造型,根据髭文字的特点,设计出几个基本笔画:

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:使用设计好的笔画,在结构上把字体拼出来,在拼字的时候,可以根据现有的笔画风格,补出没有设计过的笔画:

字体教程!8个案例教你设计江户风髭(zī)文字

最后,字体完成之后,进行恰当排版,就完成了!

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #06

请看最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:在AI里用钢笔工具画出字体结构:

字体教程!8个案例教你设计江户风髭(zī)文字

然后,设计出髭文字的基本笔画:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:用设计好的笔画,在结构上把字体拼出来,在拼字的时候,可以根据现有的笔画风格,补出没有设计过的笔画:

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:在笔画交接的位置,和笔画圆头的位置添加细节设计和装饰:

字体教程!8个案例教你设计江户风髭(zī)文字

继续添加装饰,这次在笔画内部转折的地方添加:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

装饰添加完成之后,把字体和装饰全选中,在路径查找器中,点击分割:

字体教程!8个案例教你设计江户风髭(zī)文字

然后使用魔棒工具,将填充颜色设置为0,点击笔画的装饰,装饰被选中之后,将它删掉:

字体教程!8个案例教你设计江户风髭(zī)文字

第四步:给字体添加排版,使作品更加完整:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #07

先看最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:用钢笔工具勾出字体的结构,勾的时候可以加入一些连笔的设计,可以参考行书:

字体教程!8个案例教你设计江户风髭(zī)文字

根据命题的感觉和髭文字的特点,设计几个基本笔画,确定笔画的风格:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:结构和笔形都有了之后,用笔画将字拼出来!

字体教程!8个案例教你设计江户风髭(zī)文字

对字进行错位排版,这里需要注意四个字的大小要统一:

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:在笔画转折的地方,以及笔画圆头的地方添加弧线的装饰:

字体教程!8个案例教你设计江户风髭(zī)文字

装饰添加完成之后,框选字体和装饰,在路径查找器中,点击分割:

字体教程!8个案例教你设计江户风髭(zī)文字

然后使用魔棒工具,将填充颜色设置为0,点击笔画的装饰,装饰被选中之后,将它删掉:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

第四步:给字体添加亿点点效果,进行恰当的排版和装饰,就完成了!

字体教程!8个案例教你设计江户风髭(zī)文字

不好意思,有点快~

字体教程!8个案例教你设计江户风髭(zī)文字

案例 #08

先看最终效果

字体教程!8个案例教你设计江户风髭(zī)文字

第一步:在书法网站中,找到命题的书法字作为参考,这里我找的是行书作为参考:

字体教程!8个案例教你设计江户风髭(zī)文字

将书法字竖排,然后用钢笔工具提取书法字结构,然后适当调整字体,将字体的大小统一,“正”字的连笔是影响识别的,这里将它的连笔去掉,提高其识别度:

字体教程!8个案例教你设计江户风髭(zī)文字

第二步:老习惯,根据髭文字的特点,设计出一些基本笔画:

字体教程!8个案例教你设计江户风髭(zī)文字

然后在结构上将字体拼出来:

字体教程!8个案例教你设计江户风髭(zī)文字

第三步:给字体添加装饰,在笔画边缘处,画一些曲线装饰:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

然后,继续在笔画转折的地方,添加向内的装饰:

字体教程!8个案例教你设计江户风髭(zī)文字

最后,再添加一点点细节:

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

装饰添加完成之后,框选字体和装饰,在路径查找器中,点击分割:

字体教程!8个案例教你设计江户风髭(zī)文字

第四步:字体完成之后,再简单排版,搞定!

字体教程!8个案例教你设计江户风髭(zī)文字

字体教程!8个案例教你设计江户风髭(zī)文字

足足八个案例啊!终于写完了!

如果你已经装作很认真的看完,你会发现这个细节:笔画的设定,是关键中的关键!所以,大家在练习的时候一定要做好第一步,好的开始,就是成功的一半!

就唠叨到这里啦,感谢大家阅读,下次再约哟~

字体教程!8个案例教你设计江户风髭(zī)文字

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc4 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

3 收藏 18

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片