矢量图形

矢量图形用路径描述轮廓,任意缩放都不会糊。本章介绍它在编辑器中的三种存放形式:路径、矢量蒙版与形状图层。

矢量图形与位图的区别

位图由一个个像素拼成,放大到一定程度就会看到方块和马赛克;矢量图形则用数学路径描述轮廓,也就是「从哪个点出发、沿什么曲线走到下一个点」,因此无论放大多少倍,边缘都保持光滑锐利。在本编辑器中,凡是矢量类的内容,最终都以「路径」这种数据形式存在,文件里记录的不是像素,而是轮廓信息。

矢量图形的三种存放方式

矢量内容在文档里有三种落脚点。第一种是纯路径,只记录轮廓,本身不参与画面渲染,可以随时被转成选区或填充上色。第二种是矢量蒙版,挂在某个图层上,用轮廓决定这一层哪些区域显示、哪些被遮住。第三种是形状图层,整层都是矢量,再配上一份填充。三者都能在路径面板里找到。

矢量图形的三种存放方式:在线 PS 编辑器界面
左侧工具栏;图标右下角带小三角的表示它是一组同类工具

路径与路径面板

一个文档可以保存多条路径,打开「窗口 - 路径」就能看到它们。默认情况下,新画的矢量内容都会先存进一条叫「工作路径」的特殊路径里;当它还是空的时候,面板中不会显示。面板底部的按钮可以新建或删除路径。按住 Ctrl 并点击某条路径的缩略图,可以把它直接转成选区,方便随后做局部处理。

矢量蒙版:控制显示范围

任何图层都可以挂一份矢量蒙版。它的作用与像素蒙版类似,都是规定这一层哪些部分可见、哪些隐藏,区别在于蒙版边界由路径决定,所以边缘同样能任意缩放而不发虚。蒙版可以随时启用、停用或重新编辑,整个过程不会破坏图层本身的内容,也不会真正删掉被遮住的像素。

形状图层:纯矢量的填充层

形状图层可以理解为「一个填充层加一份矢量蒙版」。它只包含矢量轮廓,外加颜色、渐变或图案中的一种填充。因为轮廓本身是矢量,改填充、换描边、放大缩小都不会损失画质,所以在做图标、按钮和扁平风格插画时特别顺手。当这类图层被选中时,它的轮廓也会出现在路径面板中,方便统一查看。

要点速记

  • 矢量工具适合图标、logo、线稿以及需要反复改色缩放的设计稿
  • 修照片做合成时用位图工具,矢量工具留给轮廓清晰的内容
  • 工作路径为空时不会出现在路径面板里,别以为内容丢了
  • 按住 Ctrl 点击路径缩略图,可以立刻把路径变成选区

边看边练,打开编辑器动手试一遍

免安装,在浏览器里直接打开 PSD 与其他常见图像格式,文件全程不上传服务器。

打开在线 PS 编辑器