使用 Sketch 绘制“指纹”图标

Inspired by Fingerprint Icon Speedrun

Marc 在 AI 中的速绘让我惊讶于 AI 的强大和整个绘制的思路，因此我想尝试借鉴同样的方式，在 Sketch 中复刻出相同的“指纹”图标。

Step 1: 绘制 1/4 段圆弧

这一步比较简单，首先绘制一个正圆并取消填充色只保留边框，在这里我将边框宽度设置为 16px。接下来，通过编辑路径，删除上方和左侧的两个控制点，在这里需要注意的是，在右侧的路径属性面板中选择“打开路径”，并将端点样式设置为圆形，这样就得到我们想要的初始 1/4 段圆弧。

Step 2: 基于圆弧绘制环绕偏置路径

很不幸的是，在 Sketch 中，对于非闭合的路径而言，无法像在 AI 中那样绘制偏置路径。为了达到相同的效果，我使用的是增大边框宽度，以此得到一个类似环绕的填充效果。不过，在这里需要简单计算一下我们需要的边框宽度，由于我将初始圆弧宽度为 16px（这也是每条指纹路径的宽度），并且需要在周围也预留 16px 的间隙，因此增大的边框宽度需要设置为 16px 的 5 倍大小，并且以此类推创建 2-3 个更大边框的圆弧。

最后我们将所有复制出来的圆弧都“轮廓化”，因为接下来我们需要截取每个形状的外边框作为我们的指纹轮廓。

Step 3: 截取指纹轮廓路径

复制一份最外圈的指纹轮廓作为路径截取的参考，将其旋转 180 度，接下来需要编辑每个轮廓图形的路径，在指纹轮廓与参考图形相交处添加控制点，以便于我们接下来截切掉参考覆盖以外的轮廓中其余的路径。

Step 4: 完成指纹

在对每个指纹路径完成适当的裁剪后，我们就可以删除参考图形，并且需要打开所有指纹图形的路径，取消填充，并将边框设置为 16px，虚线设置为 100，间隔设置为 25，最终就得到了我们想要的指纹图标。