图酷 专治“不会画癌症晚期”的蓝贵莲!今天又是我们发动插画技能的时间了,请问你们准备好了吗?
那么,今天发动的技能是这几年比较流行的「国潮风插画海报」绘制技巧。这次的教程由我们插画班助教老师酸菜炒肉完成,效果如下。

酸菜炒肉是我 20 期插画班的学生,在通过了训练营的三个阶段后成为了插画课程助教,到现在也跟了我几个年头了。这篇教程是她的首秀,请大家给她一点鼓励~接下来,掌声有请酸菜登场!


知识重点:潮流元素结合传统元素、边线的绘制、细节网点
操作工具:数位板 | IIllustrator ,Photoshop
操作难度:★★★☆☆
大家好,我是家有两个小可爱的喵奴铲屎官酸菜炒肉。
年画作为中国特有的一种绘画体裁,是中国农村老百姓喜闻乐见的艺术形式 ,也是中国古代一种寓意吉祥的形象。
近几年,年画结合现代潮流元素的插画形式也逐渐变多,十分新潮有趣,所以一直想引用年画的元素结合现代潮流的,画一幅比较现代化感的年画。
今天,我就来说一说如何完成一幅潮流年画。

*
分析国潮插画的特点
//
潮流插画相较于中规中矩的画面,非常容易吸引注意力:画面将传统文化与嘻哈街头文化和复古风做结合,使画面表达传统文化的同时,又更加新潮现代。

* 蓝贵莲插画班国潮插画作业,仅供赏析
目前大部分的潮流插画都属于线性插画。使用黑色或者深褐色描边线并利用小碎线或褶皱的细节线条去丰富画面。潮流插画的颜色鲜艳明快,并加入简单的明暗分块,使画面更加丰富有质感。

* 图片来自插画师Cesar Veroes,仅供赏析

如何年画结合潮流插画?
首先确定主题。例如,主题是门神,那么我们就需要去搜索门神相关的元素及传统人物。例如,我们可以从下图看出,右图主要是将动物拟人化,并融入了左图的动态和双手握剑的特征,并给主角穿上了卫衣帽子和鞋子等一些服饰,让整个画面更加潮流。

*左图来源网络,右图来源插画师 Pems Lou,仅供赏析
我本次的主题是年年有余,所以首先需要发散与这个主题相关的关键词,例如:年画,年画娃娃,年年有余等。在百度搜索这些关键词,我们就能看到很多素材。

选取一幅与主题最贴切的年画,在图片上提取出基本框架。(在图上稍微勾画一下,鲤鱼也勾,下面那部鲤鱼的勾线就可以省掉了)

为了让画面更有趣,可以将动物拟人化并结合到画面中。因为今年鼠年,所以把年娃改成老鼠。
- 首先,找一张与年画娃娃差不多角度的老鼠参考图,并在图上概括老鼠的轮廓。

- 为了让老鼠的特征更加明显,将老鼠的鼻子加长边翘,耳朵变大。并加上墨镜让它更加潮流。

- 最后将提取的头部放在已经提取出的动态框架上。

接下来我们给主角加细节。为了让整体画面更加潮流,我们给主角加入一些嘻哈元素的服饰,如棒球帽,功夫装,板鞋等等。
- 帽子:在参考图上勾勒出帽子的形状,在帽子增加一些贴合主图的祥云的装饰图案丰富细节。

- 鞋子:由于鞋子在画面中所占比重比较小,所以在勾勒的时候适当减去一些复杂的设计。如果完全按原来的鞋子细节去勾勒,由于比重变小,细节会黏在一块十分不好看。

- 衣服:衣服用了功夫装作为参考,但由于参考图的整体设计比较简单,所以增加了一些国风的边框元素和海浪元素去丰富衣袖。

接下来,我们细化鲤鱼。找一张适合的锦鲤参考图,我们从参考图上可以看出:次鱼鱼鳞都是三个条线分层重复排序,鱼尾巴那些都是顺着轮廓方向加内部线条。

- 根据参考图,我们给鲤鱼加上鱼鳞。注意线条的疏密,不要太密,以防黏在一块。

- 因为鱼脊靠下那块比较空,可以适当加一些装饰。找一张铜钱结的参考图,大致勾勒出铜钱结的形状,适当更改透视将他放在锦鲤身上。注意,由于鲤鱼的鱼鳞本身就比较丰富了,所以铜钱结的细节可以做一些减法。

画完鲤鱼,我们就完成了主角的部分了。

画完主角之后,再开始丰富场景中的元素。从上面的很多年画中可以看到,很多画面都喜欢用荷塘做场景,所以画面的场景也继续沿用这个元素。
还是老法子找参考提取外轮廓,再进行优化。荷花直接在图片上提取外轮廓即可。

荷叶同理,但是像边缘曲线变化比较大的,可以将轮廓改得平缓一些。

接下来,把荷花和荷叶排进画面中。为了让画面有一些景深,排的时要注意层次的分布。
画面中分了五个层,鱼尾跟荷花荷叶做了一个简单的交错穿插,让画面层次不会是那么单一的递进关系。有错落感。
同时,为了让画面的前后主次明显。注意物体的近大远小,和越远的物体细节越少的原则。

排布完荷花荷叶后,我们对画面空出来的部分进行继续填充。

为了保持画面的平衡感,我在场景的上半部分的左右两侧加上了两只小老鼠。切记如果只有一边加,那画面会失衡,所有一左一右各加上一个打鼓的和提灯笼的小老鼠。老鼠的提取方式与主角同理提取。

最后就是画面底部的部分了。现在主角老鼠是飘在空中的,没有重心,因此我们要让他脚踩一些元素,使整个画面更加饱满。
我们可以考虑加入同样是中国元素的祥云、海浪。
- 在百度搜索神话类、鬼怪类的图分析主角是如何跟这些元素结合的。这里参考了八仙过海,画面用一块大云托起八位神仙,所以我们也可以让主角老鼠踩着祥云。

- 找一些祥云的素材提取轮廓,再进行简化。

- 最后,将结合云海的构图,将祥云放置入画面当中。

加完云海就会发现画面有点断层,所以在荷花与荷叶之间穿插了一些云的感觉,让画面更有连贯性。


线稿的部分我们使用 Ai 钢笔工具去完成,当然如果你觉得 PS 钢笔更加顺手,也可以直接使用 PS 勾线。
- 主角勾线
1、描边:先用钢笔描边,线条粗细不能太小,尽量不要小于 3-4PX。

2、线条的调整:为了让整体画面更加有节奏感,接下来需要去调整描边粗细变化。
选中线条,选择窗口 【对象】-【路径】-【轮廓化描边】把线变成面。

用【直接选择工具】选中锚点进行手动调整。

连接性的线条调整:连接的线条两边注意线条的粗细变化,一般的规律是线的两边细点,中间凸显的地方可以粗一点。

3、外轮廓线:线条的末端可以把一个描点删掉,调成尖尖角,如平时排线画线条轻入轻出的节奏,调整一下线条的弧度。让线条更精致些。

4、加粗外轮廓和结构描边:为了让每个物体能区分开来,物体外轮廓线是最粗的。同时,还有一些比较明显重要的结构分层的地方如锦鲤鱼头部,背脊等的线条也调整的粗一些。这样,每个物体间的区分就分开了,同时还十分有节奏感。

5、鱼鳞的细节:为了凸显鱼身的立体感,鱼鳞的所有小碎线都是顺着鱼鳞的线条弧度走的。注意身体朝下部分的小碎线是比较多的,越靠近上面越少。背脊和尾巴的都是以此类推。

- 其他元素勾线
1、荷花:我们可以先找一些参考图看看荷花的结构,会发现荷花的尖尖颜色会比较重,花瓣本身的会带一些细微的纹理。

因为荷花作为背景装饰物如果刻画得过于仔细会强掉画面主角的风头,所以需要适当减去一些细节。
参考照片的荷花尖的发射性线条,适量加了几根线条表示纹理,并调整尖角处的轮廓描边。

2、荷叶:荷叶同理,使用带有粗细变化的外轮廓描边,并且,加入荷叶的纹理结构。注意不要太复杂。

3、祥云:祥云也是需要用带有粗细变化的线条去处理。但是由于祥云是装饰,不是特别重点的,所以做减法,只需要将内部的结构勾出来即可。

那么,我们的线稿就绘制完成了。


- 制作色板
配色开始前,可以先制作一个色板。
年画的色彩给人的感觉都是比较红红火火,喜气洋洋,一般以大红大绿为主色调,对比色让画面视觉冲击力比较强,为了保持年画的氛围但是又符合潮流插画的调性,所以我选择以红-绿色-橘黄为主色,黄色为辅助,同时颜色的明度和暗度数值都控制在 60 上下,这样就能达到对比色强烈的同时又能让画面比较和谐的效果。

- 上色
选好颜色后,我们就可以开始配色了。
背景颜色:我选择了色板中颜色中浅的颜色,让整体配色的发挥余地最大,同时也增加了画面的复古感。

描边颜色:描边颜色我直接用了深色,由于我们的色板的其他颜色饱和度都比较低,所以不要使用纯黑色,否则显得十分突兀。

主角颜色:作为主角在整体画面中需要最突出,所以选择用红色和绿色去突出的同时也加强对比。锦鲤面积也比较大,用红色更能凸显,老鼠的服饰则用了红色的对比色-绿色。同时,用黄色作为点缀色,打破主体形象的沉闷感。为了让画面更加透气,肤色用底色即可。

其他装饰颜色:
荷花:用了红色的邻近色——橙色,既能和红色的锦鲤区分开,又能让画面看起来比较和谐统一,并和前面的主角的袖子形成呼应。荷叶则用了浅一些的绿色,与衣服的绿区分开来。

两个装饰的小老鼠 :提灯笼的小老鼠:因为荷花是橙色系的,所以小老鼠的服装就用了对比色绿色与荷花区分开。灯笼用了红色是考虑到一些习俗。肤色与主角肤色同色。

打鼓的老鼠:与提灯笼的小老鼠同个方式,小老鼠是在荷叶上的,所以服装和鼓就用了红色。

云层颜色:为了让画面留出一些空间感,同时突出主角,所以云层直接与背景同色。

那么我们的色稿就绘制完成了。

TIPS:在上色的时候要注意空间和主次关系。例如云层的颜色如果加了其他颜色就会使整个画面没有重点,并且会很沉闷。

- 暗部的绘制
定好光源方向,并分析明暗关系。我们定的是左上方的光源,所以物体的左上方是亮面,反之则是暗面。可以先在画面上标记一下阴影块面。
注意阴影只需要加大块的面积,像鱼鳞因为本身就已经细节十分丰富了,加上之后会很复杂并抢了主角的风头。
云块作为一个背景性质的元素,主要是为了平衡画面,撑起画面的中心感,不是作为主导主要的物体,所以没必要加,如果加了画面的层次感也会变弱。

接着,我们使用钢笔工具沿着荷花及耳朵的轮廓形状勾出暗部。颜色和描边同色。
荷花:

老鼠:

- 明暗刻画
明暗刻画:上面分析画风有说到过一般这种对于明暗刻画都不会做的很复杂,主要是线性的感觉为主,所以只需给一些元素加一些光影,让整个画面更丰富即可。根据上面已经订好光源,受光面在物体的左上方,暗部则在相反的位置。为了让整个画面的光影关系更加和谐统一,我事先将明暗面的颜色进行了确定。所有的亮面统一使用了背景色,暗面都在原本颜色的基础上进行了饱和度和明度的调整。

首先我们先画锦鲤的暗部。暗面是要顺着物体的轮廓和结构去勾线的。为了增加物体的体积感,暗部的面积会更大一些。为了更好地去勾线,在开始前我们也可以大致画一下暗部的位置。

选择钢笔工具,沿着勾画的位置和锦鲤的边缘,使用前面定下的色板颜色去勾出。

接下来我们勾亮面。为了使亮面高光不突兀,锦鲤的亮面与背景同色,用钢笔工具顺着锦鲤的轮廓边缘去勾线。要注意面基不要过大,否则显得不精致。


老鼠的光影:由于老鼠的配色本身就是亮面高光的颜色,所以只需要把他的暗部画出来,方法与前面同理。

两只老鼠:老鼠的阴影刻画与主角老鼠相同。
暗部:

亮部:

荷叶:荷叶作为背景,占比也比较大,为了让荷叶有细节的同时不会抢掉视觉焦点,所以只需要做出一些叠加关系的投影,例如小老鼠在荷叶上的投影。

荷花:荷花也是相同的道理。适当做一些光影就可以了。
暗部:

亮部:

那么,我们的整体的光影效果就制作完成了。

- 添加文字及其他装饰
大画面出来后可以在比较空的地方去添加文字,利用文字平衡画面。比如在这个画面中,现在左下角的位置比较空,所以加入一个比较粗的英文字体去平衡画面。

为了让画面更丰富,加入几个跟勾线相同的颜色的球去平衡画面,意球的大小节奏,球不要大小都一样,这样会到时很板。


由于画面的层次感还不够丰富,为了增加画面的潮流感和装饰性,我们给画面加入一些网点和做旧元素。
- 导出 psd
在开始前,我们要先将 ai 的文件导成 psd 格式。
我们将所有图层取消编组,疯狂按【ctrl+shift+G】,把所有图层取消编组。接下来,我们【窗口】—【图层】,把图层窗口调出来。
点选【图层 1】—【释放到图层(顺序)】,然后我们就能看到每个图层前面都变成不同的颜色。

我们将它导出成 psd 格式:【文件】—【导出为】—【选择 psd】。我们可以看到,在 ps 里它就是每个色块是单独的图层了。

- 笔刷介绍
网点笔刷:这个笔刷是由很多排列规则,大小一致的圆组成的。网点的密度比较舒适,不会很窄也不会很宽,点的大小跟间距的大小差距不大。

做旧笔刷:这个笔刷是由很多不规则的网点组成,很有复古感,有做旧的感觉。

- 增加网点细节
我们把网点的应用分三个部分:物体暗面、物体亮面、云层和背景的、字体。
物体的暗面:暗面的网点主要是跟着暗面的刻画走,但是不用全部地方都加,主要加在比较大件的物体上例如荷叶,小物体适当的刷几笔就好。不用每个地方都加,不然画面会很乱。
为了避免画的时候没有头绪,也可以稍微先在画面上标注一下。

接下来我们来加网点,以锦鲤为例:选择网点笔刷,颜色与描边同色,在暗部加网点。画的时候控制一下笔刷的力度,不要把网点刷的很整齐,不然就会很死板。适当有些地方可以下笔轻点,会比较自然。

老鼠面部的暗面,同样要注意网点笔刷使用的面积(如图一),如果用的过多(如图二)的话脸就会显得很脏不干净。

像耳朵的部分,使用和耳朵阴影相同的颜色去画网点,如果用黑色就会显得很突兀。

物体的亮面:亮面的网点画在物体的受光面,但是不用全部地方都加,主要加在线条细节不多的地方,如鱼头、鱼脊,像鱼身体那一块因为线条细节本身比较复杂了,再加亮色的网点笔刷就会显得很混乱。

云层和背景:云层和背景原本没加光影关系,所以可以用到网点去丰富。
云层作为画面底部的重心,如果颜色太浅会显得很轻,所以云层用了比荷花的橘红色饱和度和明度低一些的灰橘红去绘制,不会抢主角但是又能压住画面。
云层的网点不需要铺满云层,可以统一留出上半部分的缝隙留白,让画面更加透气。

为了让背景层次更加丰富,但是又不抢眼,背景的网点装饰用了比背景颜色浅一点点的颜色去绘制。方法跟画云层一样不用整个背景都刷,看起来像有过过渡的感觉更有层次感。

字体:前面的所有细节网点绘制完之后,字体就显得与画面格格不入同时有些压抑。因此在字体下半部分画一些网点,让他透气一点,上半部分顺着字母的结构加一些高光,结合起来整个字体就不会那么沉闷无聊。

- 增加做旧细节
做旧笔刷应用主要是为了让画面增加一些复古的氛围。但是由于这个笔刷网点比较密集,所以不适宜大面积使用,否则会影响画面的观赏。所以,我选择了比较局部的一些地方,小面积的添加几笔,画龙点睛。

那么,在那样这样之后,我们的画面就绘制完成了。


- 人物动态的提取及结合
- 照片元素的提取,转化及场景的组合
- 线条的粗细变化及AI勾线的绘制技巧
- 光影的绘制及网点笔刷的运用技巧
那么本次教程就到此结束了,是不是很新潮?快学起来吧!
本文转自微信公众号:胡晓波工作室,图片来源网络,版权归原所有者所有,本文仅供分享交流,如有侵权,请联系我删除,谢谢!
文章标题:图酷手把手教你画一张国潮风插画海报
文章链接:https://www.xtuku.com/3738.html
更新时间:2022年05月07日
声明:本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:590173@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读新图酷网网络免责服务协议。