Photoshop绘制逼真的太极八卦图

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

布尔运算是UI设计中一个关键的知识点,今天P大点S微博继续给不熟悉的同学补补课。用一个八卦图教你熟悉布尔运算,特别适合新手练习,已经有不少同学交作业了,一起来做一个。

效果图:

Photoshop绘制逼真的太极八卦图

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

Photoshop绘制逼真的太极八卦图

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

Photoshop绘制逼真的太极八卦图

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

Photoshop绘制逼真的太极八卦图

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

Photoshop绘制逼真的太极八卦图

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

Photoshop绘制逼真的太极八卦图

 收藏