如何用布爾運(yùn)算快速制作UI頭像圖標(biāo)？

在繪制圖標(biāo)中，據(jù)說(shuō)布爾運(yùn)算算是繪制功能圖標(biāo)的最佳按鈕，通過(guò)photoshop形狀工具來(lái)繪制出的矢量圖形，可以無(wú)限制放大而不會(huì)丟失細(xì)節(jié)。由于現(xiàn)在各個(gè)平臺(tái)和設(shè)備它們之間的分辨率不一樣，所以我們只需要繪制一個(gè)矢量圖標(biāo)尺寸，就可以適配出任意需要的尺寸。接下來(lái)我們來(lái)聊聊如何加減乘除

合并形狀

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

減去頂層形狀

減去是用一個(gè)形狀來(lái)裁切另一個(gè)形狀，與合并形狀正好相反。選擇橢圓工具繪制150 * 150px的圓形，當(dāng)繪制第二個(gè)圓形前要將屬性欄上選擇路徑操作作為減去頂層形狀，才可以繪制圓形，它們才會(huì)得到一個(gè)新的圖形。不過(guò)要注意的是是哪個(gè)形狀作為減去頂層形狀的問(wèn)題，區(qū)別如圖。

與形狀區(qū)域相交

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

4

排除重疊形狀

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