教程作者:刘兵克工作室 - 买买(授权转载自公众号:字体帮)
交作业:#优设每日作业#
文章编辑:@雪寄草
大家好,我是买买,一个安静又敦实的美男子。
北京冬奥会昨晚闭幕啦,回想一下这一届冬奥会,真是有很多让人难忘的瞬间,比如开幕式,又一次被张艺谋导演的美学给惊艳到了;当然昨晚的闭幕式,也同样是中国式的唯美和浪漫,让人回味无穷;比如“冰墩墩”的红遍全网以及“一墩难求”;当然,赛场上的各个精彩瞬间,更是让我们热血澎湃,比如谷爱凌和苏翊鸣的夺金,还出现了“翊鸣惊人”、“凌空绽放”等谐音标题……
这次,我就想把这些热词用字体设计的方式呈现出来,并分享出整个设计过程,希望这篇教程,可以勾引起大家的兴趣,给大家一些帮助。
Step1
在我看来,“一墩难求”应该做出厚重、敦实的感觉,笔画一定会是很粗的那种,字体比例不会很高,大概的方向确定了以后,心里就会有点数了。
在AI里面用矩形工具,先搭建出一个基础的结构,这一步,需要注意一下结构和笔画的空间处理,布白尽量均匀些:
Step2
第一步出来,已经有敦实的感觉了,就像我肚子上的那块腹肌一样,给人一种很踏实沉稳的感觉。
但是……笔画稍稍有点小硬,缺少了“冰墩墩”那种圆润感。
so,我把斜笔的笔画统一调整为圆弧,如红圈的位置。
绿圈的位置,如果连起来,会有点糊,于是,我选择了断开:
Step3
观察上一步,会发现字体的负空间还不够均衡,且笔画有些碎。
给字体做减法,可以同时解决以上两个问题;
先来看“墩”字,“土字旁”两边都出头,显得碎,把右边出头的笔画(红圈位置)切掉;
“口字旁”的两个竖笔较近,这里省掉横笔画(绿圈位置),也不会影响到其识别度;
黄圈的位置,也看起来碎,这里我选择删掉右边的横笔画,并把旁边的粗笔补过来:
再来看一下”难”字;
“又”上面的横笔画去掉(红圈位置),这和上面“墩”的口是一个原理;
“难”的右半部分看起来很封闭,相对“又字旁”,缺少透气感,我在绿圈的位置做了一个断笔;
“一”字和“求”字笔画相对少,就不需要做减法了:
简化后的效果,如下:
Step4
现在看来,字体略微有点板正了,把点的笔画用圆来替换,这一点小细节的改变,让字体多了几分俏皮感和可爱感:
Step5
给字体转折的笔画加些圆角进去,会更契合“冰墩墩”的感觉,竖笔的圆角要比横笔的大一倍:
整体观察一下会发现,“墩”在视觉上要比其它字显小一点点,我们优化下:
最后,尝试排版,将字体进行错位和角度变化,可以让整体更活跃,更有层次感:
当当当当!看一下最终效果:
Step1
“翊鸣惊人”真的是有惊到我,人家的18岁,拿到了奥运冠军,而我的18岁,还只是在啃辣条……
所以,这组字必须要把气势拿捏到位了,这次换姿势,尝试手写风格!
先大概把字体骨骼写出来,这里用了大小大小的排版形式,可以让整体节奏感变强,动次打次……
绿圈标注的位置,分别是从不同的方向进行了笔画延长处理,可以让整体显张力:
Step2
在骨骼的基础上,用画笔工具来画出外轮廓,这一步,用手绘板会更容易上手,没有手绘板用鼠标画,当然也是可以的。
画的时候,需要观察笔画之间的距离,建议紧凑些,避免太散。
另外!如果画一遍觉得不满意,你可以降低透明度叠底,多画几遍,直到满意为止:
Step3
这一步就很简单了,把画好的轮廓叠底,用钢笔工具勾出来即可:
Step4
勾出来之后,肯定还有很多细节等着我们去优化;
红圈位置的笔画略细,黄圈位置的鸟,头有点大,绿圈位置的京,窄了!
改好后,继续观察。
红线位置的切角角度需要统一起来;
绿圈位置的切角,调整为尖角,会更锐气;
人字交叉位置的笔画,可以稍微细些,太粗显得臃肿:
里面有很多连笔走势,我是有参照行书的,大家如果不知道怎么连的时候,也可以用下这个方法:
来,搭配图片和排版,我们看一下最终效果!
Step1
有不少小伙伴买了我们工作室的《字体设计变形宝典》,不知道大家有没有完全get到它的使用方法,那么,这次的“凌空绽放”,我就用《字体设计变形宝典》来教大家更好的驾驭它。
先从书里找出这四个字的变形(每个字有十种变形),挑自己觉得合适的就行,先不管四个字是不是粗细一致或者比例一致。
找出以后,我们在做的过程中,要统一四个字的比例和粗细,这个时候,比例和粗细可以直接在找出来的字里参考。
比如这组字里,比例参考了“凌”字,笔画粗细,则是参考了“绽”字,我们接下来要做的,就是协调他们,让他们开心的成为一组整体:
Step2
参考的“空”字和“放”字里,有断笔处理,那我们可以统一给四个字都增加一处断笔处理,这样做,设计感才能前后呼应,队形才能更加整齐有序:
Step3
一般来讲,做到上一步就差不多了,但是对于这个命题来说,我觉得笔画有点细,缺少气势,我统一给字体的竖笔画,加粗了一些:
Step4
后面两步可以稍稍的自由发挥一下,比如给笔画加些尖角什么的,丰富下细节,以及给字体进行错位和倾斜排版,这些都比较简单常用,而且很容易出效果:
讲真,用这本宝典做参考,会节省很多脑细胞,做字速度会快很多!
ok,看一下最终排版效果:
最后,把三个案例排排队,一起展示一下:
最后,想跟小伙伴们强调一下,我们在设计一组字的过程中,每一步都是有它存在的意义,都是有目的的,有功用的,我们在做设计感的时候,一定要冷静,保持清晰的头脑和思路,不能盲目,也不能随便哦~
好啦,别的话不多说了,买姐与你下期再约!
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点