渐变的用途和设定技巧

不难看出，固定的渐变不利于修改，因为工作量大，而且修改后的画面效果在修改时不能实时反映出来，所以比较不方便，因为我们可能不知道绿色怎么在画面上比较好，想多选择几种颜色来对比。在这种情况下，需要多次更改渐变设置。此时，我们可以通过另一种方法来达到这个效果。这就是“纯色加渐变色”，我们在课程的前面提到过。

现在要这样做，创建一个新的图像（或上面的前一个图像），创建一个新的图层，创建一个适当的选择，并点击图层调色板下面的按钮，以创建一个纯色（而不是渐变色）填充层。选择红色作为填充颜色。这将在图像中创建一个红色正方形。下面是左边的图片。

然后，我们将应用一个渐变覆盖到这个层，通过点击图层调色板下面的按钮（确保图层被正确选择）并选择“渐变覆盖”。下一个关键步骤是设置渐变样式，如下图所示。特别注意红色箭头处的混合模式选项。确保它是“暗”或“乘”或“线性燃烧”来实现这一点。对于渐变，从默认列表中选择“black，white”，然后将不透明度降低到适当的值（例如，60%，可选）。现在我们看到一个暗红色的货币梯度。

现在，别管它，用同一个选择的纯色（红色）填充和渐变色（黑色和白色）填充创建一个新的图像（任何大小）。这样做应该没有问题，但过程如下：在创建新图像后创建一个选择，然后创建一个纯色填充层。选择现在消失了，要创建另一个相同大小的渐变填充层，需要检索选择，如左侧的绿色箭头所示。

使用此选择可以从默认列表中创建具有黑白渐变的渐变填充层。在下图中间的红色箭头处，将渐变填充层的混合模式更改为变暗（乘法也可以）。在下面中间图像的绿色箭头旁边，将渐变层的不透明度降低到适当的值。整个图像的变化过程应该类似于右下角的图像。

这利用了图层混合模式，并改变上层的混合模式，以实现与下层的混合效果。”“变暗”和“倍增”是两种最常用的模式。我们将在本课程的后面看到更多关于这方面的内容。

正如我们所说的，图层样式中的每一层都与原始图像有一个层次的遮挡，而渐变的层次比原始对象更高，所以使用渐变样式和我们刚才做的基本相同，使用上下两层来实现融合效果。我花了这么多时间试图让你了解改变渐变风格的混合模式的原则。那么这有什么好处呢？这样做的好处是在更改渐变时。

对于我们刚刚完成的两个图层的图像，要更改为绿色渐变，只需双击纯色填充图层的缩略图，然后在颜色选择器中选择适当的绿色。并在颜色选择器中选择颜色，可以在图像中实时看到变化的效果。这是非常方便，使我们能够集中精力挑选颜色，而不是浪费时间在调整梯度。

对于上一个使用渐变样式的图像，可以执行相同的操作将阴影更改为不同的颜色。尽管它只有一层，渐变样式实际上充当“上层”。

可以忽略填充层的原始填充颜色，并在层样式中启用“颜色覆盖”选项，从而更改原始对象的像素颜色。然后用渐变风格。这没什么问题，只是当你改变渐变颜色时，你必须打开图层样式设置框，这个框太大了，会占用很多屏幕空间，让你看不到图像。当然，如果你的显示器分辨率很大，这个问题就不存在了。

我们一再强调需要最大的可编辑性，因此为了良好的操作，这种“纯色加渐变”的方法应该用于单色色调的设置。当然，如果你的一个同事使用了“固定渐变”，最终的图像看起来会和你的完全一样，但是如果你的主管要求你改变渐变颜色，你改变它的速度会比你的同事快很多倍。做完后你可以随便走到他跟前说，“使用纯色和渐变色。这就是你的自信！”如果他问你纯色加渐变是什么意思，你可以重复以下一个呼吸：添加一个梯度样式到一个固体填充层，并设置混合模式为变暗或乘或线性燃烧或任何其他没有设置为正常，并改变梯度不透明度的适当值，以创建一个基于填充层的填充颜色梯度。

当然，我们提倡的渐变设置方法适用于单色色调。如果需要设置更复杂的多色渐变，仍然需要使用“固定渐变”的方式来实现。毫不夸张地说，“纯色和渐变”的方法是网页设计的一半，我们现在能够生产大多数网页设计。另一半是什么？这是一条路，当我们在课程后面学习如何使用这条路时，我们已经准备好起飞了。

除了直接渐变之外，许多其他样式也可以归类为渐变，例如阴影、内部和外部光晕等。它们都有一个共同点：它们使用颜色变换来创建效果。只是有些样式在对象下方工作，而渐变在对象上方工作。

在我们现实生活中所处的环境中，渐变已经成为我们大脑判断三维物体的基础。当阳光或光照在三维物体表面时，会产生明暗差和投影，这种变化往往表现为颜色或光的变化，是一种渐变。现在，让我们继续创建一个正确大小的新图像，创建一个矩形选择，然后创建一个纯色填充层并选择一个灰色，如左图所示。这个正方形有尺寸吗？显然不是。为什么没有立体声？因为它的表面颜色是均匀的，没有明暗变化，也没有投影。

现在按[CTRL\U ALT\U Z]撤消选择并创建渐变填充层。将其设置为下面的中间图像，您将看到下面右图中显示的效果。与以前的纯色填充相比，现在的正方形或多或少有立体感，而两者的区别在于是否存在表面颜色梯度。

现在创建一个椭圆选择（启用分离），其宽度与现有矩形大致相同，约为宽度的五分之一（不要太在意精度），如下图的第一步所示。然后使用与之前相同的设置创建渐变填充层，如下面的步骤2所示。请注意，如果在与步骤1相同的位置创建渐变填充层，则不会看到效果。这是因为两层的渐变是相同的，就像两个相同颜色的正方形看不到它们之间的差异一样。左右或上下移动椭圆渐变层以查看效果。将椭圆渐变层移到矩形渐变层下方。步骤3如下所示，最好启用对齐到层。接下来，复制渐变层并将其移动（选择该层并按Alt键将其移动）到矩形渐变上，以创建下面步骤4中所示的效果。最后，将顶部椭圆渐变层上的渐变方向更改为反转（双击图层缩略图以启用“反转”），以创建最终效果。

通过这种方式，我们用简单的渐变图案创造了一个具有“强烈”三维感的空心圆柱体。

为什么强词用引号括起来？因为这种立体感一点都不强，甚至有些粗糙。它看起来不像大师。啊，现在让我们来建造“主缸”。你所需要做的就是细化渐变，使它看起来更逼真。双击渐变图层上的收缩样图，点击渐变样式图标进入渐变编辑器，然后设置一个类似下作图的渐变，该渐变可以通过黑白渐变做默认列表的改变：首先在黑白信标之间移动，添加两个色标，然后在最后分别，设置为灰色的下作图尖端。完成后，将样式存储在列表中。

然后更改底部椭圆渐变层的渐变设置，并从渐变列表中选择刚刚保存的渐变。下一步，也更改顶部椭圆渐变层，注意应该启用“反转”选项。效果显示在中间的图像中。现在看起来更现实了。

现在看看光和影是如何在圆柱体表面形成的，如左图所示。假设这是一个顶视图，其中圆表示圆柱体，绿线表示光线的方向。所以如果你沿着橙色箭头的方向看圆柱体，它应该看起来像我们制作的第一个圆柱体的表面，一半暗一半亮。但实际上，由于环境总是反射一些光，而空气也会将其折射，所以不太可能产生如此整齐的过渡。最暗的地方有点亮，最亮的地方有点灰。我们根据这个规则更改了渐变设置。

现在让我们制作“主球体”。如前所述，我们可以在球体上添加一些反射光。如左下图所示，我们可以设置梯度。球体的效果显示在中间的图像中。然后可以创建一个较小的完美圆选择，创建一个纯白色填充层，添加笔划样式（5px，outside，black fill），然后将整个层的不透明度降低到25%左右。然后键入另一个数字并适当降低不透明度。最后，确保三个层在中心对齐（使用移动工具选择所有三个层并单击顶部的和）以创建下面的图像。

Illustrator可以创建比Photoshop更丰富、更微妙的渐变，如左图所示。因为渐变是通过矢量计算生成的，所以放大也会显示更平滑的颜色变化，如下面的中间图像所示。这要归功于Illustrator的渐变遮罩工具，它在对象的表面上创建一个网格，并在网格节点周围辐射颜色，如右图所示的球体中的四个节点。这有点类似于Photoshop的径向梯度，但Illustrator可以自由设置辐射的方向和强度。

在Photoshop中需要明确的一点是，对象既有晶格渐变，也有向量渐变。对于我们在本章中创建的几个渐变，它们都是直接从选择中创建的图像，这是一个位图图像。由此产生的梯度也是晶格梯度。如果图像被放大，像素也被放大，就会出现马赛克效果。一旦我们掌握了矢量路径，我们就可以在Photoshop中创建矢量渐变。

还有一个注意事项：Photoshop可以将Illustrator创建的矢量图像作为智能对象放在图层上，这样就可以毫无损失地放大和缩小智能对象图层，就像它们是真实的矢量图像一样。只是Photoshop不能对智能对象做更多的事情（改变路径的方向，渐变颜色等等）。我们将以更正式的方式来看待这个问题。

我们已经给出了两个使用渐变绘制对象的例子，但是绘制对象并不是我们现在要学习的主要内容。这是尽管事实上，许多Photoshop或插画现实的作品使用梯度来实现其效果。但现在，我想给你们一个梯度深度的感觉。圆柱体和球形渐变也常用于网页设计，许多按钮和导航菜单使用渐变来创建效果。