UI设计经常要运用到布尔运算,今天就用制作八卦图实例跟大家讲解布尔运算的使用,让大家更好的理解布尔运算。一起跟着做,做完交作业。

先看看效果:

_022UG433-21.jpg

新建一个长宽相同的画布,布置两条上下左右居中的参考线。

_022UM112-0.jpg

先画中间的太极图,用矢量椭圆画一个深灰色的圆形,颜色选择现在无所谓,看着舒服就行,等完成后再改回来。

_022UL0H-1.jpg

复制一层,CTRL+T缩小一点改成白色,用“减去”模式画一个矩形删掉半个圆形。

_022UI2L-2.jpg

按A点击白色圆形,CTRL+ALT+T复制路径。缩小50%,为了精确,可以直接输入百分比,移动到上边,因为有参考线的吸附作用,很轻松完成。

_022UG055-3.jpg

继续CTRL+ALT+T复制,移到下面,把模式改为“减去”。

_02292C105-0.jpg

CTRL+ALT+T复制,缩小至25%,把模式改为“添加”。

_022UH910-5.jpg