UI設(shè)計經(jīng)常要運(yùn)用到布爾運(yùn)算，今天就用制作八卦圖實(shí)例跟大家講解布爾運(yùn)算的使用，讓大家更好的理解布爾運(yùn)算。一起跟著做，做完交作業(yè)。

先看看效果：

新建一個長寬相同的畫布，布置兩條上下左右居中的參考線。

先畫中間的太極圖，用矢量橢圓畫一個深灰色的圓形，顏色選擇現(xiàn)在無所謂，看著舒服就行，等完成后再改回來。

復(fù)制一層，CTRL+T縮小一點(diǎn)改成白色，用“減去”模式畫一個矩形刪掉半個圓形。

按A點(diǎn)擊白色圓形，CTRL+ALT+T復(fù)制路徑。縮小50%，為了精確，可以直接輸入百分比，移動到上邊，因?yàn)橛袇⒖季€的吸附作用，很輕松完成。

繼續(xù)CTRL+ALT+T復(fù)制，移到下面，把模式改為“減去”。

CTRL+ALT+T復(fù)制，縮小至25%，把模式改為“添加”。

按A點(diǎn)擊上面那個小圓形，CTRL+ALT+T復(fù)制，同樣縮小至25%，把模式改為“減去”，這樣太極圖算是完成了。

隱藏掉太極圖，打開首選項，把網(wǎng)格的大小改為30像素，按CTRL+’開啟網(wǎng)格。

選擇“多邊形”，設(shè)為八邊形，畫一個大小合適的圖形，CTRL+T旋轉(zhuǎn)22.5度。

CTRL+ALT+T復(fù)制路徑，縮小一個網(wǎng)格單位，更改模式為“減去”。

繼續(xù)CTRL+ALT+T復(fù)制路徑，縮小一個網(wǎng)格單位，更改模式為“添加”。

以此類推，完成八卦的雛形。

用“減去”模式畫一個尺寸為一個網(wǎng)格寬的矩形，長度橫貫整個八卦。

旋轉(zhuǎn)22.5度。

CTRL+ALT+T復(fù)制旋轉(zhuǎn)45度。

SHIFT+CTRL+ALT+T復(fù)制兩次完成。

繼續(xù)畫一個短一點(diǎn)的矩形，復(fù)制兩個。

選中這三個小矩形，垂直復(fù)制。

選中所有小矩形，CTRL+ALT+T復(fù)制旋轉(zhuǎn)45度。

SHIFT+CTRL+ALT+T復(fù)制2次。

關(guān)閉網(wǎng)格和參考線，對照真實(shí)的太極八卦圖刪除小矩形。

完成！