手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

时间:2021-08-07
类别:手绘教程
水平:普通
观众:2.8w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

教程作者:Asen-阿森

交作业去这里→#优设每日作业#

文章编辑:@雪寄草

关于教程

当下很火的国风插画在服装潮牌啊、品牌宣传海报啊、综艺视觉设计啊、产品包装等等各个领域都有体现。画面线条丰富细腻,色彩也较为统一,非常精致耐看,运用范围非常广泛。那么今天就让@Asen-阿森 来讲一讲什么是国风插画吧!

一、什么是国风插画?

对于国风插画的理解是:用传统元素用现代上色手法,或者将传统元素与潮流元素相结合的插画。这类型的插画都有着完成度较高的线稿,并且线稿具有中国传统绘画白描和工笔画的韵味。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

41-A68-富崽(学员作业)

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

37-A61-荀子(学员作业)

白描:中国画中完全用线条表现物体物象的画法,要求线条准确、流畅、笔意连贯。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

工笔:以线造型,讲究用精谨细腻的笔法描绘景物。要求线条工整、细腻、严谨,颜色多以固有色为主,或明快或艳丽或质朴。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

二、国风插画有哪些特点?

1、构图特点

插画中的构图大抵都是相似的,不外乎我们熟悉的九宫格构图、对称构图、s形c形构图、三角形构图等等以外,我还发现一些国风插画中有共性的3种构图。

(1)长卷形构图

或横或竖,总之都很长/宽,就像古代的画卷一样。横版的常见于横向广告牌、故事绘本等,而竖版的常见于H5、公众号文章配图中。只是画幅偏长卷型,仔细分析构图还是一些最基本的构图形式。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(2)框型构图

框型构图,顾名思义,就是在画面中形成了一个框。只不过这种“框”有时直接就利用几何型或者现成的物体做框,比如花窗、门框、团扇等。有时候是用元素组成一个框,比如周围围着云、花朵、山等等。相较于铺满画面的构图形式而言,这种构图对新手比较友好。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(3)容器形构图

将元素们置于一个容器之上。比如将碗、花盆、瓷器、鼓、花、甚至手等等作为“底座”,将其他元素安排在上面。这种构图也适合新手朋友们尝试,不需要费心铺满画面,只要将“容器”及元素刻画到位就好了。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

2、配色特点

(1)色彩鲜艳,饱和度高型

很多商业作品的用色都会偏高饱和度,看上去很热闹、吸引人。这种高饱和度的颜色在使用时切记颜色的量不要太多,不然很容易让画面看起来乱,最好还是先定色调,之后按照主色调、辅助色、点缀色6:3:1的比例搭配。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

39-25-FF(学员作业)

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

40-66-懋懋(学员作业)

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

41-21-安鲳(学员作业)

(2)色彩古朴,饱和度低型

为了让画面更具有古典韵味,或者有做旧的感觉。很多综艺节目的宣传海报会将人物与这种偏古朴的背景结合起来。不过饱和度低又有大面积明度低的颜色时,也容易显的颜色脏,还是需要具体情况具体调整。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

37-117-小皮蛋(学员作业)

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

39-12-有一棵术(学员作业)

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

40-95-嘎嘣脆(学员作业)

 3、上色特点

(1)纯平涂+渐变+躁点肌理

这种上色方法不难,主要把基础的颜色搭配搞好。在使用噪点做渐变的时候颜色,可以微微调一下色相,只是单纯调明度容易显脏;另外可以配合套索工具给噪点肌理圈个范围,也不容易显腻。

下面这两组叶子都是用噪点做渐变,但左边只有明度的变化,很单调;右边在明度的基础上还调了色相,亮部偏黄绿,暗部偏蓝,颜色既丰富也不易脏。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(2)注重水墨感和各种肌理

这种风格可能跟非常流行及典型的大众认知中的“国风插画”有点区别,不过很有特点,非常有传统意韵。需要配合一些水墨的笔刷,这类的笔刷更难控制一些。

还有一些会贴金箔、加笔刷肌理模仿在纸上绘画的效果,也常常叠加纸张肌理或者直接在纸上绘制。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

4、空间特点

(1)强调空间透视型

这个就是我们平时常见的透视关系,简单的比如近大远小、近实远虚、进暖远冷,复杂点可能涉及到2点透视或者3点透视。不过在长卷型的构图中,虽然也可能遵循近大远小,但很多采用的是中国画里的散点透视,移步换景。

《清明上河图》就是典型的散点透视。画面中可能也遵循近大远小的规律,但不像焦点透视画面中有1-3个消失点,反而有多个“消失点”。

(2)元素堆积型

这种方式更多是从构图和构成上考虑画面,而非透视关系。可能不存在合理性,但利用元素间大小/疏密的对比,让画面更具变化。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

5、表现特点

(1)线稿精致,上色手法简单,元素造型更具象

推荐使用procreate绘制线稿,把笔刷的流线开大,会更流畅些。ps的平滑参数调很大的话可能会出现延迟和卡顿的现象哦。

元素的造型在提取的时候可能与参考差异不大,更偏写实更具象。多在构图形式和色彩搭配上做变化。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

41-A68-富崽(学员作业线稿)

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

42-96-七七(学员作业线稿)

(2)弱化线条感,增强装饰感,元素造型更抽象

这种风格更接近于装饰画的感觉,线条不是主要的,画面中多出现偏几何化的图形,也会加入较多的肌理质感。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(3)人物大小随机,突破现实比例

这种打破现实比例的方式在国风插画中也比较常见。具体表现在物大人小、人小物大、或在同一幅画中有超大的人物比例也有正常的人物比例。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

三、实战演示

1、素材搜集

前期一定要做好大量的素材搜集,尤其是涉及到场景比较大的画面,有时候自己不一定都能想出来,学会搜集素材更能提高效率。

有时候只搜集现有的插画作品很容易涉及到抄袭的问题,那么这里我给大家推荐几个我常用的网站和APP:

(1)故宫博物院

海量的高清文物图片,各种古代名家名作,还有数字多宝阁可多角度近距离观察文物上的纹样。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(2)每日故宫APP

每天推荐一件文物,除了文物照片够清晰以外,还可以看到这个文物的介绍,也可以把自己喜欢的文物收藏起来,唯一遗憾的是只能放大缩小,不能360度观看。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(3)全历史

在全画作这个栏目里按照时间线的顺序,标注了各朝代/历史时期的不同画作,还可以按风格题材、材质筛选。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(4)文物加APP

和每日故宫差不多,但多了一些文创产品和文博资讯。藏品类型也以家具、乐器、文玩、服饰、建筑等分类,更细致。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(5)知妖

这个网站也有APP,搜集整理了古人文献中的“妖怪”,并有插画师进行了配图,还挺有意思的,感兴趣的朋友可以看看。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

2、前期构思+线稿绘制

(1)元素:因为想画一组系列4图,为了更有系列感,所以元素也选择了比较简单的人物+花朵+画笔/画轴的元素。元素构成上就将其“堆起来”,平铺在画面中。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(2)构图:构图比较简单,就是一个九宫格构图,把人物安排在焦点附近,右边空出来的地方是用来放文字部分的。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

想要从零开始学习草稿、构图、光影、配色的系统技法,欢迎报名我的课程→优设手绘训练营

3、铺色调+平涂底色

这张也尝试了一下之前不常用的深色背景+浅色主体物的颜色搭配,不过整体还是偏冷色调。推荐大家在正式开始绘制细节的时候,先铺一个小色稿,看看大概的效果。不需要很细致,觉得有不对的颜色及时调整。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

平涂底色是我个人的一个上色习惯。我后续会在平涂的基础上建立剪切蒙版刻画细节,也顺便把颜色再调整一次。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

4、细化+添加肌理

(1)人物细化:细化的笔刷主要是微博@deoR 2020笔刷里的“锐利切割”,这笔刷一边软一边硬,可以让两个颜色间做出自然的混合,效果很不错;服装上有些暗部的渐变是柔边缘笔刷配合套索工具画的,用了套索之后,可以让边缘轮廓清楚一点,避免只用柔边缘笔刷让画面显油腻。

人物服装的颜色本身就比较亮,加入暗部之后总觉着亮部太单调,在搜集素材的过程中看到小时候的彩色糖纸,于是就按照这种糖纸的感觉在亮部加入了饱和度较高的荧光色。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

(2)牡丹细节:绘制稍微复杂的元素时,比如这种花瓣很多的花,一定要一瓣一瓣刻画,否则会显的细节不够或很粗糙。但如果该元素只是远景的一部分,可能不需要刻画这么仔细,只把大的明暗关系画出来即可。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

比如下图这位同学的作业,虽然还有可优化的余地,但相比改前花更有看点,明暗对比也更强了。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

42-96-七七(学员作业)

5、整体调整

最后主要处理除了人和花之外的元素,调整整体的氛围,看看哪里需要突出哪里需要弱化。

比如人物的飘带贴了金箔,刚好把人物“圈”了起来,更突出;原本给花贴的金箔是金色的,后来感觉画面有些杂乱,于是调整金箔图层的模式为叠加,减弱颜色对比;卷轴里直接在故宫博物院官网截图王翚大师的山水画《祭诰图卷》局部进行贴图;背景加入了一些跟飘带形式感类似的装饰图案,让其不会显的太空。

手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用 手绘教程!国风插画入门秘籍!中国日报、故宫等大品牌都在用

以上就是今天分享的全部内容啦~希望对大家有所帮助。

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

50 收藏 187

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 5

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片