八卦圖，利用布爾運算制作人一個八卦圖標(5)

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

先看看效果：

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

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

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

按A點擊白色圓形，CTRL+ALT+T復制路徑�？s小50%，為了精確，可以直接輸入百分比，移動到上邊，因為有參考線的吸附作用，很輕松完成。

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

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

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

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

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

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

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

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

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

旋轉(zhuǎn)22.5度。

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

SHIFT+CTRL+ALT+T復制兩次完成。

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

選中這三個小矩形，垂直復制。

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

SHIFT+CTRL+ALT+T復制2次。

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

完成！