解读Photoshop色彩混合模式的详细教程(3)

找到渐变叠加

点击渐变，打开渐变编辑

再双击 图示 的游标，打开拾色器。挑一种颜色，再点“确定”进行确认;

我是用的色值是：3ae94b; 再双击右下角的游标，选择同样的颜色.

然后选中b 前面的单选框, 把亮度稍微往上提.从原来的91%提高到97%.最终效果如下

注:这里不能太大,原因可参照我们对水晶质感的分析.

大致的明暗关系有，现在调节明暗交界线：

先在渐变编辑器里增加两个色标，

因为我前景色是水红色，所以这里这样显示，不过不影响我们的效果制作 。

点击第二个色标，用吸管在靠近第一个色标处取一个很接近的颜色，点击第二个色标在第四个色标附近取个色。调节中间两个色标，得到比较好的效果。结果如下

图的效果为

是不是已经有点感觉了。现在开始做一点点反光。大家不一定要调成跟我一样。亮暗对比出来就行。过渡稍微硬一点，你的效果可能比我这临时做出来的要强很多。

反光的调节，你需要注意：反光比暗部亮，比高光暗。找准这个感觉就行。我们暗部亮度是91，高光是97，那反光就用94吧。

调节第一个色标的亮度为94.最终得到的导航效果为

下面给这个图标增加一点细节。让他更有质感。再次打开图层混合样式面板：增加一个内发光，一个描边。参数如下图

得到的最终图的效果如下

为了方便大家查看，我把背景色调成了灰色。

再回头分析我们的调色:

1, 用了样式,所以以后这个效果不够好, 我们可以直接对样式进行调整,不用撤消.

2, 这个效果可以重用,如果我们网站有其它地方用得上,可以直接复制样式到其它图层(快捷是按住alt不动,对样式图标进行拖动).

3, 整个效果都是基于亮度值 B 的,所以这个效果适用任何颜色。

下面我加了一个调整图层--色相/饱和度 ,并对色相进行调节.如下图

拖动 色相 的滑标，产生的若干效果如下

如果你喜欢，你可以把这个样式保存在你的样式库里，以后就可以直接使用了。

当然这个效果如果你想做成透过他看到背景图案的半透明效果,请将图层的填充不透明度降为零,渐变叠加的透明度稍调低一点即可.这里补充一个最后的效果图

这个教程的定位是不是太低了,我一直想讲到色彩混合模式,但是又觉得前面有太多基础要讲,而讲到基础,我又觉得,如果没有实例,又很难说明白.大家说说看法吧,我希望能够一天出一个.直到讲完混合模式. 还有比较智能对象,蒙板等知识大家不知道有没有兴趣了解

进入论坛交作业：http://www.missyuan.com/thread-611002-1-1.html