编辑:守望者    发布日期:2020-10-28 00:00:00

@人类君:今天为大家介绍一下如下图这种带有写实质感的图标,如何使用sketch进行绘制。

今天为大家介绍一下如下图这种带有写实质感的图标,如何使用sketch进行绘制。
 
 
我以下图绘制的这个图标为例,拆分成了3个步骤为大家介绍具体的绘制过程。
 
 
 

第一步:找图片参考

绘制微质感图标,第一步需要找到一个适合的图片参考。我找了以下几个扳手和螺丝刀的实物图,用于基础形状的绘制。
 
 
找图的重点是:图片中物体的光影关系明确,有一定的透视,便于后期绘制光影关系。
 
 

第二步:绘制基本形状

根据以上找到的图片参考,我提取出了下面的基础形状。
 
 
接着确定一个光源方向,参照参考图拉出图形基础的渐变,这里可以多加几个节点丰富层次,使渐变更加柔和。根据参考图形,在后期光影细节上我还要在基础形状上加入图形叠加,固这里的渐变我只加了3~4个节点。一般加3~5个左右的节点皆可,节点之间注意颜色深浅的变化。
 
 
 

第三步:加强光影关系

以上就基本完成了这个图标的绘制,但现在还是很扁平的感觉,质感不够强烈。接下来我们要通过分析参考图的光影关系进一步对图标优化。
 
 
由于添加细节较多,我就重点说明一下不同的细节对应的绘制方法。
 

1.柔和过渡,虚化高光,投影

善用高斯模糊工具,先绘制基础图形,然后对齐进行高斯模糊,调整到合适的数值。
 
 
这里强调一下投影需要进行两层或多层模糊,外层模糊数值更高,内层模糊数值较低,形成过渡。
 

2.平缓凹陷转折

图形剪切叠加,同时拉出渐变,交汇处图形间渐变颜色明暗关系明显,形成凹陷感。

 

3.深凹处光影

可直接采用内阴影叠加,也可绘制图形剪切并进行高斯模糊。

 
加上了对应的细节,最后呈现出来如下图。
 
 
 

划重点

用sketch绘制微质感图标,重点是拉出多节点渐变,一般3~5个,以及后期对光影细节的刻画。在光影细节刻画中,要灵活使用高斯模糊工具绘制需要过渡的地方。绘制渐变剪切图形进行叠加,形成平缓的凹陷感。

 

 
Quick Icon图标设计Mac版 QuickIconMac版是一款Mac上的图标设计软件,QuickIconMac版是一个生产力工具,可帮助您将应用图标从单个文件调整到适用于任何目标操作系统;您可以免费下载。 英文 · 1.00 MBM ·

热点资讯

更多
英特尔正与台积电接洽,虑将部分芯片生产外包给台积电 外媒报道称,英特尔正在与全球最大的芯片制造商台积电(TSMC)接洽,准备将自己的芯片制造业务外包出去。
苹果iPhone 12国行上季度热卖:拿下20%份额 销量达1800万 根据外媒报道,上季度中国大陆地区iPhone 12销量达到1800万,苹果拿下20%智能手机市场份额。
高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟 据外媒报道,高通公司1月13日以14亿美元收购芯片初创公司Nuvia。
大公司晨读:B站计划3月港股上市;苹果斥资1亿美元力促种族平等 B站确定已在港提交上市申请;英特尔CEO 斯旺将于2月15日辞职。

相关教程

更多
母婴系列线性描边图标【Sketch教程】 小编:@丸子V 8月已经过去,开学季已经到来了,同学们有没有为新的学期做一个小小的目标呢?是增肥十斤或者学习一门新技能又或者挣够1个亿呢?哈哈哈,,不管制定什么目标,都要脚踏实地一步步去实现呢,今天的目标就从下面这个教程做起吧~
sketch打造knob开关icon 附sketch破解下载! 小编:许未来表示消失的挺久拉,这次出来冒泡咯。今天带来的是由虎哥徒弟小乔分享的knob拟物小教程,对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择,当然没有mac用photoshop也是可以能设计出来的哟,快来开动你们的脑筋和动手能力吧!(附sketch破解下载见文章底部) sketch破解下载地址:云瑞 原文地址:poros_小乔
【小教程】如何用Sketch画微质感图标? @人类君:今天为大家介绍一下如下图这种带有写实质感的图标,如何使用sketch进行绘制。 今天为大家介绍一下如下图这种带有写实质感的图标,如何使用sketch进行绘制。  我以下图绘制的这个图标为例,拆分成了3个步骤为大家介绍具体的绘制过程。    第一步:找图片参考 绘制微质感图标,第一步需要找到一个适合的图片参考。我找了以下几个扳手和螺丝刀的实物图,用于基础形状的绘制。  找图的重点是:图片中物体的光影关系明确,有一定的透视,便于后
官网上线家居板块,苹果在智能家居市场能掀起多大水花 对于较早布局智能家居的苹果来说,在该领域一直不温不火,存在感很低。一方面,苹果的HomeKit平台兼容性差,其认证及条件相对都更加严格复杂。另一方面,其在产品和市场上的推广也相对薄弱,产品售价过高并且产品线也不够完善。苹果现在进军中国智能家居市场,在笔者看来,它依旧是以一个初级者的身份来探索这片巨大市场,前有埋伏,而后有追兵,短时间内苹果也很难在智能家居市场逆袭。

相关软件

更多
  • A Better Finder Attributes Mac版 英文. 12.00 MBM · ABetterFinderAttributesMac版是一款Mac平台下能够帮助我们实现批量修改图片文件信息的小工具,ABetterFinderAttribut ...
  • BigShear Mac版 简体. 4.00 MBM · BigShearMac版是Mac平台上的一款实用的图片处理工具。BigShearMac版是一款便捷的合图分割软件,其中集合了多种编辑方式来满足素材的提取,简单易 ...
  • CoLocalizer Pro Mac版 英文. 97.00 MBM · CoLocalizerProMac版是Mac平台上的一款图片定量共定位分析软件。CoLocalizerProMac版支持多种格式的图像,还可以将结果导出为共定位 ...
  • piQtility Mac版 英文. 9.00 MBM · piQtilityMac版是一个Mac平台上功能全面的图片编辑软件,piQtilityMac版使您很容易地对图片进行水印添加,预览,调整大小,排序,应用照片过滤 ...