ps布尔算法(UI设计师必备知识)

生活 其他 更新时间: 2024-07-05 02:08:21

最近有很多学员问过我,

布尔运算是什么?布尔运算和UI是什么关系?为什么一定要学习布尔运算?

今天就和大家简单说下这个话题。

布尔运算是PS里一个强大冷门的功能(对于平面设计来说基本上用不到),他主要有四个功能:合并形状,剪切底层形状、与形状区域相交,排除重叠形状,下图中红色区域为做完布尔运算 后消失的部分。

ps布尔算法(UI设计师必备知识)1

下面也给大家讲下实现布尔运算的使用工具,软件有Photoshop,Illustrator简称PS、AI、第一个PS叫形状组合也叫路径操作属性。AI里面有一个窗口叫路径查找器,这两个知识点大家不能忘了,方便我们在后面的设计过程中绘制图标。

那么利用布尔运算,得到一些不规则的,复杂的形状

ps布尔算法(UI设计师必备知识)2

一些复杂的图形,都是靠各种图形相加相减得到的。所以我们需要灵活运用布尔运算工具,来达到组合最终图形的目的。

我们就以第一个月牙形状来了解一下这个传说中的布尔运算吧,跟着小编一起。

首先第一步,我们先用椭圆形工具分别画两个正圆,如图

ps布尔算法(UI设计师必备知识)3

第二步,我们移动它让它靠在一起,如图

ps布尔算法(UI设计师必备知识)4

第三步,按住Ctrl同时选中图层1、2,如图

ps布尔算法(UI设计师必备知识)5

第四步,直接按住Ctrl E合并两个形状:

ps布尔算法(UI设计师必备知识)6

第6步,选择路径选择工具,选中合并后的形状,菜单顶部有路径组合工具,可以尝试不同的路径组合,体会一下不同路径组合布尔运算的效果,如图

ps布尔算法(UI设计师必备知识)7

ps布尔算法(UI设计师必备知识)8

PS:一个小技巧,只有选中合并两个形状,最上面的的形状,布尔运算才会有效果哦,切记,切记!

很多复杂的基本型不要在一个层上绘制,可以分层绘制,通过各个层的分别绘制,最终再整体合并。

<完>

好了,本次教程到这里就结束了,

如果有兴趣的朋友,

可以练习一下

有不明白的地方

一起学习、一起探讨

往期回顾:

UI设计师必备知识:大公司设计工作流程规范,啥也不懂进啥公司?

PSCC2018的界面新功能,相比PSCC2017有哪些不同呢?看完你就明白

,