大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

复现sketch钻石图标过程

应该每位用「sketch」做设计的designer,都想亲自画出它钻石图标bling bling的样子,毕竟sketch的图标这么美,下图就是。


Sketch Icon

仔细观察图标,不难发现图标就是由多个三角形构成,以下就是我在绘制sketch icon的过程中总结出的几个要点及大致过程。

  • 从正面的3个三角形及1个扇形开始绘制。当用vector工具勾勒三角形轮廓时,最好先勾勒出矩形,然后在编辑模式下,用 vector选中一个角,最后delete就可以得到想要的三角形,这样做是误差最小的方式。

Front
  • Sketch icon不仅由三角形构成,而且对称图形也有很多,所以应该充分利用这点。举个例子,绘制图标的face面。如下图,vector工具绘制两个对称三角形构成一个面。虽然看起来构成了一个面,但实际上是由2个子路径组成。所以,要做的就是先将两个三角形union到一起,然后flatten2个三角形,这样就组成了一个路径。值得注意的是,2个三角形靠在一起时,记得将2个三角形重合一部分,在inspector里调节一个三角形的x坐标(坐标值变化0.1就够了),之后进行union和flatten操作

Union和Flatten
  • 另一个要点就是,图形上光影的变化用linear gradient慢慢调整就可以了。其中,适当的改变透明度是个很有用的技巧

linear gradient
  • 图标其他的几个面也用类似的方法画出,如下图。

left side & side side

front top

left top & right top
  • 最后,就绘制好Sketch Diamond Icon了。

sketch diamond icon