网页设计 » 视觉设计 » 无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

发表于: 视觉设计. 评论
Sponsor

噪点插画是现在的主流绘画风格之一,如果你是一个高级的插画设计师,相信你一定是很吃香的,就是因为如此越来越多的小白想要入行,但是又会止步高昂的学习成本。所以今天小编给大家带来一篇不用手绘板也弄创作扁平化噪点插画的方法教程,你一定要认真学哦!

无需手绘板的噪点插画PS教程

扁平插画和噪点插画

扁平插画是一种去掉了透视同时弱化细节,不完全表现真实物体,将外形进行总结概括,而后提取特征,保留物体原有辨识度的一种插画表现技法。品牌及包装、海报、网页Banner、H5、App闪屏、游戏界面等等都能看到扁平插画的运用。这种用简单的线条勾勒出的插画确实有很强的特殊魅力。

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

噪点插画则是在扁平插画的基础上叠加了颗粒肌理的插画,也可以叫做颗粒风插画、杂点插画,应用和扁平插画同样广泛。如果单一色块的表现方式难以激起你内心的小波澜,那么这种能够塑造超强质感的噪点插画一定会让你心跳加速。

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

无需手绘板的噪点插画PS教程

图片来自网络

 

原创扁平噪点插画教程

知识重点:物体造型概括 颗粒肌理的添加

操作工具:鼠标 | PS

操作难度:妈妈看完竟萌生了要做插画师的想法。

1、提取外型

 

TIPS:我们在选择照片的时候需要注意搜索对象的图片尽量是正视或全侧视图,这样的角度方便我们从图片中提取外形,不受透视变化的影响。

从网上搜索出我们需要绘制物体的照片。接着进行造型概括,对外轮廓进行大致描边。当遇到有细小变化的时候不要被细节变化带跑(如下图所示第四个喇叭花上方的造型有很多小波浪褶皱,我的处理是直接拉直线概括)观察物体的正确方式应该从物体外轮廓进行观察概括,通常会用到将物体比作几何形或拉直线的概括方法。

无需手绘板的噪点插画PS教程

 

2、概括细节+区分层次

TIPS:为了物体对称我只会勾勒单侧花瓣,接着复制粘贴(Ctrl/Cmd C>Ctrl/Cmd V),并将其翻转(Ctrl/Cmd T)成另一侧。

提取外形后对细节进行概括,用钢笔工具(P)勾勒出前后花瓣,进行适当的微调让整个图形更加饱满,接着根据花瓣的前后关系分好图层。

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

新建图层并创建剪贴蒙版,右半边部分填充为黄色,模式选为【线性加深,不透明度调为30%】。右半部分的颜色变深,呈现对折的视觉效果,同时也帮助下一步亮暗面的塑造。

无需手绘板的噪点插画PS教程

 

3、统一光源+添加噪点

TIPS:用鼠标添加颗粒的时候注意疏密的变化,不要盲目的在同一个地方反复来来回回涂,可以根据自己的需求调节颗粒笔刷大小。

首先我们需要设定统一光源,这里我把光源统一设定成左上方打下来的。那么物体所有左上的面都是亮面(受光),而物体所有右下的面就是暗面(背光)。

无需手绘板的噪点插画PS教程

我们需要用【杂颗粒笔刷】在暗面和亮面用都涂上噪点。

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

套索工具(L)圈出花朵下方需要做丰富的区域,接着在选区内用【杂颗粒笔刷】添加颗粒,图层模式选择【正片叠底】,不透明度【85%】

无需手绘板的噪点插画PS教程

亮面的颗粒用的是花瓣的橘色,图层模式选择【颜色减淡】,自然就呈现了亮黄色blingbling的颗粒效果。

无需手绘板的噪点插画PS教程

 

4、叠加网点+修饰细节

在花朵的上半部分添加一些不规则的白点,呈现出亮晶晶的效果,用【不规则网格肌理笔刷】添加网点效果,丰富物体层次。

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

TIPS:叶子也是一毛一样的重复上面的“四步法”来进行绘制的,学会方法就可以进行万变了。

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

在纸上绘制一个简易版花杆,将大大小小的花朵和叶子串起来。接着用钢笔工具(P)将其中一个花杆勾出来,找到路径工具,右键选择描边路径(描边路径中的工具选择画笔,画笔是系统自带的硬边圆画笔,根据自己的需要调好画笔粗细和颜色)。

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

花杆一一绘制完成后,将所有的花杆合并图层,接着将图层像素锁定,用【杂颗粒笔刷】绘制亮暗面(统一左亮右暗)。

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

无需手绘板的噪点插画PS教程

扁平风噪点笔刷素材

讲了这么多你学会了吗。废话不多说咋们直接上素材,给大家分享在上面所用到的扁平风噪点笔刷素材。

百度网盘下载:https://pan.baidu.com/s/1KnxjIK1gD6niiX7AhCmEuQ
提取码: m5qd

感谢阅读,喜欢请分享本文哦!

作者 | 蓝贵莲
来源 | 胡晓波工作室

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }