商业噪点插画，思路和设计方法分享

前言

大家好，最近练习了一套噪点插画的系列

在这里给大家分享一下自己的思路和设计方法

一.  确认脚本内容

 目前在很多设计需求里面，都回出现插画的使用，来强化商业的感染力，和视觉的吸引力，让商品与消费者产生情感的共鸣，有时候也会因为产品素材的缺失，使得画面只能由插画绘制产品来代替，去进行设计。

 通常来说，商业需求方会大致的提出创意方向或者需求的背景，插画师要根据需求去细化创意的方案，从而确定脚本和故事的内容设定。这就要求了插画师要有发散思维提炼关键词来确定符合自身产品属性的可用元素进行创作。

确认脚本就可以开始绘制草图，但是在此之前要准备大量的素材，收集参考图，构图参考，素材的选取，插画风格的参考和对成品效果的预期设想，前期工作越细致，对于我们后期的绘制就会更加高效和便捷，画面的呈现也会更加细节化。

二.  草图的绘制

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

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

三 上色

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

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

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

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

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

     3.细节刻画 以下图片为例，在噪点表示完光源关系后，因画面比较厚重并不体现

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

四.视觉确认  

作为一个设计师难免会遇到改稿，返工等情况，但是我想说，在前期沟通上我们一定要仔细和甲方沟通细致，做到事无巨细的了解清楚需求的情况甚至要去了解到需求的本质，避免在理解的偏差做无用功，在视觉稿和完成稿中期也要去和甲方多沟通，避免导致沟通不清晰导致的无为的产出，且设计师们一定要加强自己的文底功夫，好的设计说明也是我们在评价一个作品是否符合是重要依据。

    设计师也要对需求有全方面的思考和控制，不仅仅在视觉设计的层面上，甚至要从前期策划和后期宣传都要有自己的预期，这样才可以减少我们设计中的实际产出，目前市场上不仅仅停留于视觉上是设计，更加需要的是贴合性的去帮助设计，所以我们也应该多去调研和切合实际的考量，做到审美，美术层面主导需求的产出效果，以及对非专业人员的意见和建议也要选择性去接受和拒绝，并给出合理的充分理由。

 结语

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