当前位置:首页>ps入门教程>ps基础教程>新手教程>教程内容

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

来源:网络 作者:赵鹏 学习:63348人次

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的写实作品就是利用渐变来实现效果的。但现在是为了让大家感受一下渐变带来的立体感。并且,柱形和球形渐变也是网页设计中常用到的两种方式,许多的按钮或导航菜单都是使用渐变来营造效果的。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
烦恼且呆萌2023-06-12 10:27
我的作业

不二家棒棒糖2021-08-13 08:43
飘柔,就是这么自信哈哈哈哈哈
阿门5042021-03-28 07:26
我的作业:很开心,有学到了

时光不染2019-10-11 04:54
我的作业:
自学PS20192019-09-05 02:49
我的作业:
箫竹女2019-04-06 01:56
我的作业:
箫竹女2019-04-06 01:55
我的作业:
箫竹女2019-04-05 10:44
我的作业:
箫竹女2019-04-05 10:44
我的作业:
箫竹女2019-03-26 02:53
我的作业:
箫竹女2019-03-26 10:27
我的作业:我的作业:
2019-01-26 02:47
渐变的用途和设定技巧我的作业:
谁有时间陪我2019-01-20 03:03
<img src="http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/55/alixiao_org.gif" /> 今天的天气可真好啊!
二月鸟Alan2018-12-04 09:46
顺便说一句,ps cc 2019版本的图像旋转渐变图层样式也跟着旋转,很方便
二月鸟Alan2018-12-04 09:34
11-6 渐变的用途和设定技巧 我的作业:

关注大神微博加入>>

网友求助,请回答!