Sketchでアイコンを描く3 - 重なったパスの一部が欠けてしまった時の対処法

Q: パスをUnionで結合したりして頑張っていますが、一部が欠けてしまったりしてなかなかうまくいきません。

A:
Fillsの欄にある歯車アイコンを押して、Non-Zero / Even-Odd の簡単な使い方を説明しますね。

Non-Zero :  全体の形状を塗りつぶす。
Even-Odd : 重なり合ったパスの穴を保持する。

簡単に言うとこういうことなのですが、詳しくは以下のページ等をよく読んでみてください。
https://www.sketchapp.com/learn/documentation/styling/fills/
https://www.w3.org/TR/SVG/painting.html#FillRuleProperty


それでは早速。
まずはアイコンを描きます。

アウトライン化して、Unionすると、
あーっ！欠けたーーとなりますがここでがっかりしないでください。大丈夫です。

Fillsの欄にある歯車アイコンをクリック、Non-Zeroを選択してください。
Non-Zero :  全体の形状を塗りつぶす。

ところがです、ここで描いた虫眼鏡アイコンのように、穴を保持してほしいところと、しないでほしいところが混在している場合、このままではうまくいきません。

Unionされたアイコンのレイヤーを開いて、虫眼鏡の持ち手の図形（パス）だけを

選択し、Fills > Non-Zero を選択すればよいのです。

どんな図案のアイコンであろうと、パスの重なったところの「塗りつぶしたい／塗りつぶしたくない」を、それぞれのパスに対して Non-Zero / Even-Odd の指定をすればできます！！！