八卦图,利用布尔运算制作人一个八卦图标(5)插图

八卦图,利用布尔运算制作人一个八卦图标(5)

UI设计经常要运用到布尔运算,今天就用制作八卦图实例跟大家讲解布尔运算的使用,让大家更好的理解布尔运算。一起跟着做,做完交作业。 先看看效果: 新建一个长宽相同的画布,布置两条上下左右居中的参考线。 先画

八卦图,利用布尔运算制作人一个八卦图标(2)插图

八卦图,利用布尔运算制作人一个八卦图标(2)

按A点击上面那个小圆形,CTRL+ALT+T复制,同样缩小至25%,把模式改为减去,这样太极图算是完成了。 隐藏掉太极图,打开首选项,把网格的大小改为30像素,按CTRL+开启网格。 选择多边形,设为八边形,画一个大小合适

广告位
八卦图,利用布尔运算制作人一个八卦图标(4)插图

八卦图,利用布尔运算制作人一个八卦图标(4)

SHIFT+CTRL+ALT+T复制2次。 关闭网格和参考线,对照真实的太极八卦图删除小矩形。 完成!

八卦图,利用布尔运算制作人一个八卦图标(3)插图

八卦图,利用布尔运算制作人一个八卦图标(3)

旋转22.5度。 CTRL+ALT+T复制旋转45度。 SHIFT+CTRL+ALT+T复制两次完成。 继续画一个短一点的矩形,复制两个。 选中这三个小矩形,垂直复制。 选中所有小矩形,CTRL+ALT+T复制旋转45度。

八卦图,利用布尔运算制作人一个八卦图标插图

八卦图,利用布尔运算制作人一个八卦图标

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