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

最近有很多学员问过我,

布尔运算是什么?布尔运算和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有哪些不同呢?看完你就明白

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页