9-6 漸變/油漆桶
漸變工具的作用是產(chǎn)生逐漸變化的色彩,在設(shè)計(jì)中經(jīng)常使用到色彩漸變,而這也是我們后面進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必須使用的。色彩漸變可以通過漸變工具來使用,也可以在圖層樣式中使用,后者使用的機(jī)會(huì)更多一些。
0921Photoshop本身已經(jīng)提供了多種漸變的設(shè)定,使用漸變工具后在公共欄中點(diǎn)擊如下左圖紅色箭頭所示處,就會(huì)出現(xiàn)漸變?cè)O(shè)定列表,從中選擇一個(gè)“紅色、綠色”的設(shè)定(如果沒有找到可復(fù)位漸變),選擇后可在漸變縮覽圖中看到大致效果,如下左圖所示。右方有一排按鈕是漸變樣式的選擇,先選擇第一種線形漸變,然后新建一個(gè)圖像并在其中拖拉,松手后即可完成。效果如下右圖。
這是最簡(jiǎn)單的漸變,我們看到了一種從紅色過渡到綠色的效果。
0922注意創(chuàng)建漸變時(shí)候拖拉的線條,那線條的長度代表了顏色漸變的范圍。那么在上右圖中看起來我們只是拖拉了一段距離,并沒有充滿畫面,但之后產(chǎn)生的漸變卻充滿了畫面。這與我們所說的“線條的長度代表了顏色漸變的范圍”不是相抵觸嗎?
除非有選區(qū)或蒙版存在,否則漸變一定是充滿全畫面的。也就是說無論線條有沒有充滿畫面,產(chǎn)生的漸變都將充滿畫面。而定義漸變的線條代表顏色從紅到綠的“變化范圍”。在這個(gè)范圍之前和之后的,都將以單色填補(bǔ)。
我們可以通過例子來說明。如下圖,在畫面中拖拉一小段的水平(按住SHIFT可保持45°整數(shù)倍的角度,包括水平、垂直)漸變線,產(chǎn)生了漸變效果(為了方便參照在圖中放置了漸變定義線)。此時(shí)打開信息調(diào)板〖F8〗,用鼠標(biāo)在圖像中橫向移動(dòng),同時(shí)觀察信息調(diào)板中的顏色讀數(shù)。就會(huì)發(fā)現(xiàn),在漸變條范圍之內(nèi)移動(dòng)時(shí),顏色讀數(shù)不斷變化。而在漸變條范圍之外移動(dòng)則讀數(shù)固定不變。這說明在漸變條之內(nèi)存在很多色彩,而在漸變條之外只存在單一色彩,漸變條紅色端之外就是固定的紅色,綠色端之外就是固定的綠色。
漸變是有方向的,向不同的方向拖拉漸變線會(huì)產(chǎn)生不同的顏色分布。比如下圖從左往右拖拉產(chǎn)生左紅右綠的效果,而如果從右往左拖拉漸變線就會(huì)產(chǎn)生左綠右紅的效果。為了之后的內(nèi)容講解方便,我們將漸變線的兩個(gè)端點(diǎn)稱為起點(diǎn)(鼠標(biāo)按下處)和終點(diǎn)(鼠標(biāo)松開處),觀察上右圖結(jié)合大家實(shí)際操作會(huì)看到,漸變線上起點(diǎn)為實(shí)線的十字標(biāo),終點(diǎn)為虛線的十字標(biāo)。而顏色也分為起點(diǎn)色和終點(diǎn)色。那么之前我們?cè)噲D向大家解釋漸變范圍的語言就可以轉(zhuǎn)換為:在漸變起點(diǎn)與終點(diǎn)之間是逐漸變化的各種色彩。在起點(diǎn)之外由單一的起點(diǎn)色填充,在終點(diǎn)之外由單一的終點(diǎn)色填充。
下面我們示范一下其他各種漸變樣式的效果。
0923首先是徑向漸變,它是將起點(diǎn)作為圓心,起點(diǎn)到終點(diǎn)的距離為半徑,將顏色以圓形分布(下圖白色圓圈之內(nèi))。半徑之外的部分用終點(diǎn)色填充(下圖白色圓圈之外)。顏色在每條半徑方向上各不相同,但在每個(gè)同心圓圓弧方向上相同。也就是說,假如你從圓心出發(fā)到圓弧,在途中將看到各種不同的色彩。但如果你只是沿著圓心繞圈,那么在這一圈上你看到的顏色都是相同的。對(duì)應(yīng)下圖中的藍(lán)色和黃色圓弧可以說成:黃色圓弧上各點(diǎn)顏色相同,藍(lán)色圓弧上各點(diǎn)顏色相同,藍(lán)色圓弧與黃色圓弧的顏色不同,藍(lán)色圓弧相對(duì)接近起點(diǎn)色,黃色圓弧相對(duì)接近終點(diǎn)色。
0924然后是角度漸變,它是以起點(diǎn)為中心,起點(diǎn)與終點(diǎn)的夾角為起始角,順時(shí)針分布漸變顏色(如下圖白色箭頭所指)。因此起點(diǎn)與終點(diǎn)之間的距離并不會(huì)影響效果,這在所有漸變樣式中也是唯一的。從起點(diǎn)出發(fā)的每條射線上顏色都相同。對(duì)應(yīng)到下圖就是:黃色射線上各點(diǎn)顏色相同,藍(lán)色射線上各點(diǎn)顏色相同,黃色射線與藍(lán)色射線的顏色不同,藍(lán)色射線相對(duì)接近起點(diǎn)色,黃色射線相對(duì)接近終點(diǎn)色。
0925對(duì)稱漸變可以理解為兩個(gè)方向相反的徑向漸變合并在一起。如下圖,從起點(diǎn)出發(fā),同時(shí)往相反的兩個(gè)方向漸變。黃色箭頭與藍(lán)色箭頭盡管方向不同,但在距離起點(diǎn)相同的地方兩者顏色也相同。在兩端的終點(diǎn)之外由終點(diǎn)色填充剩余區(qū)域。由于這個(gè)特點(diǎn),如果漸變線定義得充滿整個(gè)畫面,將看不到另外一側(cè)的漸變效果。因此在使用對(duì)稱漸變的時(shí)候要留下足夠的空間給另外一側(cè)漸變色。
0926菱形漸變的效果類似于徑向漸變,都是從起點(diǎn)往周圍的擴(kuò)散式漸變。只不過這里是菱形而不是圓形。菱形的4條棱中的一條就是起點(diǎn)到終點(diǎn)的線段,其余三條棱相當(dāng)于這條線段以起點(diǎn)為中心旋轉(zhuǎn)90°、180°和270°。4個(gè)終點(diǎn)之外由終點(diǎn)色填充剩余區(qū)域。在距離起點(diǎn)相同的距離上,4條棱上各點(diǎn)的顏色相同。但只局限于棱,在棱之間的區(qū)域中是不相等的。對(duì)應(yīng)到下圖就是:黃色圓弧與4條棱有4個(gè)交點(diǎn),這4個(gè)點(diǎn)的顏色相同,藍(lán)色圓弧與棱的4個(gè)交點(diǎn)也是如此,藍(lán)色圓弧交點(diǎn)的顏色相對(duì)接近起始色,黃色圓弧交點(diǎn)的顏色相對(duì)接近終點(diǎn)色。
0927在漸變工具的公共欄中有“反向”的選項(xiàng),它的作用是將起點(diǎn)色與終點(diǎn)色顛倒。注意雖然目前為止我們?cè)跐u變中都只用兩種顏色,但實(shí)際上漸變色是可以由多種顏色組成的,在Photoshop默認(rèn)的漸變列表中就可以找到。那么反向選項(xiàng)所顛倒的不僅是起點(diǎn)與終點(diǎn)色,還包括其中的所有過渡色彩。比如一個(gè)漸變色由“紅綠黃藍(lán)”組成,那么被反向之后就是“藍(lán)黃綠紅”。如下圖。
0928漸變工具的“仿色”選項(xiàng)可以在較少的顏色中創(chuàng)建較為平滑的過渡效果。我們將在本課后面部分專門介紹仿色。
0929漸變工具“透明區(qū)域”選項(xiàng)可以保持漸變?cè)O(shè)定中的透明度,如果關(guān)閉,漸變色中就不帶有透明區(qū)域。我們可以新建一個(gè)黑色背景的圖像,然后選擇默認(rèn)漸變列表中的“透明彩虹”,然后分別開啟和關(guān)閉“透明區(qū)域”選項(xiàng),看到效果如下2圖。因?yàn)?ldquo;透明彩虹”的漸變?cè)O(shè)定中,在起點(diǎn)和終點(diǎn)區(qū)域包含有透明度的設(shè)定,因此開啟選項(xiàng)后漸變的起點(diǎn)和終點(diǎn)區(qū)域是透明的,可以看到原先的黑色背景。關(guān)閉了選項(xiàng)后,透明區(qū)域就被單色所填充,無法再看到原先的黑色背景了。
如果漸變?cè)O(shè)定中本身不包含透明度的設(shè)定,則該選項(xiàng)開啟與否都沒有區(qū)別。有關(guān)漸變透明度的設(shè)定將在本課后面部分介紹。
0930油漆桶工具的作用是為一塊區(qū)域著色,著色方式為填充前景色或圖案,如下圖。并且附帶了色彩容差的選項(xiàng)。其實(shí)際作用就好比先用魔棒工具創(chuàng)建選區(qū)后再予以填充。因此大家可以用魔棒工具各個(gè)選項(xiàng)的概念來對(duì)應(yīng)油漆桶的各個(gè)選項(xiàng),只是多出了一個(gè)圖案填充方式和“所有圖層”選項(xiàng)。圖案填充的效果與圖案圖章工具的特點(diǎn)是一樣的,即如果填充區(qū)域大于圖案將產(chǎn)生平鋪。“所有圖層”的作用和其他工具相同,在關(guān)閉的情況下只能對(duì)所選圖層有效。
就實(shí)際使用的情況來看,油漆桶的填充顏色的功能可以由〖ALT DELETE/ALT BackSpace〗完成或建立純色填充圖層。其圖案填充的功能也可由建立圖案填充圖層來實(shí)現(xiàn)。此外圖層樣式也完全可以實(shí)現(xiàn)這兩個(gè)功能,并且最重要的是它們更改填充顏色和圖案時(shí)非常方便。因此油漆桶工具已經(jīng)極少被使用了,它通常被“創(chuàng)建選區(qū)后建立填充圖層”的操作所取代。
標(biāo)簽(TAG) 新手教程 新手教程 ps基礎(chǔ)教程 PS新手教程 ps新手入門 ps入門基礎(chǔ)
上一篇:新手學(xué)Photoshop的批處理的快捷操作
下一篇:1-3 圖像通道