学习制作磨砂风格的插画作品 PS插画设计教程
黑狮力 人气:0
一、什么是噪点插画?
噪点插画还有一个通俗易懂的名字叫颗粒插画，是属于肌理插画的一种。
它由不同大小、不同密度的颗粒组成，当密度低时它是点，当密度高时它还可能成为线与面。
它的特点是能在扁平的画面中用颗粒表达出整体的层次感，从而提升画面的质感，是目前非常流行的插画形式。
二、噪点插画的使用分类
在噪点插画的使用中，最好用的软件就是大家所熟悉的PS，如果你想专业一点那就用Photoshop(- – )，AI也可以做噪点插画，不过调色麻烦，个人建议用PS。
噪点插画的使用一共分为三个类别，分别为：智能噪点、手动噪点、自定义噪点。
1. 智能噪点
1-1 滤镜-杂色-添加杂色
这是最常用的噪点添加方法之一，操作方式如下：
操作路径：「滤镜-杂色-添加杂色」，选取后弹出杂色参数界面。
在选取不同参数的情况下效果呈现是不同的。
在选取不同分布状态下的效果呈现也是不同的。
注意：我们在选择杂色参数时，如果百分比越高杂色凸显度就更强，反之则更弱，百分比低的参数适合柔性一点的杂色插画风格，百分比高的参数则更适合于刚硬一点的插画风格。同样选取分布状态也是一个道理，平均分布适合柔性插画，高斯分布则更适合刚硬插画。
对于这类噪点添加更适用于在整体画面下使用，下面是我之前做的一些插画作品，都是用到了此方法，值得一提的是在同一画面上添加噪点时，需要用调整不同参数来进行叠加，这样效果出来才会更加协调，如下：
1-2 混合模式溶解
采用混合模式溶解的方式我们可以达到噪点的效果。
混合模式溶解中也分为3类，分别为蒙版溶解填充、直接溶解填充、自定义溶解填充。
1-2-1 直接填充：
直接填充类型：浮雕、描边、内阴影、投影、内发光、外发光、光泽、颜色叠加、渐变叠加。虽然看起来这么多，其实就是相同的操作方式。
操作路径：「混合选项-选取填充类型-选取混合模式溶解」，选取后调整参数。
根据不同的样式可以调整不同的噪点方式，下面举例常用的三种方式：
1-2-2 蒙版溶解填充：
操作路径：「建立蒙版-选取渐变工具-选取混合模式溶解」，选取后调整参数。
参数的调整是基于蒙版上的，所以只需做黑白渐变即可，调整不同的参数就会出不同的效果：
下面给大家展示3个案例(必须在蒙版图层上使用)：
我们可以从以上清晰的看到样式1的噪点更硬朗，没有颗粒没有带透明度;样式2的渐变则更柔软，有明显的透明度过度;样式3则是除了固有的渐变透明度噪点外，还多了一层50%透明度的噪点。
特别注意：蒙版渐变噪点不同于其他噪点，其他噪点是往上叠加新颜色，而蒙版渐变噪点则是从已有的颜色上去除颜色。
1-2-3 图案溶解填充：
操作路径：「混合选项-选取图案填充」，选取后调整参数。
图案没有选择溶解这个选项，要想在图案填充中获得噪点就必须自己制作噪点图案，在填充完自己制作的图案后，就变成了如下效果：
我们可以看到以上的效果，噪点是具有一定规律的，并没有像上面的噪点不规则，这样的噪点不太适合单独使用，比较突兀，需要配合其他噪点一起使用，文章后面会提到如何使用。
1-3 Camera RAW滤镜
Camera RAW滤镜在处理噪点上有点类似于添加杂色，相当于添加杂色的升级版。
操作路径：「滤镜-Camera RAW滤镜-效果」，选取后调整参数。
我们可以根据调试参数得到不同的效果，如下：
Camera RAW滤镜我个人很少用，在处理粗糙的材质上有时会用到。
2. 手动噪点
手动噪点简单来说就是我们通过现有的画笔手动来画噪点。
能够用出噪点的画笔相当多，可以就给大家推荐一些常见实用的画笔
2-1 PS自带画笔（混合模式溶解）
在PS自带画笔中，「柔边圆」画笔是我最常用的，我们可以把「柔边圆」画笔的模式从正常调到溶解，这样就可以画出噪点的效果，这种噪点画出来的画面更加柔和，适合细腻一些的噪点插画风格。
设计师Muhanmmed Sajid的插画中很多都可以用柔边圆的画笔来表现，如下：
我用柔边圆画笔画出来白墙后，放大再看它们的颗粒状态也是相同的，说明两者皆是由柔边圆画笔画出来的，只是技法有所不同(文章后面会提到插画技巧)。
当然除了柔边圆画笔，还有其他画笔都可以用溶解做到噪点风格，自己也可以多去实验。
2-2 PS自带画笔（自带溶解）
除了需要调整混合模式达到噪点状态的画笔外，PS还有自带「溶解」的画笔，它就是喷枪粒状画笔，这个画笔一共有4种，分别为：喷枪柔边低密度粒状、喷枪硬边低密度粒状、喷枪柔边高密度粒状、喷枪硬边高密度粒状。
喷枪画笔相对于柔边圆来说风格就更粗糙一些，当然适应的画风也有所不同，如下：
2-3 碎点画笔
碎点画笔往往起到的是画面的点缀作用，下面是我常用的3种碎点画笔，分别为低、中、高密度碎点画笔。
下面是3种不同密度画笔的展示效果：
这里展示的碎点画笔全部为非透明，也有很多具有透明度的碎点画笔，看具体的插画风格来使用，接下来我们看一下运用到插画上的效果：
我们可以看到上面第一幅风景画中，它用碎点来点缀整体的插画效果，而第二幅画它的碎点则用于突出水溅起的效果，虽然两幅插画出于同一设计师之手，但是在画面中起到的作用却都各有不同。合理的使用好碎点画笔，会为你的插画起到画龙点睛的作品。
2-4 肌理画笔（辅助噪点）
我这里所说的肌理画笔主要是指可以在噪点插画中，与噪点起到相辅相成的作用，噪点插画中加入合适的肌理效果，会使整个画面层次效果更佳。
在辅助噪点的肌理画笔中我一共把他们分为两大类，分别为：规则肌理画笔与不规则肌理画笔。
效果如下：
以上几个是我常用的辅助肌理画笔，在文章后面有案例详细讲解如何去使用。
辅助肌理画笔能很大的提升我们噪点插画的层次感，但值得注意的是必须要结合好噪点画笔，不然反之则会非常突兀，很不搭调。
3. 自定义噪点
我们会经常发现一些大神的噪点很特别，但是自己始终都找不到下载资源，其实他们很多噪点画笔都是自定义自己制作出来的，不会对外公开的。包括上面提到的碎点画笔也是我自己制作的，当自己的画笔不能满足插画内容时，就可以自定义画笔来解决这一问题。
我们可以看到下面的插图就是通过自己制作的画笔画出来的：
第二幅插画的噪点笔刷是设计师有偿提供的，笔刷价格为15美元，并且笔刷是AI版本。为了让大家更友好的体验到类似笔刷，我就做了一个PS版本，一共分为了5种密集大小，免费提供给大家下载。(特别注明：只是大的风格一样，细节上做了区分处理，下面会详细解释)
下图则是我做的类似5个笔刷：
这里我就拿样式1来举例给大家讲解如何自定义噪点画笔，里面很多细节希望对大家有帮助：
操作路径：建立画布-绘制形状-定义画笔预设调整参数-保存画笔
Step 01 建立画布
1、画布的大小：这里的像素为80×80。画布大小根据要制定的画笔来定，使用正方形画布更有利于新手实践，一般做噪点画布的大小在40-100像素之间，如果要做超低密度的噪点，建议在300像素的画布绘制，比如我做的碎点画笔就是在300像素下制作的。
2、颜色选择：做画笔与在蒙版涂抹有相似之处，他们只支持黑白灰，黑色为不透明，白色为纯透明，灰色则是半透明，所以如果想要做一些透明的过度就可以加入一点灰色图形。
Step 02 绘制图案
1、规则图案：如果想要做一些规则肌理效果，则可以绘制规则形态的形状，如上面提到的点状、斜切点状、线状肌理噪点。
2、不规则图案：我们的样式1就是用到了不规则图案，它的形态大小都是不规则的，可以随意画，有大有小、有疏有密，但是不能填充的过分饱满，那样后面调出来的效果会粘成一坨小团团。
3、为了更好的过度噪点，我还在其中加入了灰色形状。
Step 03 自定义画笔预设
我们可以从窗口中打开画笔设置，在画笔设置的下方就可以看到预览效果，虽然画笔设置非常多，但是我在做样式1的时候我就只用到了画笔设置中的形状动态与散布。
1、形状动态：形状动态中我除了大小抖动外其他的都没有进行操作，大小抖动为27%，加入了抖动后整个噪点画出来会更加自然，如果是要做一些大的噪点画笔，建议把抖动调高，甚至把它拉到100%都不过份。
2、画笔设置：在画笔设置中，两轴按钮我是打开的，原因就是我这个小噪点分布太散，如果勾选上两轴，中间的噪点画出来就会更密集，大家可以去尝试一下;散布的参数我调到了163，数量我原则的原始的1，因为我在画布中已经画了很多形状，所以没必要再去添加数量。
做大部分噪点画笔我都是只用到了以上参数，当然如果你要做一些特殊的肌理画笔，也可以调整纹理、传递、双重画笔的参数，如果你只是想做基础的噪点画笔，以上几个选项已经足够了。
Step 04 保存画笔
在调整完参数后一定要记得在画笔设置的右上角点击保存画笔，保存了画笔我们的样式1才算真正完成。
特别提醒：在保存完了画笔后希望大家有一个觉悟，那就是把它导出来，我们可以在画笔弹窗中选择想要导出的画笔或者画笔组，把它导成.abr文件，以后在其他电脑用时可以直接导入。因为之前我做了几个画笔没有导出，PS又不知道出什么BUG了，我的画笔直接给重置了，此时我的心情大家肯定很明白吧!!!!
实际操作
用相同的方法设置好其他4个噪点画笔后，我们就可以来试试它的效果，在下面3个人物中，我就选择我最爱的光头来画一下。
我们通过两幅插画的对比，可以很明显的看出来两个噪点画笔的差异化：
（1）透明度：原插画的噪点是没有任何透明度的，而我的噪点画笔是含有透明度的。
（2）形 状：原插画是纯圆形造型，而我的插画是包含椭圆、非常规图形。
（3）规 则：原插画的图形规则性更强，更注重中间大、密，两边小、疏，而我的噪点两边没有大小固定，所以有大有小。
通过以上噪点的差异化就形成了左右两幅插画的风格有所小变化，左边插画是超硬朗式，非常适合强烈的硬朗风，风格非常明显，但缺点就是配合其他噪点一起使用时难度偏大。而右边的噪点硬朗中还偏柔性，虽然风格上没有那么强烈，但是我可以很好的配合其他噪点做出更附有层次的插画。(后面会有案例)
三、完整插画案例解析
为了让大家更好的理解到噪点插画的实际运用，我制作了两个极端的小案例，一个为纯「柔边圆」画笔画出的插画，另一个则是结合了大量噪点画笔画出的插画。
1. 「柔边圆」溶解画笔插画
不管是单一的画笔还是组合的噪点画笔都能够画出噪点插画，这里就先给大家举例一个PS自带画笔画出的小案例。
特别注明：因整个图片太宽，微信显示效果没那么大，为了大家看的更清晰，所以截取了部分内容放大。
1-1 如何构图
构图这一块我个人还是非常非常建议找参考的，一个很好的构图能让你的插画先加上3分，至于很多人说大师都是凭借信手拈来，我这点不是很认同，大师的插画自己构图来画肯定没问题，但是有一点它需要更多的时间来优化，如果你是超神选手那就另当别论了。这是我非常喜欢的一个插画师Muhanmmed Sajid的一副插画，它的插画构图也是来自于图片的参考：
同样我做插画时也是通过照片来构图，这样会节省我大量的时间：
在选图时也有讲究，选图时构图是一点，还有点就是光线，如果一张图片有很好的光线参考，那么你在画插画时速度就是事半功倍。我选的那张图光线表现并不强烈，我这里本想自己做光线，结果花了我大量的时间，如果光线好那么完成的插画表现力肯定也会更加的丰富。下面两张图作为参考就极佳：
1-2 结合路径工具
在画噪点插画时我们可以多结合路径工具，画出更多具有层次感的细节。
在上面4小块中我们可以发现路径工具无处不在，因为在很多噪点插画中始终都离不开路径工具。这里给
给大家一个小建议，在做小噪点时直接新建图层做噪点，不要做出形状后再去做噪点，这样会节省很多时间。
1-3 合理运用正片叠底与滤色
对于刚接触噪点插画的人来说，害怕颜色调的脏，那么就可以使用最简单的色彩运用办法，吸取物体色彩后，把想要做高光的图层混合模式改为滤色，阴影改为正片叠底。
这个小技巧非常实用，特别是在做一些简单的噪点插画时一步就能搞定颜色。
1-4 合理叠加图层
想把一个物体做的非常细致就需要进行多次叠加，叠加的同时可以加入一些透明度，但需要注意的是颜色过多后要保证整个画面的干净，不能使画面变脏。
1-5 多用蒙版
不管是图层蒙版还是剪切蒙版都在噪点插画中起到关键性的作用。
剪切蒙版简直就是噪点插画灵魂，如果有1000个图层，那么可能700个图层都使用了剪切蒙版，使用剪切蒙版时需要注意，如果层数较多建议编组起名字，不然修改时有点难找。
例如下图：我在做前景时，就会把前景分割几个部分，比如右边小草部分我单独列一个组，在组内的剪切蒙版中，可能会有常变动的噪点图层，这时我就会给它加个颜色，这样找起来就非常方便了。
图层蒙版也是我在噪点插画中经常用到的，最适用于鼠绘使用者，鼠绘不同于手绘，在画噪点时经常会出现手抖的现象。
如右图的小树，当自己在画一些连续性的多重噪点时，如果有小瑕疵就可以直接用图层蒙版来解决。
1-6 结合调色（色阶、色相/饱和度、曲线…）
不管是在绘画过程中还是绘画完成后都可以用到调色。
绘画中我们经常会遇到相同物体但是要不同处理的状况，这时就可以利用调色来进行完成。
如右图的小树，想要它们产生前后的色差，就可以利用调色来解决，不需要再进行一次调色，太浪费时间。
在绘画完成后我们也可能会根据效果进行最后的调色，甚至改变大的色调。就如我做的这个小案例，在最终完成后调了两种不同色调的方案出来(注：因方案不同还改变了一些布局)。
1-7 根据插画内容做自制噪点
我们在绘制插画的过程中经常会遇到想要得到某个效果，但是却没有现成的噪点提供，这时我们就要自给自足。
例如我在画这个小案例时，发现了蔓藤上面需要很多不规则的叶子，一个个去画不仅浪费时间，而且还要去改变一些造型，操作起来太繁琐了，这时自定义画笔就可以很好的为我们解决这一问题。
根据文章前面所说的步骤就可以很轻松的制作出叶子的画笔。
我在用自制的叶子画笔时，会出现很多不需要的叶子在四周散开，这时就可以给画笔图层打一个蒙版，把不要的内容全部都给删掉。
2. 组合画笔插画
组合画笔意思就是利用自己所拥有的画笔，筛选后全部运用到同一噪点插画中，需要注意的是，不是所有噪点画笔都适用于同一个风格，这里用粗糙锈迹风格的插画小案例给大家举例说明：
在案例中我们可以看到我使用的画笔全部是粗糙一类画笔，不仅包含有噪点画笔，还包含有规则的肌理画笔，甚至还用到了杂色，但是整体画下来整个画面并没有不协调之处，这里有一个很重要的点就是要选对画笔，那么接下来我们看看我一共用了多少画笔。
从上面的分解图中我们可以看到我一共用了6种噪点画笔，分别为：圆形噪点、平钝纹理、斜切点状、扇形扁平、常规噪点、杂色。
在处理小块面的颜色时，我并没有使用柔边圆画笔，原因就是因为它画出来偏软，不太适合我的整体风格，所以我用圆点画笔(画光头那个画笔)与常规噪点画笔(自己调试的噪点画笔)来替代。
为了使车身带有速度感我选择用扇形扁平画笔来做拖拉，在显示直线线条的同时也带有纹理效果。
为了使车厢表现感更强，我还在车厢内加入了规则的斜切点状肌理效果。
同时为了表达山崖的立体感，我全部用平钝纹理+路径来绘制。
其实在作图前，把整体的插画风格定下来，后面就可以按照你所想要的风格筛选画笔，从而进行绘制，用相同方法也能做出不同的车子噪点，如下：
在车子的样式2中我去除了扇形扁平与平钝纹理画笔，为了使整个车身更加具有锈迹斑斑的感觉，所以就加强了圆形噪点的使用，并且在车身的底色上加入了自制的噪点：锈迹凹凸画笔(噪点名字都是经过自己多年的设计经验随意取的…)。
特别小技巧：想要画一些规则型的肌理画笔时(如图上的斜切点状画笔)，可以用画笔直接画，还有个方法就是可以运用图案叠加做到(当然你得事先准备好此图案)。
四、总结及素材分享
1. 噪点插画总结
噪点工具心得：可以实现噪点插画的工具是非常多的，而在众多的工具中最常用的是杂色、蒙版、画笔这三样。
画笔心得：噪点画笔非常之多，新手可以从PS自带画笔开始着手，如果想要自己的噪点插画风格突出，自制画笔是一个很不错的选择。
学习心得：最开始接触噪点插画时，最好先从临摹开始，先学会别人的技法再来慢慢改善自己想做的风格。(素材里提供有优质的噪点插画作品可临摹)
2. 素材分享
本期的素材一共包含有三大块：噪点插画临摹作品50张、源文件光头与卡车、黑狮力画笔库(24个噪点画笔)
临摹素材部分展示：
文章源文件分享：
画笔分享（24个）：
加载全部内容