手绘教程!6步教你绘制爆款中国风商业插画

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

手绘教程!6步教你绘制爆款中国风商业插画

教程作者:@Asen-阿森优设手绘训练营讲师)

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

关于教程

​​近几年特别火的国风插画大家一定都不陌生,不过大多数因为涉及到大场景、元素特别多或者构图是长卷型的等等因素,使得整个画面看上去非常复杂。

手绘教程!6步教你绘制爆款中国风商业插画

大热的国风插画让新手朋友们是既想画又害怕,看到那么复杂的线稿就想直接劝退寄几!

手绘教程!6步教你绘制爆款中国风商业插画

不要怕,这次手绘营讲师@Asen-阿森就来教大家从小场景入手,分分钟get国风插画的秘诀!(文末get国风插笔刷方式)

教程内容

一、先从简单的构图画场景

刚开始画国风小场景插画,我强烈推荐这3种简单易上手的构图形式:三角形构图、圆形构图、框型构图/容器型构图。别小瞧这3种构图,它们不仅容易掌握,也能画出好效果!

接下来用实际案例,说一下怎么用这些构图形式画画。

注意:以下例子只观察元素们的位置大小所形成的构图形式,忽略明暗关系。

1、三角形构图

三角形构图特别适合画面中出现各种“高矮胖瘦”的元素/人物,比如把较高的建筑等放在中间,左右两侧各安排些元素,就能形成一个很稳定的三角形。

手绘教程!6步教你绘制爆款中国风商业插画 手绘教程!6步教你绘制爆款中国风商业插画

2、圆形构图

圆形构图顾名思义,我们可以利用云、飘带、藤蔓花朵、仙鹤的翅膀、甚至单纯的圆形为底,把元素“圈”起来。

手绘教程!6步教你绘制爆款中国风商业插画 手绘教程!6步教你绘制爆款中国风商业插画

3、框型构图/容器型构图

这两种构图形式在国风插画中非常常见。一般采用这样构图的话,元素会改变现实中的比例,出现物大人小、人物大小不固定的现象。

手绘教程!6步教你绘制爆款中国风商业插画 手绘教程!6步教你绘制爆款中国风商业插画

框型构图非常好理解,就是我们拿一个元素的形状作为“框”,将元素置于其中,比如人的剪影、数字、团扇、花窗、植物等等都可以形成“框”。圆形构图也可以看作是框型构图。

手绘教程!6步教你绘制爆款中国风商业插画

容器型构图:指的是用一个器物作为底托,把元素置于其上,常见的有鼓、碗、瓷器、印章等等。

手绘教程!6步教你绘制爆款中国风商业插画

二、给画面添加简单的装饰元素

这里我要分享一个常用的小诀窍 — 简化与重组元素。

国风插画中有很多元素比较复杂难画,比如植物叶子,类似银杏叶、松针等等;或者某些质感,新手难以用平涂的方式表现出来,比如水的质感、毛茸茸的质感等等。

这个时候我们可以主观的简化元素,或者重组元素。这里有2种很好用的方法:几何型和点线面。二者结合可以做出千变万化的装饰纹样。

1、简化成几何图案

复杂的造型简洁化,尝试用几何形归纳物体、人物。几何化是将不重要的、多余的、对主体造型不产生影响的元素简化,简化之后的形状依旧会形成曲直方圆的对比,这样才能使造型简洁而不单调。

插画师娇子的城的作品,虽然不是目前市场上以线为主的国风插画风格,但是人物高度几何化,强调“面”并结合笔刷肌理做质感,依旧很有国风韵味。推荐大家去看看她的二十四节气作品,人物简化的造型非常好看。

手绘教程!6步教你绘制爆款中国风商业插画

2、点线面的装饰

点线面是最最基本的构成语言,长的短的大的小的宽的窄的等等不同搭配,会出现千变万化的装饰图案效果。

我们可以细细观察插画师久里的作品中,对于羽毛、植物的叶子脉络都用了线条/点的装饰。她的作品装饰感极强,感兴趣的朋友可以多多分析学习一下。

手绘教程!6步教你绘制爆款中国风商业插画

中国日报主任编辑李旻大大的作品也有着非常强烈的装饰感,把线条的魅力发挥到了极致。

手绘教程!6步教你绘制爆款中国风商业插画

3、以松叶为例具体示范

大家在找参考的时候除了照片以外,还可以直接找古代名家作品作为自己的一手参考资料,有意识地锻炼归纳能力。

我在下面的文章中推荐了几个素材网站,感兴趣的朋友可以马住!

这里以松叶为例进行归纳提取的示范,但其他元素的思路画法和这个案例都是相通的。

手绘教程!6步教你绘制爆款中国风商业插画

根据上述我们已经总结的松针特点,将提取出来的线/面打乱随机结合起来,就得到下面这些形状:

手绘教程!6步教你绘制爆款中国风商业插画

接下来再根据上面组合出来的造型进行细化,可以强化点线面的装饰感:

手绘教程!6步教你绘制爆款中国风商业插画

三、3个超实用的画画小技巧

1、快速叠加材质-图案图章工具

图案图章工具是ps里添加材质的一种方式,相比利用剪切蒙版给图层加材质来说,图案图章工具是跟笔刷结合着使用的,更灵活一些。

自定义图案添加材质的方法:

  1. 下载好材质后,右键,用ps打开;
  2. 菜单栏-编辑-定义图案-重命名-ok。

手绘教程!6步教你绘制爆款中国风商业插画

2、利用软件的功能让线条更流畅

我们都知道国风插画的特点之一就是线条特别流畅好看。如果你的线稿暂时无法画的很流畅,这里有3个小方法可以帮助大家:

  • 如果钢笔工具用的好,可以直接在AI里勾线,ps里上色;
  • ps的钢笔描边功能;

注意:把钢笔的属性改为路径,勾好之后右键的描边路径才管用。还需要提前选好线稿的画笔笔刷及大小。

手绘教程!6步教你绘制爆款中国风商业插画

  • ps画笔的平滑参数调大,可使线条流畅些,但电脑配置一般会出现延迟或卡顿的现象(ps cc2018及以上版本才有平滑功能);
  • 用ipad的procreate画,画笔的流线参数调大,线稿就会流畅。

手绘教程!6步教你绘制爆款中国风商业插画

3、巧用套索工具

套索工具跟笔刷一样,我常常用它“圈”出一个形状再做其他操作。这样既能给肌理/渐变卡一个范围,也能使画面增加层次感。

手绘教程!6步教你绘制爆款中国风商业插画手绘教程!6步教你绘制爆款中国风商业插画

除了直接用柔边缘笔刷,配合套索做渐变,画云的时候,用套索和噪点笔刷给云加肌理的效果也很不错,避免噪点肌理都混在一起造成颜色脏的问题。

手绘教程!6步教你绘制爆款中国风商业插画

手绘教程!6步教你绘制爆款中国风商业插画

四、实际案例演示

根据上面讲的几点,我来示范一个完整的绘制过程,总共分为 6 个步骤:素材选择-勾画线稿-平涂上色-混色晕染-叠加肌理-加暗部

1、找合适素材画线稿

根据“古风/汉服”、“盆景”、“金鱼”这几个关键词,找到合适的素材并画线稿。这张图中出现的松叶线稿就是概括外轮廓的形状。

手绘教程!6步教你绘制爆款中国风商业插画

给元素们以三角形构图的形式安排了位置,鱼这里最开始的想法是左上右下画两条,线稿画完之后发现这条鱼直接放在人物的上方也很合适,还有视觉引导的意思。

手绘教程!6步教你绘制爆款中国风商业插画

2、线稿上色加肌理

上色的时候可以顺手给线稿改改颜色,国风插画中常用的线稿颜色多为黄色、白色,或者比物体本身稍微重一点的颜色。

混色时选的颜色还是橘色/蓝灰色,这样也是防止画面中人、鱼的颜色和山的颜色太脱节。颜色呼应是画面中很重要的一点。

手绘教程!6步教你绘制爆款中国风商业插画 手绘教程!6步教你绘制爆款中国风商业插画

(1)给人物上色,添加肌理

人物在画的时候暗部可以直接用套索工具勾一个轮廓出来再接着用柔边缘笔刷配色正片叠底做渐变。另外人物服装也加了点混色,但是亮部的颜色更偏黄调偏暖,暗部的颜色更偏紫调偏冷。

手绘教程!6步教你绘制爆款中国风商业插画

(2)给金鱼添加细节

画鱼的鱼鳞时,一定不要怕麻烦一片片画。鱼尾上面一根根的纹理也是用硬边圆画笔结合图层正片叠底画的。同理仙鹤的翅膀、花瓣、建筑的屋顶和柱子等等,都需要一个个画明暗、加肌理,才能出好效果。

手绘教程!6步教你绘制爆款中国风商业插画

(3)绘制树和山的细节

这张图的山画的比较方,其实山的表现形式在国风插画中非常多样。有线条更棱角分明的,也有偏圆润的,也有曲直线条结合的等等,大家可以多尝试。

还有一点要说明,这里的山因为在画面中占比较大,所以画的层次有些多,如果画面中山是次要的或者仅仅是个背景,则在平涂的基础上稍微加点渐变就可以了。

手绘教程!6步教你绘制爆款中国风商业插画

整体的绘制流程基本上就是这样了。但在构图、线稿型准、人物形态等方面,涉及到手绘基础内容,需要你们深入学习方可灵活运用。

相信2022年,国潮插画会更加流行,各大品牌的宣传方面,也会运用更多的中国风插画。如果日常中大家多练习些国风小场景插画,既能立即画出适合你品牌的插画,还能帮助你拓展更多画风!

在优设手绘零基础训练营里,结合电商/运营/包装等场景,带你掌握 Banner、App 开屏、美宣海报、古风游戏、故事绘本、IP 表情包、产品包装等,学完就能用到职场中!甚至拿着毕业作品面试!

你也可以直接微信添加课程咨询师【大胖老师:uisdc2 】或【国庆老师:uisdc3​​​​​​​​咨询更多课程相关的问题,领取阿森讲师精选的优质金箔素材和国风笔刷!

手绘教程!6步教你绘制爆款中国风商业插画 手绘教程!6步教你绘制爆款中国风商业插画

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

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

59 收藏 205

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

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

复制本文链接
img

发表评论 已发布 3

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片