转自公众号：胡晓波工作室
大家好好好好好好好呀！我是专治“不会画癌症晚期”的蓝贵莲！今天又是我们发动插画技能的时间了，请问你们准备好了吗？
那么，今天发动的技能是这几年比较流行的「国潮风插画海报」绘制技巧。这次的教程由我们插画班助教老师酸菜炒肉完成，效果如下。
酸菜炒肉是我 20 期插画班的学生，在通过了训练营的三个阶段后成为了插画课程助教，到现在也跟了我几个年头了。这篇教程是她的首秀，请大家给她一点鼓励～接下来，掌声有请酸菜登场！
知识重点：潮流元素结合传统元素、边线的绘制、细节网点
操作工具：数位板 | IIllustrator ，Photoshop
操作难度：★★★☆☆
大家好，我是家有两个小可爱的喵奴铲屎官酸菜炒肉。
年画作为中国特有的一种绘画体裁，是中国农村老百姓喜闻乐见的艺术形式 ，也是中国古代一种寓意吉祥的形象。
近几年，年画结合现代潮流元素的插画形式也逐渐变多，word里画uml用例图，十分新潮有趣，所以一直想引用年画的元素结合现代潮流的，画一幅比较现代化感的年画。
今天，我就来说一说如何完成一幅潮流年画。
*
分析国潮插画的特点
潮流插画相较于中规中矩的画面，非常容易吸引注意力：画面将传统文化与嘻哈街头文化和复古风做结合，使画面表达传统文化的同时，又更加新潮现代。
* 蓝贵莲插画班国潮插画作业，仅供赏析
目前大部分的潮流插画都属于线性插画。使用黑色或者深褐色描边线并利用小碎线或褶皱的细节线条去丰富画面。潮流插画的颜色鲜艳明快，并加入简单的明暗分块，使画面更加丰富有质感。
* 图片来自插画师Cesar Veroes，仅供赏析
如何年画结合潮流插画？
首先确定主题。例如，主题是门神，那么我们就需要去搜索门神相关的元素及传统人物。例如，我们可以从下图看出，右图主要是将动物拟人化，并融入了左图的动态和双手握剑的特征，并给主角穿上了卫衣帽子和鞋子等一些服饰，让整个画面更加潮流。
*左图来源网络，右图来源插画师 Pems Lou，仅供赏析
我本次的主题是年年有余，所以首先需要发散与这个主题相关的关键词，例如：年画，年画娃娃，年年有余等。在百度搜索这些关键词，我们就能看到很多素材。
为了让画面更有趣，可以将动物拟人化并结合到画面中。因为今年鼠年，所以把年娃改成老鼠。
为了让老鼠的特征更加明显，将老鼠的鼻子加长边翘，耳朵变大。并加上墨镜让它更加潮流。
最后将提取的头部放在已经提取出的动态框架上。
接下来我们给主角加细节。为了让整体画面更加潮流，我们给主角加入一些嘻哈元素的服饰，如棒球帽，功夫装，板鞋等等。
鞋子：由于鞋子在画面中所占比重比较小，所以在勾勒的时候适当减去一些复杂的设计。如果完全按原来的鞋子细节去勾勒，由于比重变小，细节会黏在一块十分不好看。
画完鲤鱼，我们就完成了主角的部分了。
画完主角之后，再开始丰富场景中的元素。从上面的很多年画中可以看到，很多画面都喜欢用荷塘做场景，所以画面的场景也继续沿用这个元素。
荷叶同理，但是像边缘曲线变化比较大的，可以将轮廓改得平缓一些。
接下来，把荷花和荷叶排进画面中。为了让画面有一些景深，排的时要注意层次的分布。
画面中分了五个层，鱼尾跟荷花荷叶做了一个简单的交错穿插，让画面层次不会是那么单一的递进关系。有错落感。
同时，为了让画面的前后主次明显。注意物体的近大远小，和越远的物体细节越少的原则。
排布完荷花荷叶后，我们对画面空出来的部分进行继续填充。
为了保持画面的平衡感，我在场景的上半部分的左右两侧加上了两只小老鼠。切记如果只有一边加，那画面会失衡，所有一左一右各加上一个打鼓的和提灯笼的小老鼠。老鼠的提取方式与主角同理提取。
最后就是画面底部的部分了。现在主角老鼠是飘在空中的，没有重心，因此我们要让他脚踩一些元素，使整个画面更加饱满。
我们可以考虑加入同样是中国元素的祥云、海浪。
找一些祥云的素材提取轮廓，再进行简化。
最后，将结合云海的构图，将祥云放置入画面当中。
1、首先，创建一个画布。点击插入中 形状 然后点击最下面的新建绘制画布。2、然后就可以看到Word中出现一个白框，然后旁边有框。3、然后就可以按照用例图的样子绘制相应的形状。4、但是一般开始画出来的东西并不是我们想要的。
加完云海就会发现画面有点断层，所以在荷花与荷叶之间穿插了一些云的感觉，让画面更有连贯性。
线稿的部分我们使用 Ai 钢笔工具去完成，当然如果你觉得 PS 钢笔更加顺手，也可以直接使用 PS 勾线。
主角勾线
1、描边：先用钢笔描边，线条粗细不能太小，尽量不要小于 3-4PX。
2、线条的调整：为了让整体画面更加有节奏感，接下来需要去调整描边粗细变化。
选中线条，选择窗口 【对象】-【路径】-【轮廓化描边】把线变成面。
用【直接选择工具】选中锚点进行手动调整。
连接性的线条调整：连接的线条两边注意线条的粗细变化，一般的规律是线的两边细点，中间凸显的地方可以粗一点。
3、外轮廓线：线条的末端可以把一个描点删掉，调成尖尖角，如平时排线画线条轻入轻出的节奏，调整一下线条的弧度。让线条更精致些。
4、加粗外轮廓和结构描边：为了让每个物体能区分开来，物体外轮廓线是最粗的。同时，还有一些比较明显重要的结构分层的地方如锦鲤鱼头部，背脊等的线条也调整的粗一些。这样，每个物体间的区分就分开了，同时还十分有节奏感。
5、鱼鳞的细节：为了凸显鱼身的立体感，鱼鳞的所有小碎线都是顺着鱼鳞的线条弧度走的。注意身体朝下部分的小碎线是比较多的，越靠近上面越少。背脊和尾巴的都是以此类推。
其他元素勾线
因为荷花作为背景装饰物如果刻画得过于仔细会强掉画面主角的风头，所以需要适当减去一些细节。
2、荷叶：荷叶同理，使用带有粗细变化的外轮廓描边，并且，加入荷叶的纹理结构。注意不要太复杂。
那么，我们的线稿就绘制完成了。
制作色板
配色开始前，可以先制作一个色板。
年画的色彩给人的感觉都是比较红红火火，喜气洋洋，一般以大红大绿为主色调，对比色让画面视觉冲击力比较强，为了保持年画的氛围但是又符合潮流插画的调性，所以我选择以红-绿色-橘黄为主色，黄色为辅助，同时颜色的明度和暗度数值都控制在 60 上下，这样就能达到对比色强烈的同时又能让画面比较和谐的效果。
上色
选好颜色后，我们就可以开始配色了。
背景颜色：我选择了色板中颜色中浅的颜色，让整体配色的发挥余地最大，同时也增加了画面的复古感。
主角颜色：作为主角在整体画面中需要最突出，所以选择用红色和绿色去突出的同时也加强对比。锦鲤面积也比较大，用红色更能凸显，老鼠的服饰则用了红色的对比色-绿色。同时，用黄色作为点缀色，打破主体形象的沉闷感。为了让画面更加透气，肤色用底色即可。
企业回【即时设计】非常流行的专业的在线 UI 设计工具，无论是什么操作系统，打开浏览器就能免费用，具体优势有： 大趋势—各大公司都在改用在线设计工具，提高效率，其中很多都用即时设计； 功能全—设计功能丰富且强大，可高效满足各种矢量设计需求。
其他装饰颜色：
荷花：用了红色的邻近色——橙色，既能和红色的锦鲤区分开，又能让画面看起来比较和谐统一，并和前面的主角的袖子形成呼应。荷叶则用了浅一些的绿色，与衣服的绿区分开来。
两个装饰的小老鼠 ：提灯笼的小老鼠：因为荷花是橙色系的，所以小老鼠的服装就用了对比色绿色与荷花区分开。灯笼用了红色是考虑到一些习俗。肤色与主角肤色同色。
打鼓的老鼠：与提灯笼的小老鼠同个方式，小老鼠是在荷叶上的，所以服装和鼓就用了红色。
云层颜色：为了让画面留出一些空间感，同时突出主角，所以云层直接与背景同色。
那么我们的色稿就绘制完成了。
TIPS：在上色的时候要注意空间和主次关系。例如云层的颜色如果加了其他颜色就会使整个画面没有重点，并且会很沉闷。
暗部的绘制
定好光源方向，并分析明暗关系。我们定的是左上方的光源，所以物体的左上方是亮面，反之则是暗面。可以先在画面上标记一下阴影块面。
注意阴影只需要加大块的面积，像鱼鳞因为本身就已经细节十分丰富了，加上之后会很复杂并抢了主角的风头。
云块作为一个背景性质的元素，主要是为了平衡画面，撑起画面的中心感，不是作为主导主要的物体，所以没必要加，如果加了画面的层次感也会变弱。
1、用visio软件，易学易用 它也是office系列的软件，所以跟word兼容得很好。2、windows 自带 画图 工具。画的绝对整齐。点开始——》所有程序——》附件——》画图。
接着，我们使用钢笔工具沿着荷花及耳朵的轮廓形状勾出暗部。颜色和描边同色。
荷花：
1、首先打开Word创建一个画布，点击插入中形状。2、然后点击最下面的新建绘制画布。3、然后就可以看到Word中出现一个白框。4、然后就可以按照用例图的样子绘制相应的形状，选择需要的图形。5、选择后可以看到画布上显。
老鼠：
明暗刻画
明暗刻画：上面分析画风有说到过一般这种对于明暗刻画都不会做的很复杂，主要是线性的感觉为主，所以只需给一些元素加一些光影，让整个画面更丰富即可。根据上面已经订好光源，受光面在物体的左上方，暗部则在相反的位置。为了让整个画面的光影关系更加和谐统一，我事先将明暗面的颜色进行了确定。所有的亮面统一使用了背景色，暗面都在原本颜色的基础上进行了饱和度和明度的调整。
首先我们先画锦鲤的暗部。暗面是要顺着物体的轮廓和结构去勾线的。为了增加物体的体积感，暗部的面积会更大一些。为了更好地去勾线，在开始前我们也可以大致画一下暗部的位置。
选择钢笔工具，沿着勾画的位置和锦鲤的边缘，使用前面定下的色板颜色去勾出。
》“Use Case Diagram”，创建了一个用例图，命名为“用例图1”。点击左边工具栏中的工具，直接在右边空白处单击即可画出相应图形，并且可以为图形命名。5 右键单击所画图形，可以设置图形的属性。下面是我画的用例图。
接下来我们勾亮面。为了使亮面高光不突兀，锦鲤的亮面与背景同色，用钢笔工具顺着锦鲤的轮廓边缘去勾线。要注意面基不要过大，否则显得不精致。
老鼠的光影：由于老鼠的配色本身就是亮面高光的颜色，所以只需要把他的暗部画出来，方法与前面同理。
两只老鼠：老鼠的阴影刻画与主角老鼠相同。
暗部：
亮部：
荷叶：荷叶作为背景，占比也比较大，为了让荷叶有细节的同时不会抢掉视觉焦点，所以只需要做出一些叠加关系的投影，例如小老鼠在荷叶上的投影。
荷花：荷花也是相同的道理。适当做一些光影就可以了。
暗部：
亮部：
那么，我们的整体的光影效果就制作完成了。
添加文字及其他装饰
1.在“文件”菜单上，依次指向“新建”、“软件”，然后单击“UML模型图”。2.在树视图中，右击要包含用例图的包或子系统，再指向“新建”，然后单击“用例图”。此时会出现一个空白页，而且“UML用例”模具也会显示在最。
大画面出来后可以在比较空的地方去添加文字，利用文字平衡画面。比如在这个画面中，现在左下角的位置比较空，所以加入一个比较粗的英文字体去平衡画面。
为了让画面更丰富，加入几个跟勾线相同的颜色的球去平衡画面，意球的大小节奏，球不要大小都一样，这样会到时很板。
由于画面的层次感还不够丰富，为了增加画面的潮流感和装饰性，我们给画面加入一些网点和做旧元素。
导出 psd
在开始前，我们要先将 ai 的文件导成 psd 格式。
我们将所有图层取消编组，疯狂按【ctrl+shift+G】，把所有图层取消编组。接下来，我们【窗口】—【图层】，把图层窗口调出来。
点选【图层 1】—【释放到图层（顺序）】，然后我们就能看到每个图层前面都变成不同的颜色。
我们将它导出成 psd 格式：【文件】—【导出为】—【选择 psd】。我们可以看到，在 ps 里它就是每个色块是单独的图层了。
笔刷介绍
网点笔刷：这个笔刷是由很多排列规则，大小一致的圆组成的。网点的密度比较舒适，不会很窄也不会很宽，点的大小跟间距的大小差距不大。
做旧笔刷：这个笔刷是由很多不规则的网点组成，很有复古感，有做旧的感觉。
增加网点细节
我们把网点的应用分三个部分:物体暗面、物体亮面、云层和背景的、字体。
物体的暗面：暗面的网点主要是跟着暗面的刻画走，但是不用全部地方都加，主要加在比较大件的物体上例如荷叶，小物体适当的刷几笔就好。不用每个地方都加，不然画面会很乱。
为了避免画的时候没有头绪，也可以稍微先在画面上标注一下。
接下来我们来加网点，以锦鲤为例：选择网点笔刷，颜色与描边同色，在暗部加网点。画的时候控制一下笔刷的力度，不要把网点刷的很整齐，不然就会很死板。适当有些地方可以下笔轻点，会比较自然。
老鼠面部的暗面，同样要注意网点笔刷使用的面积（如图一），如果用的过多（如图二）的话脸就会显得很脏不干净。
像耳朵的部分，使用和耳朵阴影相同的颜色去画网点，如果用黑色就会显得很突兀。
物体的亮面：亮面的网点画在物体的受光面，但是不用全部地方都加，主要加在线条细节不多的地方，如鱼头、鱼脊，像鱼身体那一块因为线条细节本身比较复杂了，再加亮色的网点笔刷就会显得很混乱。
云层和背景：云层和背景原本没加光影关系，所以可以用到网点去丰富。
云层作为画面底部的重心，如果颜色太浅会显得很轻，所以云层用了比荷花的橘红色饱和度和明度低一些的灰橘红去绘制，不会抢主角但是又能压住画面。
云层的网点不需要铺满云层，可以统一留出上半部分的缝隙留白，让画面更加透气。
为了让背景层次更加丰富，但是又不抢眼，背景的网点装饰用了比背景颜色浅一点点的颜色去绘制。方法跟画云层一样不用整个背景都刷，看起来像有过过渡的感觉更有层次感。
增加做旧细节
那么，在那样这样之后，我们的画面就绘制完成了。
人物动态的提取及结合
照片元素的提取，转化及场景的组合
线条的粗细变化及AI勾线的绘制技巧
光影的绘制及网点笔刷的运用技巧
那么本次教程就到此结束了，是不是很新潮？快学起来吧！
