编辑:等等    发布日期:2020-10-28 00:00:00

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

 

确定特征

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

 

收集素材

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

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

 

细节调整

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

第一,脸部放圆

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

 

拟物效果

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

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

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

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

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

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

 

划重点

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

 

 
Sketch Mac版 SketchMac版是Mac上一个创新和新的眼光看待矢量绘图软件。SketchMac版以简约的设计是基于无限的规模和层次的绘图空间,免费调色板,面板,菜单,窗口和控件。虽然使用简单,它提供了功能强大的矢量绘图和文字工具;您可以免费下载。 简体 · 53.00 MBM ·

热点资讯

更多
英特尔正与台积电接洽,虑将部分芯片生产外包给台积电 外媒报道称,英特尔正在与全球最大的芯片制造商台积电(TSMC)接洽,准备将自己的芯片制造业务外包出去。
苹果iPhone 12国行上季度热卖:拿下20%份额 销量达1800万 根据外媒报道,上季度中国大陆地区iPhone 12销量达到1800万,苹果拿下20%智能手机市场份额。
高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟 据外媒报道,高通公司1月13日以14亿美元收购芯片初创公司Nuvia。
大公司晨读:B站计划3月港股上市;苹果斥资1亿美元力促种族平等 B站确定已在港提交上市申请;英特尔CEO 斯旺将于2月15日辞职。

相关教程

更多
Sketch一键导入AE工具–AEUX 发现了一款非常好用的插件,它的前身是Sketch2AE,花了一点时间研究了它的使用方法,好东西当然要大家一起分享!目前没找到汉化版,不过功能也不是特别复杂,分享出来是希望能提高大家平时在设计中的效率,如果有说的不对的地方还请帮我指正一下,谢谢~~   先简单看一下基本功能   一、基本功能 (一)一键复制所有图层到AE 1.装好插件后,打开sketch,选择 插件>AEUX,打开插件面板,再启
超全面的sketch基础知识汇总,带你入门 刚接触sketch这款软件的时候,针对最基础的知识点做了非常全面的笔记,方便日后查看,今天拿出来分享给大家,希望能够给刚接触这款软件的设计师朋友些许的帮助! 这是我在刚接触sketch的时候做的超全面的笔记,今天分享大家。(公众号“UI充能站”出品,搜索i-lifeway进站)   目录 · Sketch中画布的概念 · sketch中的快捷键 · view基础操作 · 形状之间的布尔运算 · 设置页面元素放大缩小
【神器推荐】教你Sketch一键转成PSD! 现在大部分的UI设计师们都是在用sketch设计页面,它的轻量、插件、组件是能够极大提升我们的设计效率。但是,有一个致命问题就是,sketch和adobe爸爸家的软件不兼容,因此,不同软件的文件如何转换就是问题了……   神器网址 这里推荐一个神奇的网站:https://www.photopea.com/ 这个网站可以帮助我们把sketch转PSD。 之前用过的朋友会发现:当我们直接使用它转换时,中文字体会直接变成口口口(
sketch秘技:如何利用symbol一秒更换配色 首先看个见者伤心闻者落泪的例子:假设这个是你们公司的产品,从0到1,历经千辛万苦!你终于把所有页面都做完了!   你很高兴:终于做完了~算一算调休假年假,休息一波走起! 就在这时……,产品/老板跟你说:我们产品不用这个红色了,太俗气!换成蓝色! 你数了数自己的83张界面……,你痛苦的摸摸自己那不再浓密的头发……,你开始一张张的改啊改啊改啊改啊...... 而隔壁公司的小明说:老板,给我1秒种,你看是不是

相关软件

更多
  • Birdfont Mac版 英文. 29.00 MBM · BirdfontMac版是Macos平台上的一款可以制作自己专有字体的软件,这款软件可以制作出自己独有风格的字体,这是一款免费的软件,你可以在这款软件上发挥出自 ...
  • Plant Mac版 英文. 22.00 MBM · PlantMac版是Mac电脑上的一款适用于Sketch的简单而强大的版本控制插件。PlantMac版可以帮助用户更简单、更智能地管理Sketch文件,它支持保 ...
  • Crash Course Mac版 英文. 3.00 MBM · CrashCourseMac版是Mac电脑上的一款AdobePhotoshop视频教学软件。CrashCourseMac版内含超过440个AdobePhotos ...
  • Screenshot Designer Mac版 英文. 17.00 MBM · ScreenshotDesignerMac版是Mac电脑上的一款设计软件。ScreenshotDesignerMac版可以为应用开发者们创建引人入胜的AppSt ...