八卦圖,利用布爾運算制作人一個八卦圖標(biāo)

2022-12-26 11:12:27 來源/作者: / 己有:14人學(xué)習(xí)過

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

先看看效果:

_022UG433-21.jpg

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

_022UM112-0.jpg

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

_022UL0H-1.jpg

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

_022UI2L-2.jpg

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

_022UG055-3.jpg

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

_02292C105-0.jpg

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

_022UH910-5.jpg