(第四章） UI---PS 基础 形状绘图与变形

第4章：形状绘图与变形

1.位图与矢量图
1.1位图
定义：放大/缩小时会模糊/会失真的图像，称之为“位图”.
优点：颜色丰富，明暗清晰，视觉表现佳
缺点：经不起缩放，会模糊
应用：电商广告、APP界面、网页设计…..

1.2矢量图
定义：放大/缩小时依然清楚的图像，称之为“矢量图”.
优点：不会失真，越大越清晰
缺点：颜色单一，明暗不够清楚，视觉表现较差
应用：公司徽标LOGO、APP图标….

1.3为什么位图失真？而矢量图不会失真？
位图只由像素点构成，而矢量图是由像素点+路径构成，路径可以保护矢量图不失真.

2.形状工具组:字母U

2.1作用
形状工具组是Photoshop软件专门绘制矢量图的工具.

2.2形状图层
3键+N——位图层
录入文字——文字图层：属于矢量——软件自动生成
钢笔绘图&形状工具绘图——形状图层：属于矢量——软件自动生成

2.3形状工具的“工具模式”

I. *工具模式中的“形状”选择：生成像素点+路径
II. 工具模式中的“路径”选择：只得到路径
III. 工具模式中的“像素”选择：只得到像素

2.4形状工具的填充属性

Photoshop软件给形状提供了共计五种填充方案，依次是：
无填充、纯色填充、渐变填充、图案填充、拾色器自定义

2.5形状工具的描边属性

I. 描边的线型选择：实线/虚线/点线；

II. *描边的对齐选择：内部/居中/外部；

III. 描边的端点选择：短横/圆头/长横；
1 注：描边线型如果是实线，设置端点是不生效的！

IV.描边的角点选择：直角/圆角/斜切角
2 注：当描边的对齐方式是内部时，角点的设置不生效！

2.6圆角矩形工具

I. 激活圆角矩形工具后，属性栏上会出现“半径”参数，先设置半径，再绘制图形；
II. CC2015之后的版本，可以通过“属性”面板，后期再次调整圆角半径；

III. 特殊的圆角矩形(胶囊状)获取？——将半径值设置的足够大，再行绘制.

2.7多边形工具

I. 激活多边形工具后，属性栏上会出现“边”参数，先设置边数，再绘制图形；
II. 多边形工具存在一个隐藏项(星形)，一旦勾选将得到星星.

2.8直线工具

I. 使用直线工具前，先设置属性栏上的“粗细”参数；
II. 直线工具属性栏上存在隐藏项(箭头)，一旦勾选会自动产生箭头.

2.9自定形状工具
Photoshop软件给用户预先准备好的一些矢量图预设，可以直接使用.

3.*使用形状工具的好习惯
当你绘制完一个形状后，为了避免误操作，一定按V键切换到移动工具，在移动工具下按住Ctrl键，激活移动工具的“自动选择”，此时，鼠标单击画板的空白处，即可取消所有图层的选择！

4.钢笔绘图的技法
I. 如果绘制闭合路径，选用填充；而绘制开放路径，选用描边更恰当；

II. 如果你的描边未来需要执行自由变换中的翻转，对齐方式一定要修改成“居中”，才不会有问题。

5.*剪贴(切)蒙版
5.1定义
让上方图层的显示或隐藏，受下方形状的范围约束，简称为“上图下形”.

5.2如何创建剪贴蒙版？
*方法1：选择好图像后，直接使用Ctrl+Alt+G；
方法2：按住Alt键不松手，鼠标单击图层列表间的分隔线区域；

方法3：选择好图层后，鼠标右键打开菜单——选择“创建剪贴蒙版”.

注意：解除剪贴蒙版的方法，与创建方法完全一样！

5.3注意事项
（1）Photoshop中允许多个图层受同一个对象约束；

（2）Photoshop不允许针对编组设置剪贴蒙版(根本不生效)；
（3）执行剪贴蒙版的图层们在列表中得是连续的关系，不能被分隔.

6.形状图层的布尔运算

I. 排除重叠形状：不要重叠区域，其他地方都保留
与形状区域相交：保留新旧形状的重叠区域

II.合并形状组件：形状图层拥有的，用来整理多余锚点和路径线的一个功能；通常是做完布尔后使用.

III.*注意：形状图层做布尔运算之前，要确保两件事，一是选择好了图层，二是该图层的路径得是可见的.