用简单的插画形式表达想法,传达信息,将其应用于设计项目及生活,解锁治愈系插画套路,软FUFU简笔画学起来~
插画(包含简笔画)在设计中的应用广泛:营销玩法页面的设计、宣传物料的设计、儿童绘本、品牌IP、表情包的设计等…在UI设计中的应用如:图标、引导页、banner、空白页提示等…
应用案例
01
IP形象的设计
通过品牌IP的塑造,可以使品牌人格化,通过形象的故事、原型和个性赋予品牌性格,塑造差异化品牌价值。
02
引导页的应用
线性插画的应用增加了引导页的趣味性、使页面显得不再单调和乏味,同时也承载了更多的信息量。
03
活动玩法应用
04
头像
……
简笔画的特点
简笔画因为简单易上手被许多小伙伴喜欢!简笔画是把复杂的图形简单化,追求形似、不计细节,可以表现各种生活中的常见物及人物形象,在形式上生动活泼,技法上更是简单易学。简笔画虽然简单,但却同样能传达出画面的故事性、配色、构图…
简笔画的风格:年轻、活泼、治愈、生动、软萌
简笔画的套路
简笔画的套路总结就三条:概括-细化-修饰
1、在图形的基础上概括出物体的轮廓
2、逐步画出对象的特点、细化对象
3、修饰画面,加上阴影、高光、色彩、旁白…
简笔画没有局限,不要求一模一样,线条也没有特定要求,只要抓住自己所看到物体的重点及特点。有时候为了让画面更加可爱生动,我们还可以给画面加上纹理,表情或者某个特点夸张化,这样会变得更加有趣!
软件介绍
给大家介绍的简笔画的工具是:AI(Adobe Illustrator)
常见的插画软件有:SAI、PS、AI…
SAI:一般用于日本漫画的插画,上手简单,更适合手绘
PS:比较专业、上色调色功能强大,厚涂建议ps
AI:矢量绘图软件
SAI更适合手绘,PS也更专业,然而最终选用AI来出教程有两点原因:
1、本教程针对初学者,0基础没有绘画基础的宝宝们在PS和SAI中画画时很难控制笔触及线条流畅度,线条容易抖动。AI的“平滑”工具完美的解决了插画新手在绘画时线条抖动的问题。
2、AI自带“线条粗细变化”的调节工具(变宽工具:Shift+w),没有手绘板的宝宝们也能画出带有粗细变化的线条。
当然AI还有以下几个优势也是让我欲罢不能的:TA是矢量的,绘画过程中不需要新建图层,还可以快速将交叉的线条连接起来形成闭合线条,完美~
缺点:自带画笔较简单,需要画出带有纹理质感的宝宝们还是建议使用PS,但是用来画简笔画AI软件真的是绰绰有余了!!太香了!!!强烈推荐!!!
AI在简笔画中常用的工具及功能:
1、画笔工具:
点击画笔工具就可以进行线条的绘制了,快捷键:B
* 需要注意的是在绘制线条之前需要点击画笔工具调出“画笔工具选项”,将平滑度调至最高,调节平滑度的线条更为顺滑(如下图):
2、斑点画笔工具:
然而在简笔画中除了线条的绘制外还会有色块的绘制,在绘制色块时需要切换至“斑点画笔工具”快捷键:(Shift+B)
如下图,在画色块时未选择“斑点画笔工具”直接采用“画笔工具”绘制色块,未选中状态下几乎无差别,选中色块后,会发现由画笔工具绘制的色块是由许多堆积在一起的线条组合而成,并非真正的色块。
3、变宽工具:
在没有手绘板或者手绘板无压感时,有需要画出粗细变化的线条,此时只需要用到“变宽工具”就可以实现:调出变宽工具移动至需要改变的线条上拖拽改变粗细状态。快捷键:Shift+w
如下图所示:右侧为变宽工具使用后的效果(可在线条任意位置改变粗细状态)
4、连接工具:
在设计/绘画过程中,我们用AI软件画到2条交叉线条时,要把他们连接起来是一件挺让人崩溃的事。此时使用连接工具,可快速将交叉的线连接起来,且不需要强制使两条线的终点位置对齐就可轻松连接线条。
如下图所示:使用“连接工具”在线条交叉处拖拽,可轻松连接并消除多余线条。
5、除以上工具及功能设置外,我们想要画出有变化的线条还可以使用AI自带画笔:“WACOM 6d 画笔”。(窗口-画笔库-Wacom 6D画笔-6d艺术钢笔画笔)
如下图所示:右图使用“Wacom 6D”画笔画出的线条(不需要调节,自带粗细变化)
以上介绍了简笔画常用的工具功能设置以及简笔画的大体过程(概括-细化-修饰),接下来进入正题:分解简笔画的具体过程:
正脸的画法:
1、先概括出头部的大概轮廓(作为参考线)如图,注意整体轮廓的细节处理(是敦厚的圆形,像个团子),并将分割线定在1/3处(一般情况下,萌系人物的五官都在脸的中间或者往下的位置,偏下会更萌一些,可根据个人喜好调整位置)。
*相同图形不同的转角过渡及线的粗细处理,带来的效果是完全不同的(如下图)。需要概括出物体萌萌的外轮廓,需要在写实的基础上,保留物体的最基本特征,尽量简化(太写实具象的外形会破坏萌感)。圆润的外形/平滑的过渡/粗线条…更具亲和力,萌力值更高!(所以萌系人物的脸型都是圆乎乎的)
2、根据参考线简单概括出脸+耳朵(耳朵内部细节可适当忽略,过于细化会降低可爱感),沿参考线外侧概括出蓬松的头发(针对头发的特点细化:注意不要贴紧头顶,需要预留适当空间创造蓬松感)。
* 外侧轮廓线条略粗于内部细节线条(增加对比,突出外部轮廓),同时增加“灵魂呆毛”“五官”增加细节刻画(注意眼睛嘴巴的比例位置,眼与嘴的整体高度越小越萌哦~)
3、同样的方法,根据个人风格画出衣服及饰品(注意头部与身体的比例关系,头身比越小越萌~)
*加上装饰更加可爱,氛围感觉更强哦~
4、最后给自己画的卡通形象来点颜色(注意颜色饱和度及色彩的量,颜色不易过多,需有主次)。如果需要画眼镜,注意镜框的颜色不要压过五官,如图:可以使用浅色系网红透明镜框)。
总结:
1、根据观察,简单概括物的形状,将轮廓简单化。
2、抓住主要特征,根据特点细化(可适当忽略细节)。
3、通过以上案例可以举一反三,也可以在此基础上加上背景及气泡装饰。
无论在设计还是绘画中,色彩的选择决定了画面的呈现效果。
色环上的 颜色大致可以分为:
暖色、中性色、冷色。
常见的色彩搭配有:
邻近色、同类色、互补色、对比色
色彩的搭配要遵循色彩的基本原理,要了解色彩的色相、明度和纯度,只有符合规律的色彩才能打动人心、给人留下深刻印象----《配色设计从入门到精通》
案例:
作者
皇甫雪艳 消费者平台研发中心 创新营销产研中心体验设计部 视觉设计师
往期精彩回顾