當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

5-1 Photoshop圖層初識

來源:網(wǎng)絡(luò) 作者:趙鵬 學(xué)習(xí):241080人次

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

5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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


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

5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

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

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

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

5-1 Photoshop圖層初識5-1 Photoshop圖層初識

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
sjxsyy20042024-10-21 05:02
我的作業(yè):

25328835822024-04-02 01:55
我的作業(yè):

辛想巳辰2024-03-30 03:19
我的作業(yè):

半城皓月2023-04-15 11:09
我的作業(yè)

隨辛所欲2022-09-15 12:02
我的作業(yè):

小考拉2022-07-26 03:46
我的作業(yè):
以夢為馬h2021-11-08 11:50
我的作業(yè):

阿菜愛唱歌2021-10-25 02:00
我的作業(yè):

verawangwang2020-09-15 05:29
我的作業(yè):

溫譽(yù)南2020-08-22 03:57
我的作業(yè):
renchongwu2020-07-26 04:52
我的作業(yè):

變味。2020-07-14 12:58
我的作業(yè):

金金6162020-05-02 08:38
我的作業(yè),圖層之不以樣的煙火

9246703482020-04-14 01:34
我的作業(yè):

查查2020-03-11 06:42
初色 發(fā)表于 2019-8-8 17:01
我的作業(yè):
這是程序員呀

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!