【商业插画】噪点插画设计系列，思路与设计方法分享

二、草图的绘制

不管我们画什么，草图都是我们的第一步，草图有时候可以很精细，有时候也可以很简单，这取决我们自己对画面的一个把控力，自己可控制对内容的设定和细节的处理时，也可以在草图阶段节约时间，定一个大致的框架。草图一方面是可以方便我们后期上色提供便利，提高我们的工资效率。另一方面可以辅助创意阐述，给需求方一个可视化的方案，让需求方大致理解方向，减少我们做的无用功。

草图可以直接用电脑绘制，也可以在纸上绘制，然后拍照或者扫描导入电脑中，通常场景比较复杂的情况下我们会选着用纸面绘画，可以便于反复调整会更加快捷，对于细节的处理也会灵活多变。

三、上色

上色一直是很多入门的插画师最头大的一个问题，这里我用几个噪点插画的案例来进行演示，噪点插画能够增加图形的细节和整体的质感，也是近几年商业插画风格，在互联网的快速发展迭代的生产方式下，这种形式的输出适应现在人们的审美需求。

通常扁平化的商业插画我会用矢量图形去绘制。这样可以方便后期的调整和延展，而在一些动图和h5动画之类的需求的情况下，还要考虑绘画素材和延展性和动画的可操作性对内容进行特殊的处理，在绘制相对复杂的手绘插画风格多变，层次丰富，因其修改的成本相当于来说比较大，所以考虑后期应用性。

1.铺色

根据需求进行颜色的搭配，保持整体色调的和谐统一，在此步骤可以建立小色板，完成大块面的铺色，调整色块建的色彩关系。不需要去绘制细节部分，配色的方式多种多样，常见的方式有单色，同色系，邻近色，对立色，互补色等， 在一幅画中尽量不要使用过多的色彩，容易造成混乱的状态，如果需要多元素颜色，尽量在同一个色相的基础上去做明度，饱和度的变化与对比关系处理，在铺色的过程中可以随时开启黑白图层去看画面的黑白灰关系。

2.添加肌理

添加噪点就是刻画画面的细节，增加画面的层次空间关系，如果说铺色相当于传统绘画中的黑白灰，那么添加肌理阶段就是相当于对亮暗面，中间调，交界线和高光的绘制刻画，我们要给画面顶一个主光源，同时也要根据画面需求来增加辅助光源。

增加噪点效果的基础操作方法：1.混合模式（溶解）+柔和笔刷（做暗灰亮）2.添加材质（正片叠底）3.图层样式（内阴影，投影等）4.噪点笔刷绘制。

3.细节刻画

以下图片为例，在噪点表示完光源关系后，因画面比较厚重并不体现很强的空间关系，画面需要呈现厚度和立体感，所以要加强中间色的刻画。根据故事背景的需要，画面需要呈现万里晴空的感觉，在天空和前图层增加了几层云雾的感觉，在武汉大学大门上做了一些年代记忆的斑驳感，进行细节的刻画使画面有可读性和表现力。

四.视觉确认

作为一个设计师难免会遇到改稿，返工等情况，但是我想说，在前期沟通上我们一定要仔细和甲方沟通细致，做到事无巨细的了解清楚需求的情况甚至要去了解到需求的本质，避免在理解的偏差做无用功，在视觉稿和完成稿中期也要去和甲方多沟通，避免导致沟通不清晰导致的无为的产出，且设计师们一定要加强自己的文底功夫，好的设计说明也是我们在评价一个作品是否符合是重要依据。 设计师也要对需求有全方面的思考和控制，不仅仅在视觉设计的层面上，甚至要从前期策划和后期宣传都要有自己的预期，这样才可以减少我们设计中的实际产出，目前市场上不仅仅停留于视觉上是设计，更加需要的是贴合性的去帮助设计，所以我们也应该多去调研和切合实际的考量，做到审美，美术层面主导需求的产出效果，以及对非专业人员的意见和建议也要选择性去接受和拒绝，并给出合理的充分理由。

结束语

画画没有完全捷径，来不得虚假，还是要多多练习，勤学苦练才能出好成绩，希望大家也能够坚持画下去，总结更多属于自己的独特的风格，在绘画这条路上有更多创造更多自己所爱的，所想的趣事，做最好的自己！

同学们想学哪方面的内容，也可以在评论区留言哦，下期预告：33种海报设计技巧，100种参考图例分享