优艾设计网

Photoshop大师之路:渐变的用途和设定技巧转载)

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:ps教程论坛
在实际的应用中,尤其在网页设计上,虽然一般都是多个样式综合使用,但其中最常用到的就是渐变。如下各图中都或多或少地使用了各种各样的渐变。

这个管状圆柱体的横截面应该是一个矩形,如果我们将底部椭圆渐变层的渐变样式设为与顶部的相同(或直接将顶部渐变层复制移动到底部),这样看起来就是一个横截面为等腰梯形的管状体,如下左图。反其道而行之,就形成如下中图的效果,注意要取消椭圆渐变层的描边样式。

现在通过【图像_旋转画布_90度(方向任意)】将图像横过来,要注意的是图层样式并不会随着旋转,因此要依次修改渐变,将渐变角度都增加(或减少)90度才能重现原先的立体效果。

将两个椭圆渐变与矩形渐变组成图层组,然后复制图层组并相应更改渐变设定,就可以形成类似下右图的空心连环管。还可以打上一些文字并设定斜面浮雕样式和渐变样式(具体设定自己琢磨)。

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

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

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

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

Photoshop大师之路:渐变的用途和设定技巧转载)

Photoshop大师之路:渐变的用途和设定技巧转载)

),形成如下右图的效果。

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

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

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

-

Photoshop大师之路:渐变的用途和设定技巧转载)

需要明确的一个概念是:Photoshop中对物体的渐变效果既有点阵渐变,也有矢量渐变。以我们在这个章节中制作的几个渐变效果而言,都是由选区直接创建的图像,这就属于点阵图像。这样制作出来的渐变也属于点阵渐变,如果放大图像,像素也同时被放大,将会出现马赛克效果。在我们掌握了矢量路径后,就可以在Photoshop中创建矢量渐变。

另外还有一点要提示大家的是:Photoshop能够以智能对象的形式在图层中放置由Illustrator创建的矢量图像,可以无损失的放大缩小智能对象图层,就如同真正的矢量图像一样。只不过Photoshop无法对智能对象进行更加深入的操作(如更改路径方向、渐变颜色等)。这部分的相关内容我们会在以后正式学习。

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

1、在实际的应用(尤其在网页设计)中,最常用到的就是双色渐变,即是从第一种颜色开始过渡到第二种颜色就结束。而这其中大部分实际上是属于单色的深浅渐变,即从某种颜色的较深状态过渡到较浅状态(或相反)。

2、固定渐变:固定渐变不利于修改,且在修改的时候不能实时体现修改后的画面效果。

3、纯色加渐变:

在一个纯色填充层上添加渐变样式,并将渐变的混合模式设定为变暗或正片叠底或线性加深或其他,总之只要不是设定为正常就好,同时视情更改渐变不透明度到合适的数值达到以填充层的填充颜色为基调的深浅渐变效果。具体步骤如下:

建立一个新图层,创建一个合适的选区,点击图层调板下方的按钮建立一个纯色(不是渐变)填充层。然后为这个图层添加一个渐变的样式,方法是点击图层调板下方的按钮(确认选择正确图层),选择“渐变叠加”。接下来是关键的步骤,设定渐变样式,混合模式选项一定为 “变暗”或“正片叠底”或“线性加深”才能达到目的。

4、利用了图层混合模式实现渐变:

用同一个选区建立一个纯色(比如红色)填充层和一个渐变(比如黑白渐变)填充层。过程如下:

新建图像后创建一个选区,建立一个纯色填充层。此时选区已经消失了,〖CTRL_单击蒙版缩览图〗提取选区,再利用这个选区再建立一个渐变填充层,渐变的颜色选择默认列表中的黑白色渐变,将渐变填充层的混合模式改为变暗(正片叠底也可),降低渐变层的不透明度到一个适当的数值。

这就是利用了图层混合模式,更改位于上层图层的混合模式,实现了与下层图层的融合效果。而“变暗”、“正片叠底”这两个混合模式也是最常用的。

5、在单色深浅渐变的设定中,应采用“纯色加渐变”的方式。

6、“纯色加渐变”的方式,是针对单色深浅渐变而言的,如果需要设定较为复杂的多色渐变,那还必需通过“固定渐变”的方式去完成。

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消