PS教程!4步原创顶级扁平噪点插画

时间:2020-11-23
类别:PS教程
水平:入门
观众:18652
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

教程作者:村口蓝贵莲(胡晓波工作室出品)

交作业:#优设每日作业#

PS教程!4步原创顶级扁平噪点插画

关于教程

PS教程!4步原创顶级扁平噪点插画

我是沉迷飞旺辣条不能自拔的蓝贵莲。今天我丢掉手绘板拿起大鼠标出了这篇没有板子的插画教程(如下图),只为让更多被吐槽手残不会画画的小伙伴们实现用鼠标就能原创出顶级插画的美好愿望(此处应有1秒掌声)

PS教程!4步原创顶级扁平噪点插画

扁平插画和噪点插画?

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

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

* 图片来自网络

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

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

* 图片来自网络

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

操作工具:鼠标 | PS

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

一、提取外形

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

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

PS教程!4步原创顶级扁平噪点插画

二、概括细节+区分层次

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

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

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

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

PS教程!4步原创顶级扁平噪点插画

三、统一光源+添加噪点

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

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

PS教程!4步原创顶级扁平噪点插画

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

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

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

PS教程!4步原创顶级扁平噪点插画

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

 

PS教程!4步原创顶级扁平噪点插画

四、叠加网点+修饰细节

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

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

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

PS教程!4步原创顶级扁平噪点插画

花杆的绘制

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

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

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

PS教程!4步原创顶级扁平噪点插画

效果图展示

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

PS教程!4步原创顶级扁平噪点插画

这次插画教程到这里就结束了,想尝试的小伙伴们在文章顶部领取这篇扁平风噪点教程的笔刷包哦~

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
笔刷下载4.2Mr6hw 点此复制 登录下载
103 收藏 143

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 5

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片