上节内容,我们提及了钢笔工具绘制形状。小伙伴们都知道,钢笔工具最适合绘制带有弧度的图形,而这些形状可以进行布尔运算。
那么,要绘制圆形、矩形这些规矩形状,就不能用钢笔工具绘制形状这一功能了,毕竟,钢笔工具用来绘制圆形和矩形这些规矩形状,一方面不标准,另一方面也费时。Adobe公司已经为大家都想到了这一点,特别设置了形状工具一栏,供设计师绘制圆形、矩形、多边形等形状。
一提到PS里的形状工具,小伙伴们自然会想起之前好多节内容里,我们或多或少地给小伙伴们提及过布尔运算。因为布尔运算关系到矢量图形的绘制、关系到形状工具的运用,而矢量图形的优点大家都知道是无损的,所以,在PS里,布尔运算和矢量图形绘制显得非常重要。掌握布尔运算基本原理,绘制出特别棒的矢量图,对于以后学好矢量软件AI也是有很多帮助的。
这节内容,我们结合具体案例,向小伙伴们分享形状工具的运用和布尔运算基础操作。
形状工具绘制的是矢量图关于形状工具绘制的是矢量图,小伙伴们在用形状工具绘制图形前一定要有这样的概念,记得它的优点,可以任意放大缩小而无损。
shift键绘制正方形前面我们总结过,shift一般用来约束方向和比例。所以,当我们要绘制一个正方形,最简捷的方法是:按住shift键,选择矩形工具进行绘制(图1)。当然,你也可以在红色标注的地方进行各种设置,这个小伙伴们自行操作就行。
图1
最简单的布尔预算——只需2步完成图标制作绘制如矩形图形时,绘制比例的好处在于让图形在视觉上显得美观。如下面我们要设计一个心形的图标,可以先设定心形长宽比例进行。
先简单说明一下制作心形的大概思路。我们这里为了配合矩形属性设置,先给出一种方法。具体是:将两个上部分是圆角,下部分是直角的矩形,通过布尔运算和旋转,一次性完成。
- 首先,我们在矩形设置按钮中,设置矩形宽:高=2:3。这样的比例,视觉上看起来比较舒服(图2)。假如我们把宽:高=2:7,试试看(图3),我们不难发现,宽高比例有些失调,这样设计出来的心形,也会很难看。
- 其次,我们打开矩形属性,对矩形的四个角先解锁。解锁后,各个角度大小可以自行设置,不影响其他角的大小。这里,我们只设置左上角和右上角角度为60,左下角和右下角角度为0(图4)。
- 布尔运算开始。小伙伴们仔细看!按住alt键,通过移动,复制原来的圆角矩形,得到新的圆角矩形(图5)。如何复制,前面给小伙伴么讲得已经很详细了。
- 旋转新的圆角矩形90度,使新旧圆角矩形顶角对齐(图6)。注意,对其时,放大整个图形,用键盘上的方向键微调即可。最后,旋转整个心形并放正。
这里,小伙伴们要特别注意,用alt键可以复制,但还要移动、对齐,很麻烦,我们就用最原始、最简单的复制粘贴法制造第2个圆角矩形,最后只需旋转即可(图7)。
总结如下:最简单的布尔运算,就是ctrl c—ctrl v—ctrl T(当然,需要旋转,就执行该步骤,不需要,只有前2步完成)。
布尔运算特点:
- 所有图形都在一个图层(图8),这点事布尔元算最大特点。
- 换句话说,要进行布尔运算,你得设法让所有的图形处在同一图层。
- 怎么处在同一图层呢?很简单,通过粘贴复制,或者剪贴粘贴就可以完成。
掌握了这个技巧,布尔运算实在是太简单了。 这是懒人做法,但却是最简单最省时最容易被设计师忽略的做法。
图2
图3
图4
图5
图6
图7
图8 图形处于同一个图层
,