11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧

同样的,我们也可以利用渐变来营造球体的立体感,可以使用默认的黑白渐变,按照如下左图的设定,此时用鼠标在图像中拖动可更改渐变的位置。如下中图。注意更改渐变位置必须在渐变填充对话框开启的前提下,如果关闭了下如左图的设定框,就无法更改渐变的位置了。最后的效果如下右图。

11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧

现在我们来制作“大师的球体”,按照我们前所说的道理,可以为球体添加一些反射光,如下第左图设定渐变,注意红色箭头处的渐变中点应偏向第一个色标。此时球体的效果如下中图。然后可以创建一个较小的正圆选区,建立一个白色纯色填充层,并添加描边样式(5像素、外部、黑色颜色填充),接着降低整个图层的不透明度到25%左右。接着再打上一个数字并适当下降不透明度。最后保证3个图层中央对齐(用移动工具选择3个图层后在顶部点击11-6 渐变的用途和设定技巧11-6 渐变的用途和设定技巧),形成如下右图的效果。

11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧

相比Photoshop,Illustrator可以创造出更加丰富和细腻的渐变,如下左图。由于色彩的渐变过渡是矢量计算生成的,放大后还可以显露出更加平滑的色彩变化,如下中图。这主要得益于Illustrator的渐变网格工具,其可以在物体表面建立一个网格,然后以网格的节点为中心向四周辐射色彩,如下右图位于球体中的4个节点。这有点类似于Photoshop的径向渐变,但Illustrator可以自由设定辐射的方向和强度。

11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧-11-6 渐变的用途和设定技巧

需要明确的一个概念是:Photoshop中对物体的渐变效果既有点阵渐变,也有矢量渐变。以我们在这个章节中制作的几个渐变效果而言,都是由选区直接创建的图像,这就属于点阵图像。这样制作出来的渐变也属于点阵渐变,如果放大图像,像素也同时被放大,将会出现马赛克效果。在我们掌握了矢量路径后,就可以在Photoshop中创建矢量渐变。
另外还有一点要提示大家的是:Photoshop能够以智能对象的形式在图层中放置由Illustrator创建的矢量图像,可以无损失的放大缩小智能对象图层,就如同真正的矢量图像一样。只不过Photoshop无法对智能对象进行更加深入的操作(如更改路径方向、渐变颜色等)。这部分的相关内容我们会在以后正式学习。

我们虽然列举了两个利用渐变来绘制物体的例子,但绘制物体并不是我们现在要学习的主要内容。尽管事实上许多Photoshop或Illustrator的写实作品就是利用渐变来实现效果的。但现在是为了让大家感受一下渐变带来的立体感。并且,柱形和球形渐变也是网页设计中常用到的两种方式,许多的按钮或导航菜单都是使用渐变来营造效果的。