找到漸變疊加

點擊漸變，打開漸變編輯

再雙擊 圖示 的游標，打開拾色器。挑一種顏色，再點“確定”進行確認;

我是用的色值是：3ae94b; 再雙擊右下角的游標，選擇同樣的顏色.

然后選中b 前面的單選框, 把亮度稍微往上提.從原來的91%提高到97%.最終效果如下

注:這里不能太大,原因可參照我們對水晶質感的分析.

大致的明暗關系有，現在調節明暗交界線：

先在漸變編輯器里增加兩個色標，

因為我前景色是水紅色，所以這里這樣顯示，不過不影響我們的效果制作 。

點擊第二個色標，用吸管在靠近第一個色標處取一個很接近的顏色，點擊第二個色標在第四個色標附近取個色。調節中間兩個色標，得到比較好的效果。結果如下

圖的效果為

是不是已經有點感覺了?，F在開始做一點點反光。大家不一定要調成跟我一樣。亮暗對比出來就行。過渡稍微硬一點，你的效果可能比我這臨時做出來的要強很多。

反光的調節，你需要注意：反光比暗部亮，比高光暗。找準這個感覺就行。我們暗部亮度是91，高光是97，那反光就用94吧。

調節第一個色標的亮度為94.最終得到的導航效果為

下面給這個圖標增加一點細節。讓他更有質感。再次打開圖層混合樣式面板：增加一個內發光，一個描邊。參數如下圖

得到的最終圖的效果如下

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

再回頭分析我們的調色:

1, 用了樣式,所以以后這個效果不夠好, 我們可以直接對樣式進行調整,不用撤消.

2, 這個效果可以重用,如果我們網站有其它地方用得上,可以直接復制樣式到其它圖層(快捷是按住alt不動,對樣式圖標進行拖動).

3, 整個效果都是基于亮度值 B 的,所以這個效果適用任何顏色。

下面我加了一個調整圖層--色相/飽和度 ,并對色相進行調節.如下圖

拖動 色相 的滑標，產生的若干效果如下

如果你喜歡，你可以把這個樣式保存在你的樣式庫里，以后就可以直接使用了。

當然這個效果如果你想做成透過他看到背景圖案的半透明效果,請將圖層的填充不透明度降為零,漸變疊加的透明度稍調低一點即可.這里補充一個最后的效果圖

這個教程的定位是不是太低了,我一直想講到色彩混合模式,但是又覺得前面有太多基礎要講,而講到基礎,我又覺得,如果沒有實例,又很難說明白.大家說說看法吧,我希望能夠一天出一個.直到講完混合模式. 還有比較智能對象,蒙板等知識大家不知道有沒有興趣了解