对于学习UI设计不知道方法没有任何经验或者想自学，想入门UI设计，继续提升自己的都可以加入我们的UI设计学习交流群610724099，获取十年资深UI设计资源，群内资源共享。

那么我们从布尔运算的原理开始来学习，布尔有四个运算法则，即加法、减法、相交、排除重叠形状。

相信学过数学的朋友们应该都能理解一些，但是我还是要在PS软件中跟大家解释一下这个原理。

在学习布尔运算时我们必须要知道做布尔预算之前几个需注意的点：

1、做布尔运算的内容必须是在一个图层里面

2、一个图层只允许一种颜色

3、必须选中路径选择工具

4、必须选中你正确的对象

比如这两个圆，我们要给它合并图层，按住Shift键选中两个圆的图层，然后按住Ctrl+E合并图层，如下图

合并之后，伙伴们会发现两个圆都变成了青（根据你最上面的图层的颜色而定）

然后选择一个路径，选中你所要的对象才会出现你的布尔运算面板。

这些就是我们做布尔运算的准备，接下来我们实操来理解布尔运算。

第一个：加法

其实我们按住Ctrl+E合并图层的时候就是做了加法，这个很好理解。就不在多说。

第二个：减法

这里我分别选中两个图层，做一个减法，大家看看效果差别

从上面两个图片看，对象不同，你所做出来的效果不同，怎么理解？

我们来分析一下，第一个图，在我们画圆的时候下方大圆是在上方的小圆之上的，虽然我们合并了图层，但是他们之间的层次关系还是存在的，也就是说合并之后下方大圆还是在上方小圆之上的。

所以第一张我们选中大圆的时候，做减去顶层形状，下方有个小圆，所以在小圆上方的大圆就被减去（记住一个点，哪个对象被选中，哪个就被处理），

当我们选中上方小圆时，下方没有形状，只有一个背景，在没有做减去顶层形状之前，有三个层（下方大圆第一层，上方小圆是第二层，背景是第三个层）

做了减去顶层形状之后就变成两个层（下方大圆第一层，背景第二层，小圆已被减去不存在了）所以周围的颜色区域是和下方大圆一个层次，所以它会变成青色。

第三个：相交

相信大家在读完这两个字之后就明白它的意思。我们实操一下，依旧两个对象都做一次。

伙伴们会发现，第一张是正常的，而第二张没有效果，什么原因？

我们分析一下，依旧和我们上述原理差不多，因为第二张的小圆下面一层只有背景，并没有其它的对象

所以做出来就没有什么效果。这里也再次强调了一下选择正确的对象的重要性。

第四个：排除重叠形状

我们依旧两个对象都做一次。

这里不再解释，理解同上。

最后强调一次：选择正确的对象的重要性。

最后解释一下合并形状组件的作用，做了布尔运算后，不做这个操作时，两个圆的路径是独立的

当做了合并形状组件之后，两个圆的路径就成了一个了，不可分开，一般不怎么使用这个功能，只做一个理解。

作用：我们可以用布尔运算来绘制规范精致的图标。

扫一扫加入UI设计学习交流群，获取UI设计免费学习教程大全