原图标是锤子科技的UI高手方迟设计的，效果惊艳。刚买Sketch的同学，内文附有新手系列教程，帮你从零开始掌握Sketch。不多说，先看今天教程。
工具：Sketch 3.3.2
首先，先画一个水箱
新建圆角矩形、调透明度，然后调大小。
水箱的角，我是直接添加描点绘制的。
接下来就是添加水箱的边，和凹面绘制。先看一下所有样式。
因为这个水箱的边内外有两个切面，所以描边一共有三层。
第一层、第二层分别是线性渐变。
第一层比第二层短，这是因为第二层才是水箱边的内切面。
这是第三层，这里我使用了环形渐变，因为水箱角的上部_外切面也是高光的。
接下来是水箱凹面。
这里使用了两个样式，径向渐变+内阴影。
同样的，外阴影也两个。
红阴影
黑阴影
接着画水
同样，先把水部分的轮廓勾出来，然后调整渐变色。
水与水箱之间是有“缝隙”的，所以也是要有“边”。
接下来添加水面的波纹。
水波共两层（ Path 21、Path 22 ）。
绘制方式：Path 21 是纯色面+描边，Path 22 是线段，色彩自己看着调，这里不上图了。
气泡
感受一下矢量图和位图之间的差别。
直接上图。
径向渐变填充
描边居中、线性渐变
外描边、纯色填充
之后就是复制、粘贴、放大缩小、变形。
水影
水面上半部分的 LOGO 我就不说了，我直接说水影。
水影我是直接绘制的，共两层（愚蠢的方式）。
第一层我用的高斯模糊。注意！是 Path 1 ~ Path 10 。
这是第一层 Path 24 的样式（变焦模糊）。
第二层全部是变焦模糊。注意！变焦模糊会严重变形曲线，所以一定要使用蒙版（蒙到“水”里）。
主体完成，来做背景
也是两层。
这是“背景”层，径向渐变+杂色。
然后复制一层（中心背景），并添加圆形蒙版。
最后，改一下“中心背景”层的杂色。
完。
第一次用Sketch好紧张，如何假装经常用？
原文链接：https://www.ek58.com/archives/2145，转载请注明出处。
请先 ！