11-6 漸變的用途和設(shè)定技巧

在實(shí)際的應(yīng)用中，尤其在網(wǎng)頁設(shè)計(jì)上，雖然一般都是多個(gè)樣式綜合使用，但其中最常用到的就是漸變。如下各圖中都或多或少地使用了各種各樣的漸變。

在設(shè)計(jì)稿上所表現(xiàn)出來的效果中，最常見的就是雙色漸變，即是從第一種顏色開始過渡到第二種顏色就結(jié)束。而這其中大部分實(shí)際上是屬于單色的深淺漸變，即從某種顏色的較深狀態(tài)過渡到較淺狀態(tài)(或相反)，如上各圖。而下左圖的漸變效果，就是一種深紅到淺紅的漸變，可以理解為紅色的深淺漸變。
現(xiàn)在我們動(dòng)手來制作，建立一個(gè)隨意尺寸的圖像，創(chuàng)建一個(gè)合適的矩形選區(qū)，然后點(diǎn)擊圖層調(diào)板下方的按鈕選擇建立一個(gè)漸變填充層，然后點(diǎn)擊漸變縮覽圖進(jìn)入漸變?cè)O(shè)定。這些步驟其實(shí)我們?cè)缇鸵呀?jīng)學(xué)習(xí)過，在這里是擔(dān)心大家忘記才重復(fù)敘述一次，以后不再提示。
漸變的設(shè)定如下中圖?？梢钥吹?，這里對(duì)漸變的兩種顏色都進(jìn)行指定。這種方式也是到目前為止我們所采用的漸變定義方式，很直觀，也很簡單，在技術(shù)理論上沒有什么問題。我們暫稱之為固定漸變。但大家必須考慮到的是，在實(shí)際的設(shè)計(jì)過程中，是經(jīng)常發(fā)生修改的，漸變也不例外，如果現(xiàn)在要更改紅色的深淺度，或干脆改為如下右圖那樣的深綠色到淺綠色的漸變。此時(shí)就必須在漸變編輯器中重新指定漸變的兩種顏色。

--

不難看出，固定漸變不利于修改，因?yàn)楣ぷ髁枯^大，且在修改的時(shí)候不能實(shí)時(shí)體現(xiàn)修改后的畫面效果，這樣就更加不方便了，因?yàn)榭赡芪覀儾⒉恢涝鯓拥木G色在畫面上表現(xiàn)較好，想要多選擇幾種顏色對(duì)比一下。而在這種情況下就需要多次修改漸變的設(shè)定。這時(shí)，我們可以通過另外一種方法來實(shí)現(xiàn)這樣的效果。那就是“純色加漸變”，也是前面課程中我們提到過的。
現(xiàn)在動(dòng)手來做，新建一個(gè)圖像(或在剛才的圖像上)，建立一個(gè)新圖層，創(chuàng)建一個(gè)合適的選區(qū)，點(diǎn)擊圖層調(diào)板下方的按鈕建立一個(gè)純色(不是漸變)填充層。填充顏色選擇紅色。這樣在圖像中就出現(xiàn)了一個(gè)紅色方塊。如下左圖。
然后我們?yōu)檫@個(gè)圖層添加一個(gè)漸變的樣式，方法是點(diǎn)擊圖層調(diào)板下方的按鈕(之前請(qǐng)確認(rèn)是否正確選擇了圖層)，選擇“漸變疊加”。接下來是關(guān)鍵的步驟，按照如下中圖設(shè)定漸變樣式，尤其注意紅色箭頭處的混合模式選項(xiàng)，一定要為“變暗”或“正片疊底”或“線性加深”才能達(dá)到目的。漸變的顏色額就選擇默認(rèn)列表中的“黑色、白色”，接著將不透明度降低到適當(dāng)?shù)臄?shù)值(如60%，可自行決定)?，F(xiàn)在我們就看到一個(gè)深紅到錢紅的漸變了。

--

現(xiàn)在暫時(shí)別管已經(jīng)完成的效果，另外新建一個(gè)圖像(尺寸自定)，用同一個(gè)選區(qū)建立一個(gè)純色(填充紅色)填充層和一個(gè)漸變(黑白漸變)填充層。本來完成這些步驟大家應(yīng)該是毫無問題的了，不過這里還是講述一下過程：新建圖像后創(chuàng)建一個(gè)選區(qū)，建立一個(gè)純色填充層。此時(shí)選區(qū)已經(jīng)消失了，而要想建立另外一個(gè)相同大小的漸變填充層就需要找回這個(gè)選區(qū)，方法是〖CTRL_單擊蒙版縮覽圖〗，如下左圖綠色箭頭處。
再利用這個(gè)選區(qū)再建立一個(gè)漸變填充層，漸變的顏色選擇默認(rèn)列表中的黑白色漸變。如下中圖紅色箭頭處，將漸變填充層的混合模式改為變暗(正片疊底也可)。接著如下中圖綠色箭頭處，降低漸變層的不透明度到一個(gè)適當(dāng)?shù)臄?shù)值。整個(gè)圖像的變化過程應(yīng)類似下右圖。
這就是利用了圖層混合模式，更改位于上層圖層的混合模式，實(shí)現(xiàn)了與下層圖層的融合效果。而“變暗”、“正片疊底”這兩個(gè)混合模式也是最常用的。我們?cè)诤竺娴恼n程中就會(huì)進(jìn)一步了解。

--

我們說過，圖層樣式中的各個(gè)樣式，與原圖像都有層次上的遮擋關(guān)系，而漸變的層次要高于原物體，因此實(shí)際上使用漸變樣式就等同于我們剛才所作的那樣，用上下兩個(gè)圖層來實(shí)現(xiàn)融合效果?；诉@么多時(shí)間，是為了讓大家理解更改漸變樣式混合模式的原理。那這樣做究竟有什么好處呢？在更改漸變色的時(shí)候，這樣做的優(yōu)勢就體現(xiàn)出來了。
就用我們剛剛完成的兩個(gè)圖層的圖像來說，如果要改為綠色的深淺漸變，只需要雙擊純色填充層的縮覽圖，在拾色器中選擇合適的綠色就可以了。并且在拾色器中挑選顏色時(shí)，可以實(shí)時(shí)在圖像中看到更改的效果。這是非常方便的，使我們將精力集中在挑選顏色上，而不必浪費(fèi)在修改漸變上。
對(duì)于前一個(gè)使用漸變樣式的圖像而言，要更改為其他顏色的深淺漸變，也是同樣的操作即可搞定。雖然它只有一個(gè)圖層，但漸變樣式實(shí)際上起到了一個(gè)“上層圖層”的作用。

可以不理會(huì)填充層原先的填充色，而在圖層樣式中開啟“顏色疊加”選項(xiàng)，該選項(xiàng)可以改變?cè)矬w的像素顏色。然后再配合漸變樣式來使用。這種想法是沒有錯(cuò)的，只是在更改漸變顏色時(shí)就必須開啟圖層樣式設(shè)置框，而該設(shè)置框面積很大，可能會(huì)占去許多屏幕空間而影響我們觀看圖像。當(dāng)然如果你的顯示器分辯率超大這個(gè)問題也就不存在了。