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