如何用布爾運算快速制作UI頭像圖標？

在繪制圖標中，據說布爾運算算是繪制功能圖標的最佳按鈕，通過photoshop形狀工具來繪制出的矢量圖形，可以無限制放大而不會丟失細節。由于現在各個平臺和設備它們之間的分辨率不一樣，所以我們只需要繪制一個矢量圖標尺寸，就可以適配出任意需要的尺寸。接下來我們來聊聊如何加減乘除

合并形狀

合并是指將兩個本是獨立的形狀合并成一個，即圖形之間的相加。我們先來建立800*800px的畫布，選擇橢圓工具繪制150 * 150px的圓形，當繪制第二個圓形前要將屬性欄上選擇路徑操作作為合并形狀，才可以繪制圓形，它們才會合成一個新的圖形。注：圓形邊緣上輪廓的黑色線框是路徑，使用路徑選擇工具可以完整地將路徑移動

減去頂層形狀

減去是用一個形狀來裁切另一個形狀，與合并形狀正好相反。選擇橢圓工具繪制150 * 150px的圓形，當繪制第二個圓形前要將屬性欄上選擇路徑操作作為減去頂層形狀，才可以繪制圓形，它們才會得到一個新的圖形。不過要注意的是是哪個形狀作為減去頂層形狀的問題，區別如圖。

與形狀區域相交

相交是保留兩個形狀重合的部分。選擇橢圓工具繪制150 * 150px的圓形，當繪制第二個圓形前要將屬性欄上選擇路徑操作作為與形狀區域相交，才可以繪制圓形，它們才會得到一個新的圖形。

4

排除重疊形狀

排除是裁切兩個形狀重合的部分，與相交正好是相反。選擇橢圓工具繪制150 * 150px的圓形，當繪制第二個圓形前要將屬性欄上選擇路徑操作作為排除重疊形狀，才可以繪制圓形，它們才會得到一個新的圖形。