【经验】开启你的画画Buff

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
17550 94 837 2018-11-19

大概是一篇看完了就可以入门插画的文章O(∩_∩)O希望对你有帮助(文章内所有图片均为辅助文字说明,不做商业用途,版权归原作者所有)。


开启你的画画Buff


写在前面

大家好,我是Arche阿北~

今年年初开始接触手绘插画,在不断学习的过程中也不断地积累,在UI中国等平台上发布了四个系列的插画,很荣幸地得到了平台的推荐以及小伙伴们的喜欢,能带给你们快乐愉悦的感受和创作的激情我也十分开心O(∩_∩)O

在和很多小伙伴的交流中,感知到一些插画学习中的迷茫和共有的困惑,遂想把自己的一些想法和方法记录下来分享给大家,希望能为大家开启画画Buff,感受画画带来的快乐~

下面我结合个人的一些点滴经验为大家分享一下插画的现状、插画的学习方法、优质资源以及创作的技巧。希望给想入行插画设计的小白同学们一点建议,给喜好插画的你有点点帮助,如果是插画大神请忽略,如有不足之处希望大家留言补全和指正,谢谢大家!


目录

1、惊鸿一面始相逢——插画领域及相关工作

2、琳琅满目比比是——流行风格及优质资源

3、源头活水清如许——学习思路和分析方法

4、万里路携万卷书——绘画演示及技巧分享

Tips:

如果是有基础的小伙伴建议直接看第三和第四部分,视频演示的直播课程请戳这里→https://www.cctalk.com/v/15423342279390


正文

1、惊鸿一面始相逢——插画领域及相关工作


1.1插画于我

我对插画的认知,大致可分为两个阶段,也就是工作前和工作后,工作前以传统的出版类为主,工作后以互联网的视觉类为主。

工作前,大概是高中和大学的时候,接触最多的是夏达的漫画、几米的绘本、伊吹五月的同人插图绘本以及丁一晨的条漫,那时候以印刷品为主,算是一个关于插画的最早的启蒙。

Image title

工作后则多为互联网的视觉类,最早认识和知道的插画领域的前辈有旺旺Mandy、Erics、冬不拉dong、少年夹子、饭太稀等。

Image title

所以在我看来,插画领域的工作可以基本分为两大类:线下的传统平面印刷出版,以及线上的互联网视觉设计。


1.2传统的印刷类

1.2.1绘本类

儿童插画——有故事性、导向性,多为知名童话故事改编或原创性童话故事;

同人插画——电影、游戏、动漫、书籍等主题的同人类插画作品,具有欣赏和珍藏价值;

原创绘本——多为有故事性、主题性的插画作品,个人风格明显;

1.2.2广告类

常见于流行市面的招贴广告、海报、宣传单等,早期美观度不足,现在在逐渐改善;

1.2.3刊物类

报纸、杂志、书本等的内页插图设计,封皮插图设计,文章配图设计等;

1.2.4包装类

产品外包装类的应用也也越来越广,最著名的如农夫山泉的各种主题系列包装,其他还有三只松鼠等食品类包装,百雀羚等美妆类包装设计;

由于重点是互联网方向的插画,所以这里就不进行过多的叙述了,感兴趣的话可以自己去搜索一下哦~


1.3互联网视觉类

1.3.1UI设计师

Logo&icon——节日换肤、偏向写实的插画风格icon等;

APP——开屏界面、节日开屏页面、新手引导页面、内容缺省页面等;

WEB——登录页面、官网设计手绘元素、产品介绍等;

Image title

1.3.2视觉设计师(运营+品牌)

H5——线上宣传类海报及H5小游戏,前者鲜明活泼具有吸引力,后者有故事性、设计感及传播价值和现实意义;

活动页面设计——电商类的店铺活动页面也越来越多的用到手绘元素(同时越来越受欢迎的还有C4D),特点是主题突出、氛围感强,制作周期短,整体版式很重要。

品牌形象——吉祥物、品牌形象、LOGO、表情包、线下延展等;

Image title

1.3.3商业插画师(自由设计师)

类似运营设计师,为某一商品或品牌服务,产出物为线上或线下物料,设计师个人ID和品牌ID互相影响、相辅相成;

Image title1.3.4游戏设计师

CG类游戏原画师,包括游戏场景设定、人物设定、图标和界面设定等多方面的内容;

Image title


2、琳琅满目比比是——流行风格及优质资源


2.1目前较流行的插画风格

2.1.1涂鸦插画

线形或面形涂鸦风格的插画,特点是张扬随意、年轻大胆,凌乱却有章,简单又粗暴,用于H5宣传海报或部分LOGO设计;

Image title2.1.2描边插画

线面结合的表现形式,在H5中运用的越来越多,同时我认为MBE风格的小插画也属于这个范畴;

Image title

2.1.3矢量渐变插画

矢量渐变插画以渐变场景插画为代表,色彩或优美柔和,或强烈鲜明,整体感强,美观度高,手机APP开屏页面中会见到这样的插画;

Image title

2.1.4扁平插画

和扁平图标一样,扁平插画是去除了很多质感、纹理,只保留主要特点的一类插画插画,大色块、简约造型是它的基本特点,在手机APP中和网页中比较常见;

Image title

2.1.5肌理插画

肌理插画本质上还是属于扁平插画的范畴,用颗粒感制造纹理,一般将颗粒应用在受光面和背光面,增加画面的细节和美观性,让画面更加耐看,运营类插画中这一类技法比较常见;

Image title

2.1.6手绘插画

手绘插画本身也包含着各种风格,和主体的造型、颜色配比、主题传达息息相关,在开屏页和活动页比较常见;

Image title2.1.7立体插画

从去年开始出现的越来越多2.5D插画,在网页设计、APP启动页比较常见,轻微的透视感增强了画面的趣味性,能更好地进行信息传达。

Image title


2.2资源分享

2.2.1网站

behance 、dribbble 、ins 、lofter 、pinterest 、站酷 、微博 、涂鸦王国等网站;

Image title


2.2.2教程

YOUTUBE、优优教程网、花瓣live、涂鸦王国、自己喜欢的插画师的课程或教程;


2.2.3插画师(国内+国外)

国内:风绽、erics、插画师卷耳、冬不拉dong、Y园糖、森妮、Littlehmxx、

吾空空kongkong、Ciao大榴莲、biiig_bear、Diable咔咔、布林YQ、碧绿色的兔子seven、Tsuyu鱼猫、Paco_Yao、卤猫、饭太稀

国外:Cami、garethlucasart、Tom Clohosy Cole、Benjamin Flouw、Dung Ho、Ahmet Iltas、Hannah sun、ranganath krishnamani、Brian Miller、Slawek Fedorczuk、mori_raito、anneliesdraws、Akira Kusaka、Mark Boardman、Tristan Gion

Image title


3、源头活水清如许(学习思路和分析方法)

3.1分析:主题+构图+造型+配色+氛围+肌理+创意

Tips:

一般插画分析方法:主题+构图+造型+配色+氛围+肌理+创意系列插画创作要点:保持主题、造型、肌理三个基本点的一致性

3.1.1主题

画面主题以及作者采用了什么元素去阐述主题。

在这个过程中可以进行一个情绪版的管理,是一个头脑风暴的过程,发散的层次越多,越能找到一些有创意、新奇的想法。

比如定一个主题叫做四季,也许第一层我们会想到春夏秋冬四个季节的气候,如春雨、夏日、秋风、冬雪;再深一层可能会想到四季的植被、衣物、食物;再深一个层次,可能会想到四个季节中分别能体现季节特征的节日或节气;继续深入,四季是否也可以看作人的一生。春生、夏荣、秋瑟、冬萧,然后对应到戏曲中的生、旦、净、末?我举的例子未必恰当,你能理解我的意思就好~

Tips:

日常工作和生活中画画的灵感从哪里来?

固定的事物——二十四节气、十二月份、东西方节日、放假开学等;

二次创作——童话故事、神话元素、电影电视、音乐绘画、同人作品等;

生活感悟——亲情、朋友、爱情、独处、社会热点、对人性等的思考;

Image title


3.1.2构图

常见的构图有水平线、垂直线、斜线、环形、对称、S、C、平铺、俯视、平视等,根据画面主题和预期的效果进行构图。切忌主体太小、太偏、喧宾夺主等行为。

Image title


3.1.3造型

动物、人物、静物等的造型因为作者不同、感悟不同而有不同的形态特征,毕竟“一千个读者眼中有一千个汉姆雷特”。

对于这部分进行分析的同时也要去积累,他山之石可以攻玉,多多积累总有用得着的一天。比如同样是画一个人,他的五官、四肢、比例、头发会有很多种画法,而你要做的是不断积累,去整理自己的素材库,去学习更多的表现形式以备不时之需。

Tips:

建议的收藏文件夹方式:人物+动物+植物+静物+风景+建筑+色彩+创意

Image title


3.1.4配色

配色的方式有千千万万种,常见的配色方式有单色、同色系、邻近色、对立色、互补色、分散互补色等。

我比较习惯的方法是用追波的色卡和eagle的色板,在花瓣中也会收藏很多配色用在自己的创作中。

Tips:

快速得到同一色系的色彩方法,控制明度和纯度保持统一,改变色相即可,即H改变SB不变。

Image title


3.1.5氛围

氛围的塑造和颜色有关,更和光线有关,三大面背光面、受光面、侧光面一定是分清楚。如果希望画面更有细节也要注意到高光、灰部、明暗交界线、反光和投影,这些内容并不是都要在画面中体现,但是体现的多一层,则画面的丰富程度就加深一层,更耐看一点。

建议收集一些光感强的插画去欣赏和研究,如果想突出氛围,在创作的过程中可刻意去塑造光,但是注意不要影响到主题的表达。

Image title


3.1.6肌理

肌理是区分不同画风的重要手段之一,每个人都会有自己不同的使用习惯和刻画习惯,而商业插画作品也习惯性的叠加一些纹理来增加画面的细节,是比较普遍实用的方式。

Image title


3.1.7创意

其实每一张插画都是作者的创意成果,但是为什么有的画作让人觉得炫酷、有创意,而有的插画只是好看、舒服呢?和构图、造型等也有很大的关系,常见的创意手法有夸张、对比、超写实等,是为主题服务的另一种强有力手段。

Image title


3.2图层

我几乎所有插画作品的图层分类都是FG+MAN+BG,也就是前景、人物和背景。在画画的过程中我认为图层越多越好,方便修改和创意叠加,背景用来渲染大的氛围和基本基调,人物承担着表达主题的重要任务,前景多采用静物、植物等元素去衬托主体人物。


3.3过程

仅仅从我一贯的作品中在分析,画画的过程就是从草稿开始,然后铺大色块,线条区分结构的同时进行投影部分的刻画,点状(小面或小线)增加细节,最后去塑造一些纹理和质感。


4、万里路携万卷书(绘画演示及技巧分享)

4.1构思、脑暴阶段

得到主题,进行头脑风暴,联想到相关元素,进行大致的构思,并且尽量让自己的画面当中具有一定的故事性,提升一个层次。

Image title


4.2草图阶段

在草图阶段解决构图、造型、色调的黑白灰处理等大致情况,这个阶段可以在纸上进行,也可以在ps中建立一个线稿的图层,如果在ps里面的话建议分层哦。

Image title

4.3上色阶段

铺大色调,这时候建议开启一个黑白图层去看一下整体的明暗关系,可以及时调整。

Image title

4.4细节塑造

这是主要考虑到光源、氛围、质感纹理的的塑造,一层层去深入刻画,建议齐头并进,一起进行深入刻画,得到一种随时可以停下来不画,又随时可以继续深入刻画的阶段。

Image title

4.5整体调节

用ps自带的滤镜camera raw去调节整体的色调,完成最后的美化。

Image title


复习一下整个过程——

主题(题目:四季-冬天;关键词:萧索、凋零;色调:一般都用冷色调表示冬天,所以采用带有灰度的暖系倾向色系;定位:清新、安静、生活化;联想“晴朗的冬日的早晨,阳光洒在身上是凉凉的感觉,穿过小巷拿起晨报,准备走河边小路回家,这是发现家里的猫跟在身后。再根据个人喜好和商业硬性要求增加一些元素,使得故事性更强。)

构图(斜线构图,使得画面更有动感和故事性。同时注意主体的位置不要太偏太小,用九宫格的方法确定主体位置。)

造型(大胖妞,头小身子大,简化四肢。元素:人物、猫咪、远山、河流、植物、尽量采用偏向几何化的图形进行绘制,不要让画面太繁琐复杂。)

配色(冬天萧条的感觉,铺大色块,看黑白灰关系,新建一个调整图层,常用色阶、曲线、黑白、对比度;60灰色+30略灰+10高纯度)

氛围(冷、雪花)

肌理(干画笔)

创意(人物夸张表现)

Tips:

1.png、jpg图片纹理变成笔刷或图案叠加;

2.干画笔大面积刷出质感+锁定透明像素换色;

3.干画笔干蹭制造纹理感;

4.暗部方式同色正片叠底/色谱右下方;

5.锁定透明像素或剪切蒙版;

6.开黑白图层看整体的黑白灰关系。

7.制造纹理边缘的款速方法:正常笔刷刷上去(如粉笔、蜡笔),选区删除,用有肌理的笔刷平铺。好处:有选区不会刷到外面,大笔刷边缘可以拥有同样质感。

Image title

Tips:

视频演示的直播课程请戳这里→https://www.cctalk.com/v/15423342279390


写在最后

感谢你看完了这篇文章,希望这段文字能让你对插画有一个比较完整的认知。初次写文,多有不足,请多多指教~最后,祝大家都能画画Buff加身,生活愉快,画画愉快~

全部评论:94

  • Arche阿北

    2020-04-22 13:13

    @小麦Max: 首先,请小麦同学先扶好你的眼镜; 其次,我不认为风绽大大是业余的、是不优秀的,能有自己插画风格的画师都很棒,我只是个互联网半吊子插画设计师,喜欢就是喜欢,我在我的文章里推荐我喜欢的画师似乎并没有什么问题; 再次,闻道有先后,术业有专攻,我认为在某一领域的学习道路上能对自己产生帮助和积极影响的人都值得尊敬和学习; 然后,能一直坚持奔赴在自己梦想道路上的每一个人都值得尊重和钦佩,能在途中给其他人带来美好的治愈的感受,那更是值得感恩; 最后,谢谢你愿意评论我的文章,我喜欢风绽老师,也喜欢饭太稀大大,他们都是很优秀的前辈、很优秀的画师。祝愿我们都能有自己喜欢的画师,通过他们看到更美好的世界,谢谢~

  • yummytang

    2020-04-22 11:59

    @小麦Max: 去看了确实和其他插画师不是一个水平,是很努力有追求的女生,一直在进步的路上但真还没到其他人的高度

  • 等待游泳

    2019-07-25 00:43

    正在学习UX方面的知识,这篇文章对我来说太有用啦,谢谢!

  • 大鹏社

    2019-07-22 17:17

    总结的太棒了 谢谢啦

  • 色彩感觉

    2019-07-16 18:20

    棒啊

  • Arche阿北

    2019-07-16 16:54

    @绅士犬: 找到你喜欢的插画设计师,看他有没有自己的插画课程,这样比较有针对性。网上插画课程超多,要自己甄别咯~

  • 小小酥s

    2019-06-29 08:26

    看了你的教程视频,学到了很多,启发也很大,同时发现你是很有幽默感的阿北

  • 绅士犬

    2019-06-28 09:24

    谢谢分享,我最近想学习插画,鼠绘的,想问下哪里能找到比较系统全面完整一点的教学呢

  • 李大华

    2019-06-13 11:38

    60灰色+30略灰+10高纯度这些市什么意思呢

  • LAN_93

    2019-06-10 11:43

    感谢分享

  • 小麦Max

    2019-06-09 14:07

    风绽也算吗?真的太业余了吧,也就是个初学者水平,她又不是插画师,她也就是学中下游的风格,样子比较像而已,你去站酷搜下中下游就知道了,你竟然把她放在和饭太稀一个级别?真的大跌眼镜

  • 卟楞卟楞噔

    2019-06-09 00:50

    太棒了。膜拜。配色简直不要太棒,我每次配色时大脑一片空白。。不知道怎么开始。

  • Arche阿北

    2019-04-03 15:37

    @韩诗悦: 加油加油~!

  • Arche阿北

    2019-04-03 15:37

    @原来有无: 棒棒的 谢谢捧场哈哈

  • 韩诗悦

    2019-03-14 17:29

    给阿北点十万个赞 嘻嘻 一直想学习画画的整个过程 终于找到了 哈哈哈么么哒

  • 原来有无

    2019-02-22 17:18

    感谢分享~已经根据自己的理解手抄到本子上了 强化一遍记忆

  • Arche阿北

    2019-01-23 19:58

    @刘翻翻:

  • 刘翻翻

    2019-01-23 19:52

    谢谢分享。阿北nice~

  • Arche阿北

    2019-01-17 11:45

    @Mm生活: 谢谢喜欢~ 哈哈 被夸奖了很开心 一起加油呀~

  • Mm生活

    2019-01-16 15:58

    特别喜欢你的分享,你的总结能力很强,我也在练习插画的过程中,感觉你都给我指明了方向~~真棒~~~

  • 往生

    2019-01-09 17:53

    大佬你从年初接触用了一年就这么腻害了

  • Arche阿北

    2018-12-29 12:43

    @Feya斐牙: 谢谢斐斐~

  • Feya斐牙

    2018-12-26 15:19

    厉害哦~

  • Arche阿北

    2018-12-13 11:09

    @又相见°: 我是在淘宝买的哈

  • 又相见°

    2018-12-12 16:11

    @Arche阿北: 淘宝吗还是京东

  • Arche阿北

    2018-12-04 16:12

    @睿崽儿: 淘气睿睿

  • 睿崽儿

    2018-11-30 14:57

    大佬你越来越棒啦!

  • Arche阿北

    2018-11-28 09:22

    @有你一句话就足够: 多看+多收集+多临摹+储存方法技巧和手法+自己原创

  • 有你一句话就足够

    2018-11-28 09:15

    刚刚开始学,不知道从哪里开始,有没有什么推荐呀

  • 乐意李

    2018-11-27 09:43

    @Arche阿北: ok,谢谢美丽的小姐姐啦

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票