PS教程!教你用布尔运算绘制一个太极八卦图

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

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

旋转22.5度。

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

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

PS教程!教你用布尔运算绘制一个太极八卦图

PS教程!教你用布尔运算绘制一个太极八卦图

完成!

PS教程!教你用布尔运算绘制一个太极八卦图

可能是国内做原创教程最用心的公众号:

PS教程!教你用布尔运算绘制一个太极八卦图

「Illustrator新手教程合集」

同类型纹理教程:
《AI教程:手把手教你用AI创建漂亮的无缝几何图案》

简单好上手,效果还很赞!长投影教程:
《AI新手教程:教你创建精致闪亮的长投影宝石》

据说是目前最火的设计趋势:
《AI新手教程!教你简单快速地将图片变成多边形背景》

原文地址:pdadians

PS教程!教你用布尔运算绘制一个太极八卦图

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量112万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 6
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。