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

我們再三強(qiáng)調(diào)保留最大的可編輯性，那么從追求良好操作的角度出發(fā)，在單色深淺漸變的設(shè)定中，就應(yīng)該采用這種“純色加漸變”的方式。當(dāng)然，如果你的一位同事使用“固定漸變”來完成作品，那么在最終畫面效果上來說，和你的作品并沒有任何區(qū)別，但如果當(dāng)你們的上級要求修改漸變顏色時，你的修改速度就會數(shù)倍于你的同事。你可以在完成后休閑地踱到他身旁，對他說：“用純色加漸變，就是這樣自信！”如果他問何謂純色加漸變，你可以對他一口氣念出下面這句話：在一個純色填充層上添加漸變樣式并將漸變的混合模式設(shè)定為變暗或正片疊底或線性加深或其他總之只要不是設(shè)定為正常就好同時視情更改漸變不透明度到合適的數(shù)值達(dá)到以填充層的填充顏色為基調(diào)的深淺漸變效果。

當(dāng)然，我們所倡導(dǎo)的這種漸變設(shè)定方法，是針對單色深淺漸變而言的，如果需要設(shè)定較為復(fù)雜的多色漸變，那還是必需通過“固定漸變”的方式去完成。不夸張的說，掌握了“純色加漸變”這種方法，網(wǎng)頁設(shè)計就學(xué)會了一半，現(xiàn)在我們已經(jīng)有能力制作出大多數(shù)的網(wǎng)頁設(shè)計稿了。那另外一半是什么？就是路徑，當(dāng)我們在后面的課程中掌握了路徑的使用后，我們就羽翼豐滿，可以起飛了。

除了直接的漸變之外，其他的很多樣式都可以歸為漸變類型，比如陰影、內(nèi)外發(fā)光等，它們的效果有一個共同點(diǎn)，都是利用顏色的過渡來形成效果。只不過這些樣式中有些是在物體之下生效的，而漸變效果是在物體之上。
我們在現(xiàn)實(shí)生活所處的環(huán)境中，漸變已經(jīng)成為了我們大腦判斷立體物體的依據(jù)，太陽光或燈光照射在立體物體表面上，會造成明暗不同及投影，而明暗和投影就往往表現(xiàn)為色彩或光線的變化，這就是一種漸變�，F(xiàn)在我們動手來制作一下，新建一個合適尺寸的圖像，創(chuàng)建一個矩形選區(qū)，然后建立一個純色填充層，選擇一個灰色，如下左圖。這個方塊有立體感嗎？顯然沒有。為什么沒有立體感？因?yàn)樗谋砻骖伾蔷鶆虻�，沒有明暗變化也沒有投影。
現(xiàn)在按〖CTRL_ALT_Z〗撤消到創(chuàng)建選區(qū)的狀態(tài)，然后建立一個漸變填充層，設(shè)定如下中圖，就會看到如下右圖的效果。對比之前的純色填充，現(xiàn)在的方塊多少有一些立體感了，而兩者的差別就在于表面顏色是否存在漸變。

--

現(xiàn)在創(chuàng)建一個橢圓選區(qū)(開啟消除鋸齒選項(xiàng))，寬度與現(xiàn)有的矩形寬度大致相同，高度約為寬度的五分之一左右(不必過于計較精確度)，如下圖中第一步。然后按照和之前相同的設(shè)定建立一個漸變填充層，如下圖中第二步，注意如果按照第一步的選區(qū)位置建立漸變填充層后，將看不到效果，原因是兩個圖層的漸變樣式相同，就好比兩個同樣顏色方塊重疊在一起就看不到區(qū)別一樣。此時左右或上下移動橢圓漸變層就會看到效果。再將這個橢圓漸變層移動到矩形漸變層的下方，大致如下圖中第三步，如果開啟了對齊到圖層選項(xiàng)更好。接著將漸變層復(fù)制并移動(選中圖層后按住ALT移動即可復(fù)制，這個操作技巧應(yīng)該不用再次提示了吧)到矩形漸變的上方，形成如下圖中第四步的效果。最后將位于上方的橢圓漸變層的漸變方向改為反向(雙擊圖層縮覽圖后開啟“反向”)，形成最終的效果。
這樣我們就利用一個簡單的漸變樣式營造出了一個具有“強(qiáng)烈”立體感的空心圓柱體。

為什么強(qiáng)烈二字要加上引號？因?yàn)檫@個立體感根本談不上強(qiáng)烈，甚至有些粗糙。不像是大師做的。哈，那現(xiàn)在我們就來打造“大師的圓柱體”吧。其實(shí)要做的就是細(xì)化漸變，使其看上去更真實(shí)些。雙擊漸變填充層的縮覽圖，點(diǎn)擊漸變樣式圖標(biāo)進(jìn)入漸變編輯器，然后設(shè)定一個類似下左圖的漸變，這個漸變可以通過修改默認(rèn)列表中的黑白漸變來實(shí)現(xiàn)：首先將黑色標(biāo)和白色標(biāo)向中間移動，然后在頭尾增加兩個色標(biāo)，分別設(shè)為下左圖中所提示的灰度色。完成后將這個樣式存儲到列表中。
然后更改底部的橢圓漸變層的漸變設(shè)定，在漸變列表中選擇剛才存儲的漸變。接著同樣更改頂部橢圓漸變層，注意應(yīng)開啟“反向”選項(xiàng)。效果如下中圖�，F(xiàn)在看起來要真實(shí)的多了吧。
現(xiàn)在來看一下圓柱體表面明暗形成的原理，如下左圖，假設(shè)這是一個頂視圖，圖中的圓表示圓柱體，若干綠色線條表示光線投射的方向。那么如果在橙色箭頭的方向看向圓柱，就應(yīng)該類似于我們最早做出來的圓柱體表面，一半灰暗一半明亮。但實(shí)際上因?yàn)橹車h(huán)境總會反射部分光線，而空氣也會折射光線，因此不太可能產(chǎn)生這樣規(guī)整的明暗過渡。而是在最暗的地方有些明亮，在最亮的地方也有些灰暗。我們正是依據(jù)這個規(guī)律修改了漸變的設(shè)定。

--

雖然如此，但前面我們的漸變設(shè)定中用到了黑和白，這兩種顏色是比較極端的顏色，在現(xiàn)實(shí)中是不太可能出現(xiàn)的。因此我們將它們適當(dāng)?shù)叵蚧叶日{(diào)整一些，形成如下左圖的效果。然后為頂部的橢圓漸變層添加一個描邊樣式，設(shè)定如下中圖，注意紅色箭頭處，將填充類型設(shè)為“漸變”。這樣就營造出了空心管狀體的管壁厚度，如下右圖。

--

這個管狀圓柱體的橫截面應(yīng)該是一個矩形，如果我們將底部橢圓漸變層的漸變樣式設(shè)為與頂部的相同(或直接將頂部漸變層復(fù)制移動到底部)，這樣看起來就是一個橫截面為等腰梯形的管狀體，如下左圖。反其道而行之，就形成如下中圖的效果，注意要取消橢圓漸變層的描邊樣式。
現(xiàn)在通過【圖像_旋轉(zhuǎn)畫布_90度(方向任意)】將圖像橫過來，要注意的是圖層樣式并不會隨著旋轉(zhuǎn)，因此要依次修改漸變，將漸變角度都增加(或減少)90度才能重現(xiàn)原先的立體效果。
將兩個橢圓漸變與矩形漸變組成圖層組，然后復(fù)制圖層組并相應(yīng)更改漸變設(shè)定，就可以形成類似下右圖的空心連環(huán)管。還可以打上一些文字并設(shè)定斜面浮雕樣式和漸變樣式(具體設(shè)定自己琢磨)。