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

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

ps设计3D按钮

.

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

先看看效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

按A点击上面那个小圆形,CTRL+ALT+T复制,同样缩小至25%,把模式改为“减去”,这样太极图算是完成了。

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

隐藏掉太极图,打开首选项,把网格的大小改为30像素,按CTRL+’开启网格。

选择“多边形”,设为八边形,画一个大小合适的图形,CTRL+T旋转22.5度。

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

CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“减去”。

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

继续CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“添加”。

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

以此类推,完成八卦的雏形。

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

用“减去”模式画一个尺寸为一个网格宽的矩形,长度横贯整个八卦。

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

旋转22.5度。

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

CTRL+ALT+T复制旋转45度。

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

SHIFT+CTRL+ALT+T复制两次完成。

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

继续画一个短一点的矩形,复制两个。

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

选中这三个小矩形,垂直复制。

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

选中所有小矩形,CTRL+ALT+T复制旋转45度。

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

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

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

关闭网格和参考线,对照真实的太极八卦图删除小矩形。

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

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

完成!

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

 

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

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

关闭网格和参考线,对照真实的太极八卦图删除小矩形。

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

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

完成!

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

 

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

先看看效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

按A点击上面那个小圆形,CTRL+ALT+T复制,同样缩小至25%,把模式改为“减去”,这样太极图算是完成了。

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

隐藏掉太极图,打开首选项,把网格的大小改为30像素,按CTRL+’开启网格。

选择“多边形”,设为八边形,画一个大小合适的图形,CTRL+T旋转22.5度。

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

CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“减去”。

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

继续CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“添加”。

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

以此类推,完成八卦的雏形。

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

用“减去”模式画一个尺寸为一个网格宽的矩形,长度横贯整个八卦。

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

旋转22.5度。

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

CTRL+ALT+T复制旋转45度。

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

SHIFT+CTRL+ALT+T复制两次完成。

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

继续画一个短一点的矩形,复制两个。

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

选中这三个小矩形,垂直复制。

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

选中所有小矩形,CTRL+ALT+T复制旋转45度。

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

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

先看看效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

按A点击上面那个小圆形,CTRL+ALT+T复制,同样缩小至25%,把模式改为“减去”,这样太极图算是完成了。

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

隐藏掉太极图,打开首选项,把网格的大小改为30像素,按CTRL+’开启网格。

选择“多边形”,设为八边形,画一个大小合适的图形,CTRL+T旋转22.5度。

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

CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“减去”。

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

继续CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“添加”。

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

以此类推,完成八卦的雏形。

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

用“减去”模式画一个尺寸为一个网格宽的矩形,长度横贯整个八卦。

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

旋转22.5度。

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

CTRL+ALT+T复制旋转45度。

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

SHIFT+CTRL+ALT+T复制两次完成。

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

继续画一个短一点的矩形,复制两个。

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

选中这三个小矩形,垂直复制。

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

选中所有小矩形,CTRL+ALT+T复制旋转45度。

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

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

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

关闭网格和参考线,对照真实的太极八卦图删除小矩形。

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

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

完成!

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

 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部