飞特网 顶部通栏广告

SKETCH绘制肌理插画小教程

SKETCH研究院发布于:2020-6-30 14:35 |原作者: MaryDesign
简介: 前几天的时候在网上看到了一组很漂亮的空状态界面,全部都是由Sketch完成,并且添加了肌理,颜色清爽、界面干净。正好我前一段做的产品当中也用到Sketch做了一些肌理插画,所以在这里给大家讲解一下如何用sketch当中的杂点绘制肌理插画,分享一些小经验给大家。 ... ... ... ...

版权申明:本文出自“MaryDesign”原创,感谢“MaryDesign”的原创教程分享!

SKETCH绘制肌理插画小教程 飞特网 SKETCH教程

FEVTE编注:更多经典SKETCH教程和SKETCH经验分享、作品交流请访问飞特网SKETCH教程栏目:https://www.fevte.com/plan/sketch/

写在前面:前几天的时候在网上看到了一组很漂亮的空状态界面,全部都是由Sketch完成,并且添加了肌理,颜色清爽、界面干净。正好我前一段做的产品当中也用到Sketch做了一些肌理插画,所以在这里给大家讲解一下如何用sketch当中的杂点绘制肌理插画,分享一些小经验给大家。(ps:好吧,我觉得我对肌理插画有执念,哈哈)

本文主要内容:

1、UI设计中的肌理插画分析

2、Sketch中的杂点是如何运用的

3、肌理插画教程(附详细步骤图)

4、我画的肌理插画展示,啦啦啦

一、UI设计中的肌理插画分析

SKETCH绘制肌理插画小教程 飞特网 SKETCH教程

上面的6幅图是我从看到的那组图当中选取出来的,我们可以看到,这些界面中的插画在阴影部分和某些元素上都添加了杂点和渐变,使插画的立体感和层次感都更好的体现了出来。下图当中我把插画当中添加杂点的地方以及具体的参数都标注了出来。

SKETCH绘制肌理插画小教程 飞特网 SKETCH教程

二、Sketch中的杂点是如何运用的?

想要画出这样的插画,我们就要先了解一下Sketch中的杂点是如何使用的。

1、杂点在哪里添加?    

 答:在检查器里填充的第六个

SKETCH绘制肌理插画小教程 飞特网 SKETCH教程

2、杂点的参数如何设置  ?   

答:杂点的文本主要有四种:原始、黑、白、颜色  叠加模式和PS当中的一样,通过分析上面的肌理插画,我发现常用的主要有三种:正常、叠加、变暗。 强度不用设置太大,在5%-30%以内就可以了。

SKETCH绘制肌理插画小教程 飞特网 SKETCH教程

3、杂点的四种文本有什么区别?

答:通过下面的图我们可以发现,杂点的密度:颜色>白>原始>黑,可以根据插画所需要的杂点强度选择不用的文本。

需要注意的是,杂点层要在颜色填充层的上方,不然杂点会被盖住。另外在深色背景上可以选用变暗叠加模式,在浅色背景上可以选用叠加模式。这个也需要具体问题具体分析。

SKETCH绘制肌理插画小教程 飞特网 SKETCH教程


123下一页
2

好评

差评

刚表态过的朋友 (2 人)

SKETCH研究院
上海市 普陀区 绘画/插画师
+ 关注 私信
  • PS鼠绘超萌超可爱的手绘头像教程
  • SKETCH绘制肌理插画小教程
  • BANNER设计指南

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 移动版| 飞特网