當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

圖文講解ps的圖層組(4)

來源:ps教程論壇 作者:ps教程論壇 學習:710人次

作者:末知 來源:網絡

制作過程中有時候用到的圖層數會很多,尤其在網頁設計中,超過100層也是常見的。這會導致即使關閉縮覽圖,圖層調板也會拉得很長,使得查找圖層很不方便。雖然我們前面學過使用合適的文字去命名圖層,但實際使用中為每個層輸入名字也很麻煩。我們還學過使用色彩來標示圖層,不過在圖層數量眾多的情況下色彩的分辨作用也十分有限。使用移動工具點擊右鍵或按住CTRL單擊選擇圖層的方式雖然很好用,但也無法縮短圖層調板的空間。并且有一些類似更改圖層層次這樣的操作,還是在圖層調板中看起來比較直觀。

為了解決圖層調板過長的問題,Photoshop提供了圖層組功能。

大家還記得在本課前面部分提到過的圖層樣式嗎?樣式中的詳細內容可以折疊或展開,展開的時候會列出所有的詳細樣式,同時占據較多的圖層調板空間,而折疊以后就只相當于一個圖層所占用的空間大小。圖層組的效果也也類似于此,它的原理就是就是將多個層歸為一個組,這個組可以在不需要操作時折疊起來,無論組中有多少圖層,折疊后只占用相當于一個圖層的空間。

建立新圖層組可通過【圖層 新建 組】。也可以通過圖層調板右上角圓三角按鈕選擇“新建組”。不過最常用的方法是點擊圖層調板下方的圖文講解ps的圖層組按鈕(如下各圖中紅色箭頭處)。注意新組的層次在之前所選擇圖層之上。如果創(chuàng)建之前選擇的是“face”層,那么新組就位于“face”層之上。如果之前選擇的是“eye”層,則位于“eye”層之上。如果之前沒有選擇任何圖層,則新建的組將位于最頂部。如下3圖所示。與圖層樣式類似,展開或是折疊可以從圖文講解ps的圖層組標志左邊的三角箭頭得知。箭頭向下為展開,向左為折疊。新組默認是處于展開狀態(tài)的。

圖文講解ps的圖層組

 

 

圖文講解ps的圖層組

 

 

圖文講解ps的圖層組

可通過圖層調板將現有的圖層拖入空組中。如下左圖,選擇一個或多個圖層后直接拖動到組的名稱上。如果拖入的是多圖層,各圖層原先的層次關系保持不變。圖層原先的顏色標志也將保留。

如果將圖層拖入已有其他圖層存在的圖層組,則可以指定新拖入圖層在圖層組中的層次,可以將“nose”層拖動到“eye”層的上方(如下中圖),或拖動到“eye副本”層的上方(如下右圖)。

圖文講解ps的圖層組

 

 

圖文講解ps的圖層組 圖文講解ps的圖層組

 

我們之前說過使用移動工具圖文講解ps的圖層組〖V〗在圖像中點擊右鍵將會出現圖層列表,那么在建立圖層組后,在相應位置上點擊右鍵就會出現圖層組的名稱,同時列出組中的圖層名,如下左圖。注意位于組中的圖層名字將向右縮進一些。

點擊圖層組左方的三角形標志(如下左圖紅色箭頭處)可折疊圖層組,折疊后的圖層組只占用原先一個圖層的位置,如下中圖。可以看到圖層組是沒有縮覽圖的。也許今后版本的Photoshop能夠顯示組縮覽圖。

如果要將nose層移出圖層組,可在選擇后直接拖出,要注意拖動的目的地。要么拖動到圖層組的上方,要么拖動到圖層組最底部圖層的下方,如下右圖中兩處綠線處。尤其注意拖動到下方的位置,如果只是拖動到紅色線處,則只會更改“nose”層的層次到“eye”層下方,但該層還是處在圖層組中。

圖文講解ps的圖層組

圖文講解ps的圖層組

圖文講解ps的圖層組

如果在圖層組被選擇的時候點擊新建圖層按鈕(下2圖紅色箭頭處),新建的圖層會自動歸入到這個圖層組,前提條件是圖層組處于展開狀態(tài),如下左圖。如果圖層組處于折疊狀態(tài),新建的圖層將不會歸到圖層組中,如下右圖。

圖文講解ps的圖層組

圖文講解ps的圖層組

和普通圖層相同,在圖層調板中直接雙擊圖層組的名稱就可以改名。按住ALT鍵雙擊將會出現圖層組屬性,如下圖。可以在其中修改名字和組顏色標志。如果更改了組顏色標志,那么組中所有層的顏色標志將被統(tǒng)一更改。

通道選項相當于顯示組中圖層的紅綠藍色彩通道,全選代表正常顯示。如果圖像是CMYK或其他模式的,這里就顯示相應的通道選項。這個功能不常用,具體應用將在以后介紹。

圖文講解ps的圖層組

位于同一個圖層組中的圖層相當于一個整體。這表現在兩個方面:

1:即使組中的各圖層沒有鏈接關系,它們也可以被一起移動、變換、刪除、復制。前提是必須選擇圖層組,單獨選擇組中的層是無法整體移動圖層組的。

2:圖層組也具有不透明度的選項。在選擇圖層組后可通過數字鍵快速設定圖層組的不透明度。同時圖層組也具有混合方式,默認為“穿透”。有關圖層和圖層組的混合模式將在以后介紹。

尤其是圖層組不透明度選項,這使得最終圖像的不透明度又多了一個變數。在前面我們學習過,一個圖層中的內容所表現出來的不透明度,一是在繪制時繪圖工具(以后還將接觸通過粘貼等方法)的不透明度設定,再就是圖層本身的填充不透明度和整體不透明度設定。如果這個圖層位于圖層組中,那么還要參考圖層組的不透明度設定。這還不算全部,因為Photoshop中可以建立多達5級的子圖層組,每一級的子圖層組不透明度都要受到上一級圖層組不透明度的影響。

雖然看起來很繚亂,但這些影響不透明度的選項有一個共同的特點:都是只能降低不能升高。這樣我們在使用繪圖工具或通過其他方式向圖層中添加內容的時候,就應盡可能令內容不透明度達到100%(即完全不透明),這樣在后期修改中可以獲得最大的不透明度設定自由度。

再者就是盡可能減少調整不透明度的次數,比如有多個圖層都需要調整到相同的不透明度,最好就是將其歸入同一個組中,這樣只需要設定圖層組的不透明度就可以了。類似的操作上的小技巧在我們以后的實例練習中就會用到。

將圖層組拖動到圖層調板下方的新建按鈕圖文講解ps的圖層組上即可復制圖層組。如下左圖。

是否還記得選擇圖層后使用移動工具〖V〗按下ALT移動將復制這個圖層?那么在選擇圖層組后,使用移動工具按住ALT鍵移動就可以復制整個圖層組。需要注意的是,如果原先的圖層組中有圖層處于隱藏狀態(tài),在通過這種方法所復制出來的圖層組中它們將自動處于顯示狀態(tài)。比如先在圖層組中將“nose”層隱藏,然后使用移動工具復制圖層組,就會看到復制出來的新組中“nose”層是顯示的。

這種復制方式在我們以后的設計制作中將發(fā)揮極大的作用。雖然即使不是用圖層組,我們也可以在選擇多個圖層后用同樣方法復制圖層,在視覺效果上也是相同的,但過多的圖層數量會降低圖層調板的使用效率。

刪除圖層組的方法就是拖動圖層組(一個或多個)到垃圾桶圖標圖文講解ps的圖層組上。如下右圖。也可以在選擇后(一個或多個)直接按DELETE鍵或BackSpace鍵刪除。另外還可以通過【圖層 刪除 組】。

圖文講解ps的圖層組

圖文講解ps的圖層組

 

和圖層一樣,圖層組也可以被隱藏,方法也是點擊圖層調板中圖層組名稱左方的眼睛標志圖文講解ps的圖層組。當圖層組處于隱藏狀態(tài)時,位于圖層組中的所有圖層都將被隱藏。需要注意的是,圖層組中的圖層依然可以自行設置隱藏與否,如果有些圖層自身被設置為隱藏狀態(tài),那么無論圖層組是隱藏或是顯示狀態(tài),這些圖層都不可見。

除了新建圖層組并將現有圖層拖入組中的方法以外,我們也可以將多個圖層直接組成圖層組,方法是先選擇多個圖層,然后通過【圖層 圖層編組】〖CTRL G〗也可以點擊圖層調板右上角的圓三角按鈕圖文講解ps的圖層組后選擇“從圖層新建組”。此外也可以在選擇多個圖層后直接拖動到圖層調板下方的圖文講解ps的圖層組按鈕處,如下右圖。

圖文講解ps的圖層組

圖文講解ps的圖層組

前面我們提到過圖層組中是可以存在子圖層組的,通俗地說就是組中組。這有利于更好地管理圖層,在Photoshop中最多可以存在5級圖層組?梢灾苯訉F有的組歸為新圖層組的子組,方法是選擇圖層組(可選擇多個)后〖CTRL G〗,如下左圖。也可以在現有的圖層組中選擇幾個圖層后〖CTRL G〗,將這些組歸為子組,如下右圖。

也可以選擇圖層或圖層組后拖動到圖層調板下方的新建組按鈕處。

圖文講解ps的圖層組



圖文講解ps的圖層組

如果在處于展開狀態(tài)的圖層組中選擇任意圖層,點擊新建組按鈕圖文講解ps的圖層組將建立一個子組。如下左圖。需要注意的是,如果之前所選的是圖層組,那么同樣的操作將建立一個同級組而不是子組,如下右圖。因此在操作前要明確圖層調板中的選擇以免發(fā)生錯誤。

圖文講解ps的圖層組

圖文講解ps的圖層組

除此之外,也可以在圖層調板中將一個圖層組拖入到另一個圖層組中,成為其的子組。如果目的地的圖層組處于展開狀態(tài),還可以直接指定層次,如下左圖。如果目的地的圖層組處于折疊狀態(tài),則拖入的圖層組位于目的地圖層組中的最底層,此時展開圖層組即可看到,如下右圖。

 

圖文講解ps的圖層組

圖文講解ps的圖層組

 

可以將圖層組變?yōu)橐粋普通層,組中的所有圖層將被合并。方法是選擇圖層組后〖CTRL E〗。如下圖。這是該快捷鍵的第三種使用前提:選擇圖層組時使用〖CTRL E〗將合并組中所有圖層(組中處于隱藏的圖層將被丟棄)。

圖文講解ps的圖層組

 

最后要注意的是,在使用對齊功能時,如果選擇的是圖層組,那么將以整個組中的圖像內容作為對齊的參考,智能參考線也基于整個圖層組的圖像內容發(fā)生作用。如果想要以個別圖層對齊,就必須通過圖層調板選擇具體相應的圖層。

我曾制作了一個畫面內容較多但技術水平中等的網頁設計稿,合并圖層后通過網絡發(fā)去一家正在招聘設計人員的公司作為題目,要求前來應聘的人都模仿我的設計稿來制作。之后我讓公司將30多份應聘者制作的PSD源文件給我發(fā)來,很快我便選定了一位。公司對此還有些疑惑,因為他們也看過全部人的作品,感覺沒有多少區(qū)別。我給出的理由是:不看實際效果,因為那并沒有多少難度,重點是看他們的圖層組織。我在Photoshop中逐一打開源文件觀看,這位應聘者的圖層組織最合理。

合理的圖層組織非常重要。首先,構成網頁的圖像細節(jié)很多,且多有重復。使用圖層組復制可以快速地制作差別不大的各個部分。再者,可移交性在團隊合作中是很重要的,良好的圖層組織使別人可以較容易看懂源文件并接手工作。最后,合理的圖層組織說明操作者有清晰明朗的制作思路,說明其是一個富有經驗的成熟的設計師。

由此看來,學會恰當地使用圖層組是很重要的。以后大家去應聘的時候,可要注意你源文件中的圖層組織哦。

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!