如何完成一幅噪点插画。

用户头像
广州/UI设计师/5年前/275浏览
如何完成一幅噪点插画。
用户头像
常Change

我的噪点插画绘画过程。供小伙伴们参考啦~



嘿呦,这里是aka常Change,今天给大家分享一下我的噪点插画绘制过程。如何绘制一幅好看的噪点插画呢?(俏咪咪的说一声很多运营插画运用的也是这些个小技巧哦,赶快学起来),这几天抽空把步骤复盘了一下,拖延症患者终于在高铁上完成了这篇文章T T。于是就有了这篇文章,我尽量把所有的细节到写进这篇文章里,希望可以帮助到更多的想要进步小伙伴~有什么问题欢迎小伙伴们一起交流呀。

 

Step one:主题

首先咱得先确定一个主题作为画面的主题,所有的元素内容都围绕着主题进行。例如春、夏、秋、冬;十二节气;十二生肖等等。

 



Step two:元素

基于画面主题,然后咱可以先搜索与主题相关的一些元素。比如说:春节,那我们可以通过对春节的搜索找到很多与春节相关联的元素(鞭炮、烟花、中国结等等)我们建立一个文件夹把所可能用到的图片资料放到文件夹内备用。

 



Step three:构图


学过美术的小伙伴应该都知道构图是决定一幅图好坏的根基,emmm,没学过美术的同学呢可以这么理解,构图和画的关系呢就像是房子和地基的关系,地基打的好房子才能建的高。确保主体在画面中的主导地位强化视觉中心。



 

Step four:草图


草图的绘制有两种方法(手绘/板绘)有手绘板、iPad的同学可以选择用ps、sai、procreate等等软件去绘制。条件暂时不允许的同学可以用手绘,手绘也是极好的。从草稿中可以得到启发和思考。




Step five:主体(人/物)


还是以房子来举例,主体物的关系就像是大门在一栋房子中的作用,大门是这栋房子的门面。所以主体物在画面中的占比是要比其他的物体要更多的,不仅如此,在细节的刻画上面主体物的刻画也要更加细致完善。人物尽量选择四肢粗大的造型会更加饱满对新手来说更容易刻画,物体造型尽量选择稍微复杂一点的造型,太简单的物体塑造起来相对较难,效果也没有那么好。

 



Step six:电子稿


草图在绘图软件中绘制完成后,导出为jpg格式,然后我们在AI里面新建一个适当的画布,将jpg格式的草图拉入AI中,选中图片,ctrl+2锁定图层。选择钢笔工具。将草图勾勒一遍、有不太协调的地方可以用直接选择工具进行调整。(这里,对PS比较熟悉的同学可以直接用PS,一个图层一个形状的形式去进行绘制。)

 



Step seven:色稿


当然还是要基于画面主题去确定一个主色调,这里以我之前做的练习来分析,这幅主题是走进森林,那么在我们的认知里,森林就是绿色的。这时就可以以绿色作为画面的主色调。前面我们说了主体的重要性。那么主体的颜色我们就可以选择与背景色对比比较强的颜色。这里的对比可以通过明暗对比、纯度对比、色相对比这里我们补充一个知识,说一下明暗、纯度、色相。同类色和互补色。色彩三要素:色相、纯度(也称彩度、饱和度)、明度。色相是指能够比较确切地表示某种颜色色别的名称(一眼就知道它是张三还是李四);纯度是指色彩的纯净程度(血统正不正);明度是指色彩的明亮程度。(开心还是不开心),同类色可以理解为这几个颜色都是好兄弟,互补色可以理解为双方都是彼此的敌人。画面中采用同类色画面就会有一种和谐状态。而画面采用互补色则会使得画面更加戏剧性 画面更加丰富(不可滥用)。

 



Step eight:导出psd


画面内容尽量不要编组,然后全选画面中的所有内容,找到图层选项,释放到图层顺序。接着导出psd格式




Step nine:噪点


在刻画之前我们先了解一下如何画出噪点的效果,点击画笔-点击模式-选择溶解-对大小进行调整,这样我们画出来的笔触就有噪点的感觉啦。不同的画笔画出来的噪点也是不一样的,建议大家自己多玩玩试试(实践出真知哦)

 



Step ten:刻画


小建议:在刻画之前建议不是很熟练的同学新建图层蒙版进行刻画,方便进行二次修改。应该围绕物体结构进行刻画(可以使用鼠标也可以使用手绘板)。

刻画步骤可以分为七个步骤:确定光源-压暗部-造投影-提亮部-打环境色-提高光-画面调整

1.确定光源:确定光源的方向,确保所有的物体光源都一致。

2.压暗部:颜色我们可以在色稿上吸取颜色,然后点击颜色,往下五个圈圈点击确定。切记暗部的大小不能过大。

3.造投影:凡是光打过的地方都会有投影。投影的颜色在不同的物体上颜色也是不一致的,可以采用画暗部的方法去吸取颜色。这里要注意的是投影并不是单纯的一个颜色,头部会暗一些,越往后投影就会越虚。

4.提亮部:吸颜色的方法也是一致的,反向吸取,吸取更亮的颜色。亮部也不宜过大。

5.打环境色:打环境色的好处是可以丰富画面的内容,增加画面的可阅读性。吸取环境色的颜色可以适当提亮一点点。考虑光源对物体的影响。(不可滥用 可适当用于主体物)

6.提高光:高光可采取最亮的颜色,高光要打在合适的位置。举例:(不可滥用 可适当应用于主体物)

7.画面调整:对画面中有些不太协调的地方进行调整。看看整体颜色是否协调,看看主体物在画面中是不是最突出的,这里给大家分享一个小技巧,与主体物有交叉重叠的地方,我们可以适当的压重他的颜色,但是千万不能用纯黑色,还是要有一定的色彩倾向的。这样可以强化主体。在对画面进行小细节的调整(增加点不同的颜色调调明暗对比),就大功告成啦!

最后!打开微信-点击朋友圈,跟大家一起分享一下你的劳动成果吧!


5
举报
|
11
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
【新年UI图标】影音icon
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
新能源APP应用UIKit
UI 登录界面设计模板包
【新年UI图标】体育icon
3D卡通UI界面图标可爱插画免扣素
户外旅行飞机情侣假日出行
【新年UI图标】礼物/活动icon
UI界面 组件
【新年UI图标】珠宝icon
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
【新年UI图标】积分icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
手表表盘UI系列
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
高级感金属拟物 UI设计组件库
UI通用设计素材1
你可能喜欢
相关收藏夹
大家都在看
登录注册