查看文章 |
photoshop网页设计教程之七十二-------应用路径 到目前为止我们还不知道路径究竟有什么实用价值。画是画出来了，能做些什么呢？路径的应用可以分为两大用途，一是点阵应用，二是矢量应用。 在 这里要提醒大家记住的是，一个选区对图像而言也是没有任何实际效果的，除非我们利用这个选区去填充颜色或建立蒙版等操作，选区才算是发挥了作用。同样，单 纯的路径对于图像来说也没有任何效果。虽然在Photoshop中可以看到路径，但保存为其他的图像格式(如jpg、gif、bmp等)时，路径形同虚 设。一定要将路径加以应用才能对图像产生实质性的影响。 点阵应用最通常的就是将其转为选区。我们知道，普通的选区工具很难创建曲线型边缘，而路径则可以很容易地建立。但这种用途也丧失了路径在修改上的优势。路径之所以优秀有两大原因，一是因为可以创建曲线。二就是因为其修改方便。 首 先想一下，我们将选区用在什么地方呢？在以往的学习中，最早是利用选区对图像进行填充颜色，或局部色彩调整，后来升级到利用选区建立填充图层和色彩调整 层。这两种图层的优点这里就不再重复介绍了。往更深层思考，这两种图层其实都是带着蒙版的，由蒙版对填充层或调整层的面积进行控制。那么归根结底，是将选 区转为了蒙版。后来我们又将蒙版扩展为对普通的图层进行控制。可以说，在现实的制作中，尤其在图像合成类型的设计稿中，只要有图层就几乎伴随着蒙版。 除 了蒙版以外，选区的另外一个可见的应用就是描边。先预设好画笔，然后通过【编辑_描边】来完成。但我们并不注重这个功能，因为选区一定是封闭的，选区描边 出来的线条也都是封闭的。那么在大多数情况下就可以通过图层样式来实现。图层样式快速、可修改的优势是普通的描边无法比拟的。 总 结起来，在Photoshop中，选区的最大价值在于建立蒙版。那么如果需要将路径转为选区，其目的大多数也是为了建立蒙版。此外路径也可以用来描边，由 于路径允许是开放的，因此描出来的边也可以是一条开放线段。这比起选区来就更具有灵活性。但描边属于点阵应用，因为描边的成品存放于普通图层中，不再具备 矢量特性。 那现在我们就来学习一下如何将路径转为选区。首先在路径调板中确认是否正确选择了路径组，然后点击下左图红色箭头处的按钮
事实上不必通过选区，路径可以直接作为图层的蒙版，并保留可编辑性。比起描边填充和转为选区，这才是路径最主要的应用。 首 先创建一个路径，如下图。锚点的绘制顺序为数字所标(大家可自定顺序)。注意锚点4其实是一个半曲线锚点，就是在绘制之后，接着就按住ALT键单击该锚 点，删除锚点的去向方向线。这样下一个绘制出来的锚点5也是直线型锚点，因此没有方向线显示出来。而锚点5与锚点1之间的片断15还是曲线，因为锚点1具 有两条方向线。
确 保路径处于显示状态，通过【图层_矢量蒙版_当前路径】即可为图层创建矢量蒙版，如下左图。图层调板如下中图所示，注意红色箭头处的蒙版缩略图，不是点阵 蒙版通常的黑白图像，而是灰色与白色。注意背景图层是无法创建蒙版的，将其转为普通图层最快速的方法是：按住ALT键双击图层调板中的背景图层。
与点阵蒙版相同，矢量蒙版也存在着与图层的链接关系。链接关系体现在各种变换(如移动、旋转等)上。点击两者缩览图之间的锁链标志就可解除链接。这样两者可以各自进行变换操作。但需要注意的是，在“点阵蒙版时代”，需确认目前选择的是图层还是蒙版，然后用移动工具 细心的读者可能会联想到一个问题，那就是在学习选区和蒙版时候所遇到过的锯齿边问题。如果创建选区的时候没有开启抗锯齿，在将其作为蒙版之后，会在隐藏与显示的区域分界上出现锯齿现象。路径工具没有抗锯齿的选项，那么将其作为蒙版之后，是否出现锯齿效果呢？
我们所说的“将路径转为选区”其实是不确切的，因为转变意味旧灭新生，如“茧转变为蛾”。确切的说法应该是“利用路径建立了选区”，在选区建立后原先的路径仍然还显示在路径调板中，并没有消失。矢量蒙版也是一样。 “利 用路径建立矢量蒙版”的操作，实际上是复制了一条路径出来存放于相应的图层中，它与原先的路径没有依存关系，将原先的路径删除也不会对它有影响。平时在路 径调板中，可能看不到矢量蒙版路径的存在。当带有矢量蒙版的图层被选择时，才会在路径调板中显示。取消图层选择后，又会从路径调板中消失。如下2图的对 比。
现在又有了更多的问题：矢量蒙版能否取代点阵蒙版？矢量与点阵蒙版能否同时使用？如果可以同时使用，那么当两者所指定的隐藏区域不同时又该如何处理？ 先 回答第一个问题：不能。在点阵蒙版中可以轻易实现多重半透明，最简单的就是制作黑白渐变的蒙版，得到一个不透明度渐变的效果。如下图。这种多重不透明度称 为Alpha透明，也称作Alpha通道(意指可容纳多个不透明度级别，如常见的256级)。大家现在动手把它做出来，因为接着要用到。
在已有了一个点阵蒙版的基础上，使用矩形工具
刚 才我们使两个蒙版的内容不同，是为了讲解的需要，实际这样做并无意义。两者应配合使用，取长补短地作用于图层。矢量的长处是曲线、任意修改、缩放不失真。 点阵的长处是支持Alpha透明。那么在通常的情况下，应该以矢量蒙版为主去控制图层的显示区域，而用点阵蒙版在路径范围之内制作羽化或半透明效果。如下 左图就显示了这种配合的效果。图层调板内容如下中图所示。
如果准备利用点阵蒙版在图层显示区域的边缘制作羽化效果，可参考这样一条思路：先利用路径建立矢量蒙版，再建立一个全白的点阵蒙版。使路径处于显示状态，在路径调板中使用描边功能即可。如下2图所示。
还 记得在早期教程中作过的一个设计稿么，如下左图。其中使用了蒙版对色相饱和度调整层进行控制，如下中图。这个蒙版是通过选区创建的。为了得到蒙版的弧线， 当时是用椭圆选区减去矩形选区完成的。现在学会了路径，做这样的蒙版就是小菜一碟了。如下右图，通过对矩形路径添加锚点并移动些许，就完成了蒙版制作。
矢量化的蒙版可以提供给我们更加丰富的创作空间，现在通过修改路径，我们可以做出如下左图的效果。如下右图显示出了矢量蒙版的形状。注意在修改过程中有些锚点或方向线可能会超出图像尺寸，此时可以将图像窗口拉大一些方便操作。
其 实，路径蒙版最经常应用的地方并不是像上面那样去抢点阵蒙版的饭碗，它的最大价值在于为填充图层建立蒙版，使我们可以在图像中绘制出所需要的色块。色块在 网页设计中是很常用的，比如栏目标题或导航菜单，都是由色块加工而来的。我们在学习图层样式的时候也提到过“色块加图层样式”的制作手法。 按照一般的思路，创建带有矢量蒙版的填充层，是在路径方式下(顶部公共栏显示为
在学习路径以前，为了避免混淆，我们在课程中都只使用到填充像素 至于它们的应用范围，大体上以形状图层 photoshop网页设计教程之十一图像格式的选择 photoshop网页设计教程之十三建立Photoshop图像 photoshop网页设计教程之十四Photoshop画笔工具的使用 photoshop网页设计教程之十五Photoshop笔刷的详细设定photoshop网页设计教程之十七建立任意选区 photoshop网页设计教程之十八消除锯齿和羽化 photoshop网页设计教程之二十一Photoshop图层初识 photoshop网页设计教程之二十三图层层次关系 photoshop网页设计教程之二十五图层链接 photoshop网页设计教程之二十七合并图层 photoshop网页设计教程之三十一关于图层面积与可视区域 photoshop网页设计教程之三十五论亮度的合并 |
即 可转为选区。或者〖CTRL_回车〗，也可以按住CTRL单击路径调板中的缩略图，就会看到选区被创建。此外，点击路径调板右上角的圆三角按钮后选择“建 立选区”，则会出现如下右图的设置框，其中各选项的作用大家应该都能明白，这里就不再介绍了。需要注意的是，如果路径是开放的，那么相当于将两个端点之间 以直线连接后创建选区。
按钮功能是描边。
按钮则是填充颜色。点击圆三角按钮后出现相应的设置框。这两者都属于点阵应用，点阵就意味着是作用于图层的，因此还要正确地选择图层。
-
-
-
〖V〗进行操作。但移动工具是无法移动路径的。这样在“矢量蒙版时代”，无论你选择的是图层还是矢量蒙版，只要是移动工具，就无法单独移动路径。
〖A/SHIFT_A〗去完成，当然前提是路径必须处于显示状态。事实上，无论矢量蒙版与图层的链接关系是否存在，路径选择工具都可以单独移动蒙版中的路径(蒙版中的路径需处于显示状态)，也就是说图层与蒙版的链接限制对路径选择工具是无效的。
-
-
〖U/SHIFT_U〗，以路径方式
在图像中画出一个矩形封闭路径，如下左图。然后点击图层调板下方的建立蒙版按钮
。就会看到如下右图的效果，一个图层中有两个蒙版同时存在。两个蒙版的位置与建立先后顺序没有关系，位于左方的是点阵蒙版，右方的是矢量蒙版。这样就解答了第二个问题。
-
-
-
-
-
-
按钮建立纯色填充层。其实Photoshop已经考虑到会经常有这样的需要，因此提供了形状图层绘制方式，即顶部公共栏中的
方式，如下左图。在此方式下绘制路径，将自动建立一个带矢量蒙版的纯色(以前景色为准)填充层。
的方式。相信有许多读者曾对此感到困惑，现在这些问题就迎刃而解了。Photoshop路径的绘图方式其实也可以理解为表现形式，总有3种(钢笔工具只有前两种)，可在顶部的公共栏中选择。分别为：