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

来源:pdadians 作者:P大点S 学习:28707人次

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

先看看效果:

www.16xx8.com_022UG433-21.jpg

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

www.16xx8.com_022UM112-0.jpg

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

www.16xx8.com_022UL0H-1.jpg

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

www.16xx8.com_022UI2L-2.jpg

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

www.16xx8.com_022UG055-3.jpg

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

www.16xx8.com_02292C105-0.jpg

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

www.16xx8.com_022UH910-5.jpg

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

www.16xx8.com_022UI102-6.jpg

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

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

www.16xx8.com_022UIB9-7.jpg

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

www.16xx8.com_022UG946-8.jpg

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

www.16xx8.com_022UH334-9.jpg

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

www.16xx8.com_022UI3M-10.jpg

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

www.16xx8.com_022UMB6-11.jpg

旋转22.5度。

www.16xx8.com_022UIJ3-12.jpg

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

www.16xx8.com_022UI1B-13.jpg

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

www.16xx8.com_022UM5L-14.jpg

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

www.16xx8.com_022UJ0O-15.jpg

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

www.16xx8.com_022UG113-16.jpg

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

www.16xx8.com_022UL3Q-17.jpg

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

www.16xx8.com_022UG305-18.jpg

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

www.16xx8.com_022UGa3-19.jpg

www.16xx8.com_022UI3W-20.jpg

完成!

www.16xx8.com_022UG433-21.jpg

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
妮子822022-11-15 10:33
练习

小小PS小小2021-07-23 02:15
我的作业:

丫头2017-01-11 12:00
作业
shenchan2016-11-03 10:02

关注大神微博加入>>

网友求助,请回答!