升级你的插画作品集,噪点风来一波!

发布日期:2021-03-18 15:31:30 点击:
噪点插画越来越多的出现在APP和网页插画中,杂点风格的插画也是现在流行趋势之一,这种插画风格将会扮演着重要的角色。

 

 

插画作品集准备中,也需要顺应时下流行趋势,运用最新设计类型加以丰富。克瑞思为同学们讲解一下噪点插画风格和制作过程,供参考~

 

什么是噪点插画?

SPRING

 

•噪点插画是将页面叠加了颗粒肌理的插画,也可叫作颗粒风插画。

 

•噪点插画大部分被运用在大色块、画面元素简单、缺少细节性装饰元素的画面中。

 

•噪点肌理常叠加在元素的高光及阴影处,通过颗粒感疏密的形式代替渐变的效果。

 

 

噪点插画的优势?

SPRING

 

噪点常被用于商业插画中居多,且近几年越来越受到追捧。和 2.5D 风、流体渐变风等一样,噪点插画也具有十分独特的风格与优势。

 

•增加画面细节与质感

 

互联网快速迭代的生产方式不利于设计师慢慢描绘画面的细节。在时间不是很宽裕的情况下,在画面中添加噪点,可以增加图形的细节和整体的质感。

 

 

•整合不同风格素材

 

日常设计中,当插画配图的设计时间很紧凑的时候,我们往往会利用之前积累的一些素材进行画面的拼凑。但往往挑选出来的素材风格都不太一致,放在同一个画面里会显得太突兀。这时,我们可以利用噪点这个硬肌理效果,将其叠加到素材上,把不同风格的素材整合成同一风格。

 

噪点插画图形绘制 

SPRING

 

•素材搜集

 

确定主题之后,第一步是参考一些素材来吸取灵感。素材参考一般来源两个途径:

 

- 逛设计网站时,看到优秀的作品,及时收藏下载,分类整理。

 

- 各个网站输入和自己创作主题相关的关键词,找到优质作品。

 

以松鼠插画为例:

 

 

➀首先

 

确定要画一张以小松鼠为主体的插画。在素材网站输入关键词“松鼠”,大量浏览之后,选择构图合适的下载保存。

 

 

➁其次

 

去看看别人怎么来创作“松鼠”,那最常用的套路就是在dribbble、Behance等国外设计网站上输入松鼠的英文单词“squirrel”。

 

 

•草图绘制

 

参考素图片,就需要开始构思创作。首先开始绘制草图,草图的作用就是快速记录自己脑海中灵光一现的想法。

 

•软件运用

 

根据每个人使用习惯不同,可以分别选择:PS、AI、Sketch等相关软件。不过,使用PS会更好表现杂点肌理。

 

 

 

制作造型的时候,全部用圆形、矩形、三角形等规则的几何形状来绘制,任何一个不规则的形状,都可以用规则的几何形状来概括,这个有点类似于我们以前学素描时候的建立形状,都是用不同线条组成的几何形状来概括。

 

•确定基调

 

确定造型之后,再来挑选辅色调。

 

 

-配色法则:

 

➀色调构成:80%主色调+20%辅助色调。

➁色彩需要有冷暖对比。

➂色彩需要有明度跟纯度对比。

 

•杂点处理-操作过程

 

-溶解

 

 

通过“滤镜”-“杂色”-“添加杂色”的操作过后,会跳出一个调整杂色数值的界面。

 

 

不同数量的杂色数量呈现的效果是不同的,常用的数值是 1%-6% 之间。

 

 

-内阴影及投影

 

 

通过“双击图层空白区”-“图层样式面板”-“内阴影”的操作过后,会跳出一个调整内阴影数值的界面。

 

 

内阴影杂色的方法在内阴影和纯色之间过渡时存在很明显的分割,杂色越大颗粒感越明显,同时分割感也就越强。有一种解决方法:另建一个独立图层做内阴影杂色处理,在内阴影层上建立蒙版用柔边画笔擦除使噪点柔和过渡(视情况使用)。

 

同时图层样式中的“投影”也常配合内阴影一起使用,也可产生杂色的噪点效果。但不同的是,投影杂色的噪点效果和背景之间过渡比较柔和。

 

 

•颜色矫正

 

△矫正前

△矫正后

△前后对比

 

在矫正颜色前,整个画面的色彩其实是有点脏的对比也没有那么强烈,跳不出来。矫正颜色以后的效果就是把亮度提亮,对比度加强。

相关推荐

电话:010-59954550,17718432189

邮箱:chrisdn2015@163.com

地址:北京市海淀区苏州街长远天地大厦B1座1804