字体教程!3个案例教会你用主题延展字体创意

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

字体教程!3个案例教会你用主题延展字体创意

教程作者:刘兵克工作室 - 买买(授权转载自公众号:字体帮

交作业:#优设每日作业#

文章编辑:@雪寄草

关于教程

大家好,我是买买,一个安静又敦实的美男子。

字体教程!3个案例教会你用主题延展字体创意

北京冬奥会昨晚闭幕啦,回想一下这一届冬奥会,真是有很多让人难忘的瞬间,比如开幕式,又一次被张艺谋导演的美学给惊艳到了;当然昨晚的闭幕式,也同样是中国式的唯美和浪漫,让人回味无穷;比如“冰墩墩”的红遍全网以及“一墩难求”;当然,赛场上的各个精彩瞬间,更是让我们热血澎湃,比如谷爱凌和苏翊鸣的夺金,还出现了“翊鸣惊人”、“凌空绽放”等谐音标题……

这次,我就想把这些热词用字体设计的方式呈现出来,并分享出整个设计过程,希望这篇教程,可以勾引起大家的兴趣,给大家一些帮助。

字体教程!3个案例教会你用主题延展字体创意

案例一:一墩难求

Step1

在我看来,“一墩难求”应该做出厚重、敦实的感觉,笔画一定会是很粗的那种,字体比例不会很高,大概的方向确定了以后,心里就会有点数了。

字体教程!3个案例教会你用主题延展字体创意

在AI里面用矩形工具,先搭建出一个基础的结构,这一步,需要注意一下结构和笔画的空间处理,布白尽量均匀些:

字体教程!3个案例教会你用主题延展字体创意

Step2

第一步出来,已经有敦实的感觉了,就像我肚子上的那块腹肌一样,给人一种很踏实沉稳的感觉。

但是……笔画稍稍有点小硬,缺少了“冰墩墩”那种圆润感

字体教程!3个案例教会你用主题延展字体创意

so,我把斜笔的笔画统一调整为圆弧,如红圈的位置。

绿圈的位置,如果连起来,会有点糊,于是,我选择了断开:

字体教程!3个案例教会你用主题延展字体创意

Step3

观察上一步,会发现字体的负空间还不够均衡,且笔画有些碎。

给字体做减法,可以同时解决以上两个问题;

先来看“墩”字,“土字旁”两边都出头,显得碎,把右边出头的笔画(红圈位置)切掉;

“口字旁”的两个竖笔较近,这里省掉横笔画(绿圈位置),也不会影响到其识别度;

黄圈的位置,也看起来碎,这里我选择删掉右边的横笔画,并把旁边的粗笔补过来:

字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意

再来看一下”难”字;

“又”上面的横笔画去掉(红圈位置),这和上面“墩”的口是一个原理;

“难”的右半部分看起来很封闭,相对“又字旁”,缺少透气感,我在绿圈的位置做了一个断笔;

“一”字和“求”字笔画相对少,就不需要做减法了:

字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意

简化后的效果,如下:

字体教程!3个案例教会你用主题延展字体创意

Step4

现在看来,字体略微有点板正了,把点的笔画用圆来替换,这一点小细节的改变,让字体多了几分俏皮感和可爱感

字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意

Step5

给字体转折的笔画加些圆角进去,会更契合“冰墩墩”的感觉,竖笔的圆角要比横笔的大一倍:

字体教程!3个案例教会你用主题延展字体创意

整体观察一下会发现,“墩”在视觉上要比其它字显小一点点,我们优化下:

字体教程!3个案例教会你用主题延展字体创意字体教程!3个案例教会你用主题延展字体创意

最后,尝试排版,将字体进行错位和角度变化,可以让整体更活跃,更有层次感

字体教程!3个案例教会你用主题延展字体创意

当当当当!看一下最终效果:

字体教程!3个案例教会你用主题延展字体创意字体教程!3个案例教会你用主题延展字体创意

案例二:翊鸣惊人

Step1

“翊鸣惊人”真的是有惊到我,人家的18岁,拿到了奥运冠军,而我的18岁,还只是在啃辣条……

字体教程!3个案例教会你用主题延展字体创意

所以,这组字必须要把气势拿捏到位了,这次换姿势,尝试手写风格

先大概把字体骨骼写出来,这里用了大小大小的排版形式,可以让整体节奏感变强,动次打次……

绿圈标注的位置,分别是从不同的方向进行了笔画延长处理,可以让整体显张力:

字体教程!3个案例教会你用主题延展字体创意

字体教程!3个案例教会你用主题延展字体创意

Step2

在骨骼的基础上,用画笔工具来画出外轮廓,这一步,用手绘板会更容易上手,没有手绘板用鼠标画,当然也是可以的。

画的时候,需要观察笔画之间的距离,建议紧凑些,避免太散。

另外!如果画一遍觉得不满意,你可以降低透明度叠底,多画几遍,直到满意为止:

字体教程!3个案例教会你用主题延展字体创意

字体教程!3个案例教会你用主题延展字体创意

Step3

这一步就很简单了,把画好的轮廓叠底,用钢笔工具勾出来即可:

字体教程!3个案例教会你用主题延展字体创意

Step4

勾出来之后,肯定还有很多细节等着我们去优化;

红圈位置的笔画略细,黄圈位置的鸟,头有点大,绿圈位置的京,窄了!

字体教程!3个案例教会你用主题延展字体创意

改好后,继续观察。

红线位置的切角角度需要统一起来;

绿圈位置的切角,调整为尖角,会更锐气;

人字交叉位置的笔画,可以稍微细些,太粗显得臃肿:

字体教程!3个案例教会你用主题延展字体创意

里面有很多连笔走势,我是有参照行书的,大家如果不知道怎么连的时候,也可以用下这个方法:

字体教程!3个案例教会你用主题延展字体创意

字体教程!3个案例教会你用主题延展字体创意

来,搭配图片和排版,我们看一下最终效果!

字体教程!3个案例教会你用主题延展字体创意

案例三:凌空绽放

Step1

有不少小伙伴买了我们工作室的《字体设计变形宝典》,不知道大家有没有完全get到它的使用方法,那么,这次的“凌空绽放”,我就用《字体设计变形宝典》来教大家更好的驾驭它。

字体教程!3个案例教会你用主题延展字体创意

先从书里找出这四个字的变形(每个字有十种变形),挑自己觉得合适的就行,先不管四个字是不是粗细一致或者比例一致。

找出以后,我们在做的过程中,要统一四个字的比例和粗细,这个时候,比例和粗细可以直接在找出来的字里参考。

比如这组字里,比例参考了“凌”字,笔画粗细,则是参考了“绽”字,我们接下来要做的,就是协调他们,让他们开心的成为一组整体:

字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意

Step2

参考的“空”字和“放”字里,有断笔处理,那我们可以统一给四个字都增加一处断笔处理,这样做,设计感才能前后呼应,队形才能更加整齐有序:

字体教程!3个案例教会你用主题延展字体创意

字体教程!3个案例教会你用主题延展字体创意

Step3

一般来讲,做到上一步就差不多了,但是对于这个命题来说,我觉得笔画有点细,缺少气势,我统一给字体的竖笔画,加粗了一些:

字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意

Step4

后面两步可以稍稍的自由发挥一下,比如给笔画加些尖角什么的,丰富下细节,以及给字体进行错位和倾斜排版,这些都比较简单常用,而且很容易出效果:

字体教程!3个案例教会你用主题延展字体创意

讲真,用这本宝典做参考,会节省很多脑细胞,做字速度会快很多!

字体教程!3个案例教会你用主题延展字体创意

ok,看一下最终排版效果:

字体教程!3个案例教会你用主题延展字体创意

最终效果图

最后,把三个案例排排队,一起展示一下:

字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意 字体教程!3个案例教会你用主题延展字体创意

最后,想跟小伙伴们强调一下,我们在设计一组字的过程中,每一步都是有它存在的意义,都是有目的的,有功用的,我们在做设计感的时候,一定要冷静,保持清晰的头脑和思路,不能盲目,也不能随便哦~

好啦,别的话不多说了,买姐与你下期再约!

字体教程!3个案例教会你用主题延展字体创意

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

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

10 收藏 20

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片