5-1 Photoshop圖層初識(shí)

如果我們要改變下左圖上方的藍(lán)色小球位置，就需要先創(chuàng)建一個(gè)符合小球大小的選區(qū)，這并不困難，可以使用橢圓選框工具來(lái)創(chuàng)建一個(gè)正圓的選區(qū)(可通過(guò)〖空格 CTRL 單擊圖像〗放大圖像)。之后使用移動(dòng)工具移動(dòng)選區(qū)中的內(nèi)容就可以了，如下中圖所示，白色箭頭代表鼠標(biāo)拖動(dòng)的方向和目的地，在今后的圖例中都將使用這種箭頭來(lái)表示拖動(dòng)軌跡。
但是移動(dòng)后，原先小球所在的地方產(chǎn)生了一個(gè)空白區(qū)域，如下右圖。這是因?yàn)樵鹊膬?nèi)容被“挖走”，于是Photoshop利用背景色來(lái)填補(bǔ)這個(gè)空缺，也就是說(shuō)依據(jù)背景色的不同，填補(bǔ)這塊區(qū)域的顏色也不同。很明顯這樣做破壞了圖像。
破壞圖像的罪魁禍?zhǔn)资钦l(shuí)呢？嚴(yán)格來(lái)說(shuō)是我們，因?yàn)槟莻€(gè)洞不就是我們挖的嘛，呵呵。其實(shí)真正的原因在于：所有的圖像，或者說(shuō)這幅圖片中所有的像素，都是位于同一個(gè)圖層中，彼此密不可分。因此移動(dòng)一個(gè)地方的像素就會(huì)造成空缺。這就如同在一張紙上挖一塊必然會(huì)留下一個(gè)空洞一樣。這對(duì)于充滿變數(shù)的創(chuàng)意設(shè)計(jì)過(guò)程而言是非常不方便的。如果需要改動(dòng)某個(gè)部分，就必須完全重新做過(guò)。
現(xiàn)在明白為什么現(xiàn)實(shí)生活中的書法家不是普通人能夠當(dāng)?shù)昧说陌?，因?yàn)槲淖直仨氁还P到底一氣呵成，中途無(wú)法修改，需要憑借大量長(zhǎng)時(shí)間的練習(xí)才能擁有這種駕馭力。

而使用圖層之后，可以將球和背景分離開，存放在不同的圖層上，這樣移動(dòng)球的時(shí)候就不會(huì)對(duì)背景造成破壞，如下左圖。下右圖是調(diào)整前后圖層調(diào)板的樣子。從中可以看到圖層調(diào)板中不再是單一的背景層。

圖層在我們的設(shè)計(jì)過(guò)程中是很重要的。初學(xué)者要特別注意圖層的層次問題，因?yàn)閷哟螘?huì)引起遮擋。另外圖層混合模式是一個(gè)難點(diǎn)，按照我們目前的知識(shí)水平而言，要理解圖層混合模式是比較困難的。實(shí)際上即使是專業(yè)的熟練的使用者也未必通曉。在實(shí)際使用中大家就自己多試驗(yàn)各種混合模式的效果。以后再去理解具體的原理。
現(xiàn)在喝口水，打起精神，本課的內(nèi)容“有點(diǎn)多”。其中有關(guān)圖層混和模式的內(nèi)容將在后面的課程中系統(tǒng)學(xué)習(xí)，只在本節(jié)的練習(xí)中略為嘗試一下。

在前面的課程中我們已經(jīng)幾次和圖層打了擦邊球，現(xiàn)在來(lái)正式地學(xué)習(xí)圖層。圖層是Photoshop中很重要的一部分。圖層也已經(jīng)成為所有圖像軟件的基礎(chǔ)概念之一。在Illustrator和GoLive中也有相類似的概念。
究竟什么是圖層呢？它有什么意義和作用呢？
比如我們?cè)诩埳袭嬕粋€(gè)人臉，先畫臉龐，再畫眼睛和鼻子，然后是嘴巴。畫完以后發(fā)現(xiàn)眼睛的位置歪了一些。那么只能把眼睛擦除掉重新畫過(guò)，并且還要對(duì)臉龐作一些相應(yīng)的修補(bǔ)。這當(dāng)然很不方便。在設(shè)計(jì)的過(guò)程中也是這樣，很少有一次成型的作品，常常是經(jīng)歷若干次修改以后才得到比較滿意的效果。
那么想象一下，如果我們不是直接畫在紙上，而是先在紙上鋪一層透明的塑料薄膜，把臉龐畫在這張透明薄膜上。畫完后再鋪一層薄膜畫上眼睛。再鋪一張畫鼻子。如下圖，將臉龐、鼻子、眼睛分為三個(gè)透明薄膜層，最后組成的效果。這樣完成之后的成品，和先前那幅在視覺效果上是一致的。
雖然視覺效果一致，但分層繪制的作品具有很強(qiáng)的可修改性，如果覺得眼睛的位置不對(duì)，可以單獨(dú)移動(dòng)眼睛所在的那層薄膜以達(dá)到修改的效果。甚至可以把這張薄膜丟棄重新再畫眼睛。而其余的臉龐鼻子等部分不受影響，因?yàn)樗麄儽划嬙诓煌瑢拥谋∧ど?。這種方式，極大地提高了后期修改的便利度。最大可能地避免重復(fù)勞動(dòng)。因此，將圖像分層制作是明智的。

在Photoshop中我們也可以使用類似這樣“透明薄膜”的概念來(lái)處理圖像。在圖層調(diào)板〖F7〗中可以察看和管理Photoshop中的圖層。圖層調(diào)板是最經(jīng)常使用的調(diào)板之一，通常與通道和路徑調(diào)板合并在一起。一幅圖像中至少必須有一個(gè)層存在。
0501如果新建圖像時(shí)背景內(nèi)容選擇白色或背景色，那么新圖像中就會(huì)有一個(gè)背景層存在，并且有一個(gè)鎖定的標(biāo)志。如下左圖。如果背景內(nèi)容選擇透明，就會(huì)出現(xiàn)一個(gè)名為圖層1的層。如下右圖。

現(xiàn)在我們就利用圖層來(lái)繪制一個(gè)簡(jiǎn)單的人臉。新建一個(gè)圖像〖CTRL N/CTRL 雙擊空白區(qū)域〗，尺寸400×300或自定，RGB模式8位通道。背景內(nèi)容白色。
然后打開圖層調(diào)板〖F7〗，在其中看到已經(jīng)有一個(gè)名稱是“背景”的圖層存在了，并且圖層最右方有一個(gè)鎖定的標(biāo)志。類似上左圖。

0502圖層調(diào)板可以顯示各圖層中內(nèi)容的縮覽圖，這樣可以方便查找圖層。默認(rèn)是小縮覽圖，可以使用中或大，也可關(guān)閉縮覽圖。方法是在圖層調(diào)板空白區(qū)域(即沒有圖層顯示的地方)單擊右鍵更改縮覽圖大小，如下左圖。也可點(diǎn)擊圖層調(diào)板右上角的小三角按鈕，在彈出菜單中選擇“調(diào)板選項(xiàng)”。如下右圖。下方的“將縮覽圖剪切到圖層邊界”和“將縮覽圖剪切到文檔邊界”選項(xiàng)是縮覽圖顯示的方式，現(xiàn)在先如下左圖選擇為后者即可。注意：CS及更早版本不能選擇縮覽圖顯示方式。
即使是小縮覽圖，占用圖層調(diào)板的空間也很多，有時(shí)候反而降低了圖層調(diào)板的使用效率，所以在實(shí)際使用中意義不大。當(dāng)大家熟練以后，建議關(guān)閉縮覽圖以獲取較大的圖層調(diào)板使用空間。在下面我們先使用小縮覽圖查看方式。

現(xiàn)在我們通過(guò)以下的實(shí)際操作過(guò)程來(lái)學(xué)習(xí)圖層，新建一個(gè)400×255(注意單位是像素，也可自己設(shè)定)的白色背景圖像，然后新建一個(gè)圖層用來(lái)畫臉龐。新建圖層的方法就是點(diǎn)擊圖層調(diào)板下方的按鈕(下左圖紅色箭頭處)，會(huì)看到圖層調(diào)板多出了一個(gè)叫“圖層1”的層，這樣就已經(jīng)建好了圖層了。通俗地說(shuō)已經(jīng)蓋上了一層透明薄膜。
用這種方法建立的新層都是透明的，注意縮略圖中“圖層1”顯示出灰白相間的方塊。這種方塊圖案我們?cè)谝郧耙娺^(guò)，是對(duì)圖像透明部分的表示方法。透明部分也就是沒有任何像素存在的地方，是一種“空空如也”的狀態(tài)，就如同透明且沒有任何圖案的玻璃一樣。
0503按住ALT鍵在圖層調(diào)板中雙擊“圖層1”會(huì)出現(xiàn)一個(gè)對(duì)話框，如下中圖。可以在其中改變圖層名稱和顏色標(biāo)記。顏色標(biāo)記的作用是讓圖層名字在調(diào)板中顯得突出，與圖層中的內(nèi)容倒并無(wú)關(guān)系，可依自己的喜好任意選擇顏色標(biāo)記。這里我們把名字改為face，把顏色改為紅色。
如果只想更改圖層名稱，直接在圖層調(diào)板中雙擊圖層名即可(注意不要雙擊圖層名之外的區(qū)域)，將會(huì)出現(xiàn)輸入框，如下右圖?？梢允褂弥形拿麍D層。

我們使用形狀工具中的橢圓〖U或SHIFT U〗來(lái)繪制，注意必須使用第三種“填充像素”繪圖方式(紅色箭頭處)。其他設(shè)定參照下圖。這里一定要設(shè)置正確。

選擇一個(gè)自己喜歡的前景色在face層中畫一個(gè)橢圓當(dāng)作臉蛋。畫之前一定要注意圖層調(diào)板中目前選擇的是否為face層，畫完后從face層的縮覽圖中可以看到大致的形狀。如下左圖。如果畫之前選擇的圖層是背景層，這個(gè)橢圓就會(huì)被畫到背景層上。要當(dāng)心不要犯這樣的錯(cuò)誤。
再新建一個(gè)圖層命名為eye，顏色標(biāo)記為綠。選擇一個(gè)與前面不同的顏色畫一個(gè)代表眼睛的圓。繪制過(guò)程中按住SHIFT鍵可繪制出正圓形。如下中圖。
縮覽圖可用來(lái)判斷并選擇圖層，不過(guò)一些較細(xì)小的部分在縮覽圖中就很難看到，比如下中圖eye層的縮覽圖就看的很不清楚。這是因?yàn)閮蓚€(gè)縮覽圖的比例是符合圖像中兩個(gè)圖層的實(shí)際比例的。要想提高圖層縮略圖的可讀性，可使用較大的縮覽圖。但大縮覽圖也會(huì)增加圖層調(diào)板的高度而降低圖層調(diào)板的效率，所以為了方便查找和選擇，應(yīng)該用恰當(dāng)?shù)拿置麍D層，同時(shí)使用顏色標(biāo)記加以區(qū)別。除此之外，也可以使用“將縮覽圖剪切到圖層邊界”這種方式(CS及更早版本不具備)，如下右圖，縮覽圖將以各自圖層中的內(nèi)容作為比例標(biāo)準(zhǔn)，而不再以整幅圖像的大小作為比例標(biāo)準(zhǔn)。具體使用何種顯示方式可依據(jù)各自的喜好和實(shí)際需要。
這個(gè)臉蛋是不是有點(diǎn)象雞蛋？哈哈，大家不要覺得它簡(jiǎn)陋，因?yàn)榇藭r(shí)我們是盡量用簡(jiǎn)單的圖形來(lái)講解圖層，現(xiàn)在就接觸過(guò)于復(fù)雜的圖像反而會(huì)令大家眼花繚亂。掌握好知識(shí)以后別說(shuō)是雞蛋，就算是原子彈氫彈我們也能畫出來(lái)。再說(shuō)達(dá)芬奇當(dāng)年不也是從畫雞蛋開始的嘛。

現(xiàn)在看起來(lái)是獨(dú)眼龍，應(yīng)該把另外一邊的眼睛也補(bǔ)畫上才完整。但是有個(gè)問題，兩個(gè)眼睛應(yīng)該要一樣大吧，那如何能畫一個(gè)與之前一樣大小的圓呢？這個(gè)時(shí)候可以通過(guò)復(fù)制現(xiàn)有的圖層來(lái)達(dá)到目的。我們將eye層復(fù)制一個(gè)就可以了。
0504復(fù)制圖層的方法是在圖層調(diào)板中將圖層拖動(dòng)到下方的新建圖層按鈕上。這樣會(huì)生成一個(gè)名為“副本”的新層。圖層的顏色標(biāo)志也會(huì)隨之復(fù)制。如下左圖。 也可以按住ALT鍵拖動(dòng)圖層。如下中圖。
在選擇圖層的前提下通過(guò)【圖層 新建 通過(guò)拷貝的圖層】〖CTRL J〗來(lái)復(fù)制，但顏色標(biāo)志不會(huì)隨之復(fù)制。 通過(guò)【圖層 復(fù)制圖層】命令可以將圖層復(fù)制到其他的圖像中去，前提條件是在Photoshop中有多個(gè)圖像打開，可以在目標(biāo)中選擇所打開的圖像名稱，選擇為新建(如下右圖)的話，將會(huì)建立一個(gè)新的圖象。
在這里明確一下圖像和圖層的關(guān)系：圖層從屬于圖像，一幅圖像中可以存在多個(gè)圖層。

復(fù)制完之后，看見畫面上還是只有一個(gè)眼睛。這是因?yàn)檫@種方法所復(fù)制出的圖層和原圖層位置完全一致，是重疊在一起的。此時(shí)在圖層調(diào)板中選擇“eye副本”層，使用移動(dòng)工具〖V〗在圖像中拖動(dòng)即可。同時(shí)按住SHIFT鍵即可保持水平、豎直或45度方向的拖動(dòng)。如下左圖。移動(dòng)工具在公共欄的選項(xiàng)有兩個(gè)選項(xiàng)：自動(dòng)選擇圖層、顯示定界框，在這里我們先將它們?nèi)筷P(guān)閉。它們的作用稍后將介紹。
另外在移動(dòng)過(guò)程中，可能會(huì)出現(xiàn)如下中圖的那些粉紅色的線，這些是智能參考線，它能夠使我們更加方便地觀察圖層對(duì)齊的效果，這將在后面的內(nèi)容介紹，現(xiàn)在先不用理會(huì)。如果覺得礙眼，可通過(guò)【視圖 顯示 智能參考線】關(guān)閉。
需要注意的是，移動(dòng)工具是以圖層調(diào)板中目前的選擇層為移動(dòng)對(duì)象的，與鼠標(biāo)在圖像中的位置并沒有關(guān)系。也就是說(shuō)，只要在圖層調(diào)板中選擇了眼睛層，那么無(wú)論移動(dòng)工具在圖像中任何一個(gè)地方按下拖動(dòng)，都將會(huì)拖動(dòng)眼睛層。即使把光標(biāo)放在臉或其他圖層的圖像上也是拖動(dòng)眼睛層。如下右圖，在幾個(gè)紅點(diǎn)處按下鼠標(biāo)都可以拖動(dòng)眼睛層。但前提條件是移動(dòng)工具公共欄中的“自動(dòng)選擇圖層”選項(xiàng)必須關(guān)閉。

0505此外在使用移動(dòng)工具的時(shí)候，可以使用鍵盤的上下左右鍵來(lái)移動(dòng)圖層，這種使用方向鍵頭移動(dòng)的方式也稱為“輕移”。每次輕移的距離依據(jù)圖像顯示比例不同而不同，如果在100%顯示比例下，每次輕移的距離是1像素，按住SHIFT鍵每次移動(dòng)10像素。顯示比例越小輕移的實(shí)際距離就越大。

牢牢記?。何覀冡槍?duì)圖層的任何操作都應(yīng)該是有針對(duì)性的，被選中的層才可以進(jìn)行移動(dòng)或者是其他一些操作，這個(gè)原則很重要。比如想要使用畫筆工具畫東西，就必須先明確要畫在哪個(gè)層上。選錯(cuò)圖層是新手常犯的錯(cuò)誤?；蛘呤峭浟藢哟蔚母拍睿褢?yīng)該分層制作的部分做在了同一個(gè)層上。再經(jīng)過(guò)了若干步后才會(huì)發(fā)覺到最初的錯(cuò)誤。比如前面我們畫完臉后沒有新建層，而把眼睛也接著畫在臉這個(gè)層上。這樣雖然錯(cuò)了，但此時(shí)在圖像上卻看不出來(lái)，因?yàn)檫@時(shí)畫面效果和分層制作是一樣的。而要復(fù)制眼睛層時(shí)就會(huì)發(fā)現(xiàn)錯(cuò)誤了，因?yàn)閺?fù)制出來(lái)的圖層中也是一個(gè)臉加一個(gè)眼睛。從現(xiàn)在起，我們心中就要時(shí)刻有著圖層這個(gè)觀念。就如同吃飯時(shí)要記著拿筷子夾菜一樣。

雖然在Photoshop中可以同時(shí)選擇多個(gè)圖層(CS及更早版只能選擇一個(gè)圖層)，因此移動(dòng)工具也可以同時(shí)移動(dòng)多個(gè)圖層，但畫筆等繪圖類工具只能在一個(gè)圖層中使用，比如不可能同時(shí)在face層和eye層中繪制圖像。以后要學(xué)習(xí)的濾鏡也只能對(duì)單個(gè)圖層作用。因此要隨時(shí)注意當(dāng)前選擇的層是否正確。選擇圖層的方法就是在圖層調(diào)板中相應(yīng)的層上點(diǎn)擊一下即可。

0506除了用上面的方法來(lái)復(fù)制圖層以外，也可以使用移動(dòng)工具在移動(dòng)中直接進(jìn)行復(fù)制。方法是選擇移動(dòng)工具后，在圖像中按住ALT鍵，光標(biāo)從會(huì)變?yōu)?img src="https://img.lvups.com/d/file/bigpic/2022/12/26/untt5hmdne5.jpg" width="13" height="13" alt="5-1 Photoshop圖層初識(shí)" title="5-1 Photoshop圖層初識(shí)_ps教程自學(xué)網(wǎng)()"/>，表示啟動(dòng)了移動(dòng)復(fù)制功能，拖動(dòng)鼠標(biāo)即可復(fù)制出新層(按下鼠標(biāo)后可放開ALT鍵)。如下圖。同時(shí)按住SHIFT鍵可保持水平(需全程按住不放)。
其實(shí)，在圖層調(diào)板中也可以按住ALT鍵拖動(dòng)圖層來(lái)完成復(fù)制，如下右圖。

0507現(xiàn)在再來(lái)明確圖層和圖像的關(guān)系：圖像是指最初由新建命令(或打開已有的圖像)建立的，是由多個(gè)(至少一個(gè))圖層所合成的整體效果。它具有尺寸和邊界。
而圖層實(shí)際上是沒有邊界的，可包含比整個(gè)圖像更大的內(nèi)容，最簡(jiǎn)單的證明就是：大家可以將eye或face層移動(dòng)到圖像邊緣之外去再移回來(lái)。但超出圖像尺寸范圍的部分將看不到。這就如同風(fēng)景和相機(jī)的關(guān)系一樣，拍攝下來(lái)的照片能反映出局部的風(fēng)景，但不代表實(shí)際的風(fēng)景就只有照片中那么多。
可以認(rèn)為一幅圖像中各圖層的大小是相同的，因?yàn)槎际菬o(wú)限大。只是不同圖層中所包含的像素可能不同。所謂像素不同就是指圖層中圖像的大小或顏色上的差異。比如上例face層中的像素?cái)?shù)量就多于eye層。而我們通過(guò)復(fù)制的兩個(gè)眼睛層，像素?cái)?shù)量和顏色都是相同的。如果更改了其中一個(gè)眼睛層的顏色，那么這兩個(gè)層的像素就屬于數(shù)量相同而顏色不同了。