文章:快速Get卡通字形设计!

来自公众号:大猫设计

卡通字一般有这三种特点,分别是

美字的卡通字体教程(卡通字体的设计教程)(1)

美字的卡通字体教程(卡通字体的设计教程)(2)

跳跃结构其实就是一种节奏关系,正常的字体都是方块字,排在一块没有韵律感。让字形具有趣味感就可以让字在排列的时候有大有小、有高有低,使之形成一种节奏感,如下图

美字的卡通字体教程(卡通字体的设计教程)(3)

一个常规的黑体在进行节奏变化后趣味性得到了提高。

其实我们电脑字库中很多偏卡通趣味的字形,其结构都是跳跃的,举几个栗子

美字的卡通字体教程(卡通字体的设计教程)(4)

美字的卡通字体教程(卡通字体的设计教程)(5)

美字的卡通字体教程(卡通字体的设计教程)(6)

美字的卡通字体教程(卡通字体的设计教程)(7)

在排列上趣味字体的结构是跳跃的。另外相对于普通字形的横平竖直,趣味形字体更有个性,不会完全遵循横平竖直的笔画法则。

美字的卡通字体教程(卡通字体的设计教程)(8)

曲线笔画即多用曲线来表达字体结构,曲线的变化比直线要多,视觉上更丰富,从而更具有趣味性和卡通性。

美字的卡通字体教程(卡通字体的设计教程)(9)

同样一个撇笔画,右边两个用曲线形式表现得就比左边的更有趣味性。

我们来看一下用曲线笔画的优秀作品吧。

美字的卡通字体教程(卡通字体的设计教程)(10)

美字的卡通字体教程(卡通字体的设计教程)(11)

美字的卡通字体教程(卡通字体的设计教程)(12)

美字的卡通字体教程(卡通字体的设计教程)(13)

美字的卡通字体教程(卡通字体的设计教程)(14)

美字的卡通字体教程(卡通字体的设计教程)(15)

值得一说的是一组字里面经常会用到很多不同的方法,比如曲线笔画与跳跃结构组合使用,或者加上圆润字形结合使用。所以方法是比较灵活的,根据项目的气质来。

美字的卡通字体教程(卡通字体的设计教程)(16)

圆润字形就很好理解了,就是笔画末端是否圆润,一般来说圆润的字形更有趣味性,也更具有卡通感。

美字的卡通字体教程(卡通字体的设计教程)(17)

同样一组字形,下方笔画圆润的就要比方头结尾的更有趣和耐看一些,同时卡通感也更强。

下面看一下圆润字形的优秀作品

美字的卡通字体教程(卡通字体的设计教程)(18)

美字的卡通字体教程(卡通字体的设计教程)(19)

美字的卡通字体教程(卡通字体的设计教程)(20)

美字的卡通字体教程(卡通字体的设计教程)(21)

美字的卡通字体教程(卡通字体的设计教程)(22)

美字的卡通字体教程(卡通字体的设计教程)(23)

美字的卡通字体教程(卡通字体的设计教程)(24)

除了视频中的两种做卡通字的方法外,我们还可以用宽度工具来做,以“牛啵啵”为例,首先我们要用钢笔路径勾出三个字的结构。注意我们在勾的时候就可以将“跳跃结构”与“曲线笔画”代入进去,如下

美字的卡通字体教程(卡通字体的设计教程)(25)

这里为了让字更具有韵律感我将两个“啵”做了不同形式的变化,会让这组字更有趣味感跟变化性。接着我们将描边加粗至合适大小,如下

美字的卡通字体教程(卡通字体的设计教程)(26)

其实现在这组字的感觉已经出来了,只不过相对而言曲线不够平滑,另外笔画粗细是一样的缺少了变化性。那么在此基础上我们用宽度工具或者转曲后直接调整,使其笔画粗细不等,更有张力,如下图

美字的卡通字体教程(卡通字体的设计教程)(27)

做到这一步之后我们将“跳跃结构”与“曲线笔画”都用上了,但整体来说少了些氛围。因为“牛啵啵”是牛奶的意思,给人的感觉应该是圆润平滑且柔软的,所以在此基础上我们可以将“圆润字形”代入进去,将笔画处理的圆润一些,如下

美字的卡通字体教程(卡通字体的设计教程)(28)

除此之外还可以将字形加上描边效果,更有味道。

美字的卡通字体教程(卡通字体的设计教程)(29)

那么这组字形到这里就完成了,最后一起来看一下gif动图吧!

美字的卡通字体教程(卡通字体的设计教程)(30)

,