胖胖字体的教学(字体教程第一弹)

关于教程

哈喽,条友们大家晚上好!

今天,设计教程,又主动送上门了呢!这次,我们依旧诚意满满,一起来做一下这样的胖胖体:

胖胖字体的教学(字体教程第一弹)(1)

上面的几张作品,是字体帮往期的几份投稿字体,都是可爱的胖胖体风格。这类风格,这两年的出镜率很高,很有市场,很招人喜欢。

几个关键词,我们总结一下这类字体的特点:

胖乎乎、肉嘟嘟、可爱、有趣、搞怪……

这类字体的最大难点,在于笔画之间的细节处理上:笔画到底该怎样省略?相邻的两处笔画,到底谁该在上,谁该在下?

只要解决了这些问题,胖胖体,就瞬间变得轻松容易了!为了把事情交代清楚,本文总共准备有8个案例。

事不宜迟,开整!

胖胖字体的教学(字体教程第一弹)(2)

案例 #01

先看最终效果图

胖胖字体的教学(字体教程第一弹)(3)

第一步:

用“AI”软件中的“钢笔”工具绘制字体笔画,钢笔端点选择圆头,然后将其扩展,给填充和描边分别选择不同的颜色,也就是内白外黑。

胖胖字体的教学(字体教程第一弹)(4)

第二步:

用绘制好的笔画搭建字体结构,注意笔画与笔画之间的叠加关系。

胖胖字体的教学(字体教程第一弹)(5)

以“内”字和“王”字为例,笔画之间的叠加关系是内部笔画覆盖住外部笔画,这样的叠加关系会使字体辨识度更高,看上去更舒服。

胖胖字体的教学(字体教程第一弹)(6)

“卷”字和“者”字属于上下结构,此次案例,用下面结构覆盖住上面结构,辨识度明显更高。

胖胖字体的教学(字体教程第一弹)(7)

第三步:

将处理好的字体填充色关闭,只留描边色,将会得到这种效果!

胖胖字体的教学(字体教程第一弹)(8)

第四步:

利用“AI”软件当中的“剪刀”工具,对上一步的描边进行剪切处理,由于笔画叠加原因,显得错乱复杂,剪切过程中,可以参考第二步梳理好的笔画叠加关系,挑选某些位置剪切出穿插的感觉。

胖胖字体的教学(字体教程第一弹)(9)

什么是穿插?

就是你中有我,我中有你,笔画相亲相爱,交融在一起的感觉!

胖胖字体的教学(字体教程第一弹)(10)

第五步:

因为命题是“内卷王者”,所以根据命题含义,将相关的元素(螺旋线)融入到笔画当中,使其更好地表达字意,就这样,卷起来了!

胖胖字体的教学(字体教程第一弹)(11)

看这个内卷的姿势,像不像大家在字体帮投稿时的样子。

不得不说,字体帮最近的上榜字体,是真的卷到不行啊!

胖胖字体的教学(字体教程第一弹)(12)

额~~~言归正传。

这个字,最后加入文案排版,更换颜色,搞定!

胖胖字体的教学(字体教程第一弹)(13)

案例 #02

先看最终效果图

胖胖字体的教学(字体教程第一弹)(14)

第一步:

用“钢笔”工具勾勒出基本字形,端点和拐角都选择圆头,字面大小相同,重心一致,结构协调,嗯,这一步,就是很常规的造字,简单到不行嘛~

胖胖字体的教学(字体教程第一弹)(15)

第二步:

将字体加粗处理,因为是胖胖体,所以笔画一定要粗到填满字体内部的空间,这样才有胖的感觉……

胖胖字体的教学(字体教程第一弹)(16)

胖胖字体的教学(字体教程第一弹)(17)

第三步:

将加粗的字体执行“扩展”命令,只给描边填充黑色。

胖胖字体的教学(字体教程第一弹)(18)

第四步:

复制一组字体粘贴到描边字体图层下方,并填充和描边图层不同颜色,便于观察。

胖胖字体的教学(字体教程第一弹)(19)

第五步:

将填充的字体图层锁定起来,对描边字体图层进行剪切处理,剪切的过程中注意笔画的叠加关系,并将穿插的效果融入其中。

胖胖字体的教学(字体教程第一弹)(20)

第六步:

给每个字体填充图层更改不同颜色,最后用“钢笔”工具绘制高光线条,一组胖胖体就搞定了!

胖胖字体的教学(字体教程第一弹)(21)

再来看一下排版之后的效果:

胖胖字体的教学(字体教程第一弹)(22)

案例 #03

先看最终效果图

胖胖字体的教学(字体教程第一弹)(23)

面对这三个字,我有足足20多年的亲身体会和经验,我猜我一定可以做得很好!

胖胖字体的教学(字体教程第一弹)(24)

第一步:

用“矩形”工具搭建字体结构,矩形填充白色,描边为黑色。

胖胖字体的教学(字体教程第一弹)(25)

第二步:

给字体内部结构进行简化处理,制造出笔画叠加和穿插效果。

胖胖字体的教学(字体教程第一弹)(26)

胖胖字体的教学(字体教程第一弹)(27)

第三步:

将字体直角结构用“圆角”工具修改为圆角,使字体更加柔和。

胖胖字体的教学(字体教程第一弹)(28)

嗯,正是在下,一只温柔而多情的单身狗。

胖胖字体的教学(字体教程第一弹)(29)

第四步:

给字体更换填充色,然后拉近字距,营造字与字之间的叠加效果,最后绘制高光线条,一组字就完成了!

胖胖字体的教学(字体教程第一弹)(30)

来,再瞅一眼最终效果:

胖胖字体的教学(字体教程第一弹)(31)

案例 #04

先看最终效果图

胖胖字体的教学(字体教程第一弹)(32)

第一步:

用钢笔工具勾出字体结构,注意笔画的叠加关系。

胖胖字体的教学(字体教程第一弹)(33)

第二步:

图中标注红色笔画略显复杂,将其合并简化,同时对笔画加粗处理,让字体更饱满,此时字体有些偏高,粗暴地压扁一下,更符合胖胖体的感觉。

胖胖字体的教学(字体教程第一弹)(34)

胖胖字体的教学(字体教程第一弹)(35)

第三步:

将“撸”字向左旋转5度,再将“儿”字向右旋转5度,使字体版面看上去更活泼,拉近字距,营造字与字之间的叠加效果,最后再放大。

胖胖字体的教学(字体教程第一弹)(36)

第四步:

给整组字体增加细节,并且制造出笔画的穿插效果,使字体看上去更精致,再多一丢丢细节!

胖胖字体的教学(字体教程第一弹)(37)

胖胖字体的教学(字体教程第一弹)(38)

第五步:

字体填充颜色,并且绘制高光和阴影,让整组字看上去更可爱有趣。

胖胖字体的教学(字体教程第一弹)(39)

第六步:

绘制一个底座,再添加肉串和酒瓶作为装饰,有了这样的氛围之后,这组字看上去也更有食欲,这组胖胖体到这就设计完了!

胖胖字体的教学(字体教程第一弹)(40)

来,搞个排版,完事!

胖胖字体的教学(字体教程第一弹)(41)

胖胖字体的教学(字体教程第一弹)(42)

感谢大家阅读,第一弹的技巧大家先消化一下,试着练一练!我们下期再见哟~

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页