PS/UI設計師學習-新手入門第五課5-9 使用圖層組

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

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

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

0543建立新圖層組可通過【圖層 新建 組】。也可以通過圖層調板右上角圓三角按鈕選擇“新建組”。不過最常用的方法是點擊圖層調板下方的

按鈕(如下各圖中紅色箭頭處)。注意新組的層次在之前所選擇圖層之上。如果創建之前選擇的是“face”層,那么新組就位于“face”層之上。如果之前選擇的是“eye”層,則位于“eye”層之上。如果之前沒有選擇任何圖層,則新建的組將位于最頂部。如下3圖所示。與圖層樣式類似,展開或是折疊可以從

標志左邊的三角箭頭得知。箭頭向下為展開,向左為折疊。新組默認是處于展開狀態的。

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

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

我們之前說過使用移動工具

〖V〗在圖像中點擊右鍵將會出現圖層列表,那么在建立圖層組后,在相應位置上點擊右鍵就會出現圖層組的名稱,同時列出組中的圖層名,如下左圖。注意位于組中的圖層名字將向右縮進一些。

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

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

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

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

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

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

1:即使組中的各圖層沒有鏈接關系,它們也可以被一起移動、變換、刪除、復制。前提是必須選擇圖層組,單獨選擇組中的層是無法整體移動圖層組的。2:圖層組也具有不透明度的選項。在選擇圖層組后可通過數字鍵快速設定圖層組的不透明度。同時圖層組也具有混合方式,默認為“穿透”。有關圖層和圖層組的混合模式將在以后介紹。

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

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

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

0549將圖層組拖動到圖層調板下方的新建按鈕

上即可復制圖層組。如下左圖。

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

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

0550刪除圖層組的方法就是拖動圖層組(一個或多個)到垃圾桶圖標

上。如下右圖。也可以在選擇后(一個或多個)直接按DELETE鍵或BackSpace鍵刪除。另外還可以通過【圖層 刪除 組】。

0551和圖層一樣,圖層組也可以被隱藏,方法也是點擊圖層調板中圖層組名稱左方的眼睛標志

。當圖層組處于隱藏狀態時,位于圖層組中的所有圖層都將被隱藏。需要注意的是,圖層組中的圖層依然可以自行設置隱藏與否,如果有些圖層自身被設置為隱藏狀態,那么無論圖層組是隱藏或是顯示狀態,這些圖層都不可見。

0552除了新建圖層組并將現有圖層拖入組中的方法以外,我們也可以將多個圖層直接組成圖層組,方法是先選擇多個圖層,然后通過【圖層 圖層編組】〖CTRL G〗也可以點擊圖層調板右上角的圓三角按鈕

后選擇“從圖層新建組”。此外也可以在選擇多個圖層后直接拖動到圖層調板下方的

按鈕處,如下右圖。

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

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

處。

如果在處于展開狀態的圖層組中選擇任意圖層,點擊新建組按鈕

將建立一個子組。如下左圖。需要注意的是,如果之前所選的是圖層組,那么同樣的操作將建立一個同級組而不是子組,如下右圖。因此在操作前要明確圖層調板中的選擇以免發生錯誤。

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

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

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

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

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

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

全教程完,學完記得交作業。如果本教程對您有所幫助,請推薦給你的朋友。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,835評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,676評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,730評論 0 380
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,118評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,873評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,266評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,330評論 3 443
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,482評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,036評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,846評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,025評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,575評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,279評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,684評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,953評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,751評論 3 394
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,016評論 2 375

推薦閱讀更多精彩內容