搖星學(xué)院? 推薦? UI設(shè)計(jì)師/web前端開(kāi)發(fā)? 學(xué)習(xí)
如果我們要改變下左圖上方的藍(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í)生活中的書(shū)法家不是普通人能夠當(dāng)?shù)昧说陌桑驗(yàn)槲淖直仨氁还P到底一氣呵成恍涂，中途無(wú)法修改宝惰，需要憑借大量長(zhǎng)時(shí)間的練習(xí)才能擁有這種駕馭力。
而使用圖層之后再沧，可以將球和背景分離開(kāi)尼夺，存放在不同的圖層上，這樣移動(dòng)球的時(shí)候就不會(huì)對(duì)背景造成破壞产园，如下左圖汞斧。下右圖是調(diào)整前后圖層調(diào)板的樣子。從中可以看到圖層調(diào)板中不再是單一的背景層什燕。
圖層在我們的設(shè)計(jì)過(guò)程中是很重要的粘勒。初學(xué)者要特別注意圖層的層次問(wèn)題，因?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è)诩埳袭?huà)一個(gè)人臉果漾，先畫(huà)臉龐，再畫(huà)眼睛和鼻子谷誓，然后是嘴巴跨晴。畫(huà)完以后發(fā)現(xiàn)眼睛的位置歪了一些。那么只能把眼睛擦除掉重新畫(huà)過(guò)片林，并且還要對(duì)臉龐作一些相應(yīng)的修補(bǔ)。這當(dāng)然很不方便。在設(shè)計(jì)的過(guò)程中也是這樣费封，很少有一次成型的作品焕妙，常常是經(jīng)歷若干次修改以后才得到比較滿意的效果。
那么想象一下弓摘，如果我們不是直接畫(huà)在紙上焚鹊，而是先在紙上鋪一層透明的塑料薄膜，把臉龐畫(huà)在這張透明薄膜上韧献。畫(huà)完后再鋪一層薄膜畫(huà)上眼睛末患。再鋪一張畫(huà)鼻子。如下圖锤窑，將臉龐璧针、鼻子、眼睛分為三個(gè)透明薄膜層渊啰，最后組成的效果探橱。這樣完成之后的成品，和先前那幅在視覺(jué)效果上是一致的绘证。
雖然視覺(jué)效果一致隧膏，但分層繪制的作品具有很強(qiáng)的可修改性，如果覺(jué)得眼睛的位置不對(duì)嚷那，可以單獨(dú)移動(dòng)眼睛所在的那層薄膜以達(dá)到修改的效果胞枕。甚至可以把這張薄膜丟棄重新再畫(huà)眼睛。而其余的臉龐鼻子等部分不受影響魏宽，因?yàn)樗麄儽划?huà)在不同層的薄膜上腐泻。這種方式，極大地提高了后期修改的便利度湖员。最大可能地避免重復(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)容白色岩梳。
然后打開(kāi)圖層調(diào)板〖F7〗，在其中看到已經(jīng)有一個(gè)名稱是“背景”的圖層存在了晃择，并且圖層最右方有一個(gè)鎖定的標(biāo)志
冀值。類似上左圖。
0502圖層調(diào)板可以顯示各圖層中內(nèi)容的縮覽圖宫屠，這樣可以方便查找圖層列疗。默認(rèn)是小縮覽圖，可以使用中或大激况，也可關(guān)閉縮覽圖作彤。方法是在圖層調(diào)板空白區(qū)域(即沒(méi)有圖層顯示的地方)單擊右鍵更改縮覽圖大小，如下左圖乌逐。也可點(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)畫(huà)臉龐。新建圖層的方法就是點(diǎn)擊圖層調(diào)板下方的
按鈕(下左圖紅色箭頭處)育瓜，會(huì)看到圖層調(diào)板多出了一個(gè)叫“圖層1”的層葫隙，這樣就已經(jīng)建好了圖層了。通俗地說(shuō)已經(jīng)蓋上了一層透明薄膜躏仇。
用這種方法建立的新層都是透明的恋脚，注意縮略圖中“圖層1”顯示出灰白相間的方塊腺办。這種方塊圖案我們?cè)谝郧耙?jiàn)過(guò)，是對(duì)圖像透明部分的表示方法慧起。透明部分也就是沒(méi)有任何像素存在的地方菇晃，是一種“空空如也”的狀態(tài)，就如同透明且沒(mé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)輸入框抵窒，如下右圖〉铮可以使用中文命名圖層李皇。
我們使用形狀工具中的橢圓
〖U或SHIFT U〗來(lái)繪制，注意必須使用第三種“填充像素”繪圖方式(紅色箭頭處)宙枷。其他設(shè)定參照下圖掉房。這里一定要設(shè)置正確。
選擇一個(gè)自己喜歡的前景色在face層中畫(huà)一個(gè)橢圓當(dāng)作臉蛋慰丛。畫(huà)之前一定要注意圖層調(diào)板中目前選擇的是否為face層卓囚，畫(huà)完后從face層的縮覽圖中可以看到大致的形狀。如下左圖诅病。如果畫(huà)之前選擇的圖層是背景層哪亿，這個(gè)橢圓就會(huì)被畫(huà)到背景層上。要當(dāng)心不要犯這樣的錯(cuò)誤睬隶。
再新建一個(gè)圖層命名為eye锣夹，顏色標(biāo)記為綠。選擇一個(gè)與前面不同的顏色畫(huà)一個(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)象雞蛋寇僧？哈哈摊腋，大家不要覺(jué)得它簡(jiǎn)陋，因?yàn)榇藭r(shí)我們是盡量用簡(jiǎn)單的圖形來(lái)講解圖層嘁傀，現(xiàn)在就接觸過(guò)于復(fù)雜的圖像反而會(huì)令大家眼花繚亂兴蒸。掌握好知識(shí)以后別說(shuō)是雞蛋，就算是原子彈氫彈我們也能畫(huà)出來(lái)心包。再說(shuō)達(dá)芬奇當(dāng)年不也是從畫(huà)雞蛋開(kāi)始的嘛类咧。
現(xiàn)在看起來(lái)是獨(dú)眼龍，應(yīng)該把另外一邊的眼睛也補(bǔ)畫(huà)上才完整蟹腾。但是有個(gè)問(wèn)題痕惋，兩個(gè)眼睛應(yīng)該要一樣大吧，那如何能畫(huà)一個(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è)圖像打開(kāi)，可以在目標(biāo)中選擇所打開(kāi)的圖像名稱恢着，選擇為新建(如下右圖)的話桐愉，將會(huì)建立一個(gè)新的圖象。
在這里明確一下圖像和圖層的關(guān)系：圖層從屬于圖像掰派，一幅圖像中可以存在多個(gè)圖層从诲。
復(fù)制完之后，看見(jiàn)畫(huà)面上還是只有一個(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ì)会油。如果覺(jué)得礙眼妥曲，可通過(guò)【視圖 顯示 智能參考線】關(guān)閉贾费。
需要注意的是，移動(dòng)工具是以圖層調(diào)板中目前的選擇層為移動(dòng)對(duì)象的檐盟，與鼠標(biāo)在圖像中的位置并沒(méi)有關(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í)候节猿，可以使用鍵盤(pán)的上下左右鍵來(lái)移動(dòng)圖層，這種使用方向鍵頭移動(dòng)的方式也稱為“輕移”爽蝴。每次輕移的距離依據(jù)圖像顯示比例不同而不同沐批，如果在100%顯示比例下纫骑，每次輕移的距離是1像素，按住SHIFT鍵每次移動(dòng)10像素九孩。顯示比例越小輕移的實(shí)際距離就越大先馆。
牢牢記住：我們針對(duì)圖層的任何操作都應(yīng)該是有針對(duì)性的躺彬，被選中的層才可以進(jìn)行移動(dòng)或者是其他一些操作煤墙，這個(gè)原則很重要。比如想要使用畫(huà)筆工具畫(huà)東西宪拥，就必須先明確要畫(huà)在哪個(gè)層上仿野。選錯(cuò)圖層是新手常犯的錯(cuò)誤∷或者是忘記了層次的概念脚作，把應(yīng)該分層制作的部分做在了同一個(gè)層上。再經(jīng)過(guò)了若干步后才會(huì)發(fā)覺(jué)到最初的錯(cuò)誤缔刹。比如前面我們畫(huà)完臉后沒(méi)有新建層球涛，而把眼睛也接著畫(huà)在臉這個(gè)層上。這樣雖然錯(cuò)了校镐，但此時(shí)在圖像上卻看不出來(lái)亿扁，因?yàn)檫@時(shí)畫(huà)面效果和分層制作是一樣的。而要復(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è)圖層煌张，但畫(huà)筆等繪圖類工具只能在一個(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)?/p>
霹琼，表示啟動(dòng)了移動(dòng)復(fù)制功能，拖動(dòng)鼠標(biāo)即可復(fù)制出新層(按下鼠標(biāo)后可放開(kāi)ALT鍵)。如下圖枣申。同時(shí)按住SHIFT鍵可保持水平(需全程按住不放)售葡。
其實(shí)，在圖層調(diào)板中也可以按住ALT鍵拖動(dòng)圖層來(lái)完成復(fù)制忠藤，如下右圖挟伙。
0507現(xiàn)在再來(lái)明確圖層和圖像的關(guān)系：圖像是指最初由新建命令(或打開(kāi)已有的圖像)建立的，是由多個(gè)(至少一個(gè))圖層所合成的整體效果模孩。它具有尺寸和邊界尖阔。
而圖層實(shí)際上是沒(méi)有邊界的，可包含比整個(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ù)量相同而顏色不同了饺蚊。
全教程完,學(xué)完記得交作業(yè)萍诱。如果本教程對(duì)您有所幫助，請(qǐng)推薦給你的朋友污呼。
