ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7564|回复: 23
收起左侧

[UI设计] 通过制作八卦图实例理解布尔运算的使用

[复制链接]
发表于 2016-4-24 01:20:11 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

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

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

作者:P大点S 出处:pdadians
 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
先画中间的太极图,用矢量椭圆画一个深灰色的圆形,颜色选择现在无所谓,看着舒服就行,等完成后再改回来。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
复制一层,CTRL+T缩小一点改成白色,用“减去”模式画一个矩形删掉半个圆形。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
按A点击白色圆形,CTRL+ALT+T复制路径。缩小50%,为了精确,可以直接输入百分比,移动到上边,因为有参考线的吸附作用,很轻松完成。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
继续CTRL+ALT+T复制,移到下面,把模式改为“减去”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
CTRL+ALT+T复制,缩小至25%,把模式改为“添加”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
按A点击上面那个小圆形,CTRL+ALT+T复制,同样缩小至25%,把模式改为“减去”,这样太极图算是完成了。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
隐藏掉太极图,打开首选项,把网格的大小改为30像素,按CTRL+’开启网格。选择“多边形”,设为八边形,画一个大小合适的图形,CTRL+T旋转22.5度。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“减去”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
继续CTRL+ALT+T复制路径,缩小一个网格单位,更改模式为“添加”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
以此类推,完成八卦的雏形。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
用“减去”模式画一个尺寸为一个网格宽的矩形,长度横贯整个八卦。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
旋转22.5度。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
CTRL+ALT+T复制旋转45度。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-24 01:20:11 | 显示全部楼层
SHIFT+CTRL+ALT+T复制两次完成。

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-3-29 21:36 , Processed in 0.054826 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表