等等

今天要介绍的一款萌萌哒的风格插画,它的画风是非扁平,带有颜色光影变化,有点圆滚滚的非立体感的萌系风格。这种类型的应用范围很广,比如Q版游戏原画、卡通形象、商业插画中,也因为风格比较让受众群体喜欢,同时也简单操作易上手,所以我就以在新的练习APP里放的卡通形象为例,来告诉大家怎么来画这个可爱的小东西,别犹豫了,打开sketch,快上车吧!

 

确定特征

由于我的APP产品属于K12的行列,所以要选的卡通形象需要有萌的特征,同时也要贴近生活,才能让用户在使用的时候更有亲切感,所以我选择范围在猫、狗、兔子这些小动物身上,正好我之前也养过猫,所以我就把卡通形象定在了猫的身上。

 

收集素材

因为现在很多设计师的美术基础都比较薄弱,所以我们可能能想象到生活中最基础的物品样子,但是画出来难度还是比较大的,即使我的原型是曾经每天要狂撸800遍的猫,这个时候收集素材的重要性就显现出来了,虽然我的原型是菠萝,但是我还是找了很多别的参考,截取了脑袋瓜,如下图所示:

根据我的观察,猫咪的脸部识别特征大致都是为脸型和毛色以及胡须,而我钢笔工具用的不是太好,勾勒脸部如果增加毛的形状细节很容易就会暴露我的缺点,所以我选择了脸型加毛色的(比较保险),下面就是我根据素材做好的脸部基础轮廓。

 

细节调整

在已经做好的底部轮廓里面我们给他进行细节优化,但是在调整之前要注意,卡通吉祥物区别动画以及动漫人物,它是属于高度概括的情况下进行设计,一定不能过于复杂和繁琐。想要体现萌化的感觉,就一定要肉呼呼的。

第一,脸部放圆

第二、眼睛要大,水汪汪的,还要有点神就最好啦

 

拟物效果

上面我们在之前的造型上做了一些细节的调整,在这里一定要把握好整体的视觉调和,以及颜色的饱和度,不能太跳。下面我就要开始将卡通形象微立体的感觉制造出来,我之前找过很多参考,观察了一下要怎么才能做出微立体的感觉,我一开始以为是渐变,下面是我的尝试效果,我发现过渡的不自然,同时没有立体的感觉。

到底是哪里不对,还有什么方法能够做出这种效果呢?然后我想到了深色系色块高斯模糊加剪接蒙版的办法,这是我第二次尝试的效果,猫脸顿时有了些立体的感觉,同时过渡的不会像上面的方法那么生硬。

于是同样的方法我用在了身体上,为了营造出肚子圆圆立体的感觉,所以围绕肚子那一块我用钢笔勾了个形状出来(我不知道这是个啥形状,你们自己看图),然后一样的高斯模糊加剪切蒙版,数值自己调呀,看着觉得差不多了就行。

腿那一块我纠结过是要拼接还是直接在上面加色块过渡,考虑了一下还是用色块过渡,从视觉上做一个内凹的效果。

虽然这种类型的插画不管是从形状上还是从细节上都比较容易上手,但是很多细节还是要考虑在内的,比如说一些光影的效果,以及手臂与身体接触的地方需要做一些深色处理,在深色处理下后的边缘需要一些亮色小小的过渡一下。这样我们就把一个简单的能够代表产品的卡通形象画出来啦!我们还可以根据页面的功能做出一些衍生,比如表情包啊,默认头像主题等。

不知道这篇对大家有没有帮助,上面这些就是我在做卡通形象的时候的一些思路,希望能够帮助到大家噢。

 

划重点

  • 1、素材的收集很重要,这相当于我们的参考,一个好的参考可以让我们迅速打开思路;
  • 2、光影的把控很重要,使用色块高斯模糊加剪切蒙版能够让阴影或者高亮过渡的更加自然;
  • 3、一定要把握好整体的视觉调和,以及颜色的饱和度,不能太跳;
  • 4、做设计细节的时候可以多试几个方案,找到自己觉得最合适的那一个。

 

原文地址:海盐社(公众号)

作者:潘团子

转载请注明:韦德1946 » 如何用sketch画好一个卡通吉祥物

登录收藏
 
你可能喜欢的:
哇哦!原来你的主KV是这样设计哒!哇哦!原来你的主KV是这样设计哒!
浅析插画设计中的风格和例子浅析插画设计中的风格和例子
PUPU激萌表情设计故事PUPU激萌表情设计故事
腾讯微云文件图标的设计探索腾讯微云文件图标的设计探索
国外大神经验,如何提高插画能力?国外大神经验,如何提高插画能力?
DUO的插画小课堂-我的专属小头像DUO的插画小课堂-我的专属小头像
如何做好大型视觉改版——全民K歌5.0改版经验总结如何做好大型视觉改版——全民K歌5.0改版经验总结
放置类AR体验框架和设计建议 (下篇)放置类AR体验框架和设计建议 (下篇)
校年3.0 改版设计总结校年3.0 改版设计总结
放置类AR体验框架和设计建议 (上篇)放置类AR体验框架和设计建议 (上篇)