PS/UI設(shè)計(jì)師學(xué)習(xí)-新手入門(mén)第五課5-9 使用圖層組

制作過(guò)程中有時(shí)候用到的圖層數(shù)會(huì)很多嚷辅,尤其在網(wǎng)頁(yè)設(shè)計(jì)中麻惶,超過(guò)100層也是常見(jiàn)的。這會(huì)導(dǎo)致即使關(guān)閉縮覽圖宪拥,圖層調(diào)板也會(huì)拉得很長(zhǎng)仿野,使得查找圖層很不方便。雖然我們前面學(xué)過(guò)使用合適的文字去命名圖層她君,但實(shí)際使用中為每個(gè)層輸入名字也很麻煩脚作。我們還學(xué)過(guò)使用色彩來(lái)標(biāo)示圖層,不過(guò)在圖層數(shù)量眾多的情況下色彩的分辨作用也十分有限。使用移動(dòng)工具點(diǎn)擊右鍵或按住CTRL單擊選擇圖層的方式雖然很好用球涛,但也無(wú)法縮短圖層調(diào)板的空間劣针。并且有一些類(lèi)似更改圖層層次這樣的操作,還是在圖層調(diào)板中看起來(lái)比較直觀亿扁。

為了解決圖層調(diào)板過(guò)長(zhǎng)的問(wèn)題捺典,Photoshop提供了圖層組功能。

大家還記得在本課前面部分提到過(guò)的圖層樣式嗎从祝?樣式中的詳細(xì)內(nèi)容可以折疊或展開(kāi)襟己,展開(kāi)的時(shí)候會(huì)列出所有的詳細(xì)樣式,同時(shí)占據(jù)較多的圖層調(diào)板空間牍陌,而折疊以后就只相當(dāng)于一個(gè)圖層所占用的空間大小稀蟋。圖層組的效果也也類(lèi)似于此,它的原理就是就是將多個(gè)層歸為一個(gè)組呐赡,這個(gè)組可以在不需要操作時(shí)折疊起來(lái),無(wú)論組中有多少圖層骏融,折疊后只占用相當(dāng)于一個(gè)圖層的空間链嘀。

0543建立新圖層組可通過(guò)【圖層 新建 組】攀细。也可以通過(guò)圖層調(diào)板右上角圓三角按鈕選擇“新建組”财喳。不過(guò)最常用的方法是點(diǎn)擊圖層調(diào)板下方的

按鈕(如下各圖中紅色箭頭處)抄囚。注意新組的層次在之前所選擇圖層之上影涉。如果創(chuàng)建之前選擇的是“face”層休弃,那么新組就位于“face”層之上钢悲。如果之前選擇的是“eye”層路翻,則位于“eye”層之上丰嘉。如果之前沒(méi)有選擇任何圖層凉当,則新建的組將位于最頂部枣申。如下3圖所示。與圖層樣式類(lèi)似看杭,展開(kāi)或是折疊可以從

標(biāo)志左邊的三角箭頭得知忠藤。箭頭向下為展開(kāi),向左為折疊楼雹。新組默認(rèn)是處于展開(kāi)狀態(tài)的模孩。

0544可通過(guò)圖層調(diào)板將現(xiàn)有的圖層拖入空組中。如下左圖贮缅,選擇一個(gè)或多個(gè)圖層后直接拖動(dòng)到組的名稱(chēng)上榨咐。如果拖入的是多圖層,各圖層原先的層次關(guān)系保持不變谴供。圖層原先的顏色標(biāo)志也將保留块茁。

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

我們之前說(shuō)過(guò)使用移動(dòng)工具

〖V〗在圖像中點(diǎn)擊右鍵將會(huì)出現(xiàn)圖層列表,那么在建立圖層組后昌跌,在相應(yīng)位置上點(diǎn)擊右鍵就會(huì)出現(xiàn)圖層組的名稱(chēng)仰禀,同時(shí)列出組中的圖層名,如下左圖蚕愤。注意位于組中的圖層名字將向右縮進(jìn)一些答恶。

點(diǎn)擊圖層組左方的三角形標(biāo)志(如下左圖紅色箭頭處)可折疊圖層組,折疊后的圖層組只占用原先一個(gè)圖層的位置萍诱,如下中圖悬嗓。可以看到圖層組是沒(méi)有縮覽圖的裕坊。也許今后版本的Photoshop能夠顯示組縮覽圖包竹。

0546如果要將nose層移出圖層組,可在選擇后直接拖出籍凝,要注意拖動(dòng)的目的地周瞎。要么拖動(dòng)到圖層組的上方,要么拖動(dòng)到圖層組最底部圖層的下方饵蒂,如下右圖中兩處綠線處声诸。尤其注意拖動(dòng)到下方的位置,如果只是拖動(dòng)到紅色線處退盯,則只會(huì)更改“nose”層的層次到“eye”層下方彼乌,但該層還是處在圖層組中。

如果在圖層組被選擇的時(shí)候點(diǎn)擊新建圖層按鈕(下2圖紅色箭頭處)渊迁,新建的圖層會(huì)自動(dòng)歸入到這個(gè)圖層組慰照,前提條件是圖層組處于展開(kāi)狀態(tài),如下左圖琉朽。如果圖層組處于折疊狀態(tài)焚挠,新建的圖層將不會(huì)歸到圖層組中,如下右圖漓骚。

0547和普通圖層相同蝌衔,在圖層調(diào)板中直接雙擊圖層組的名稱(chēng)就可以改名。按住ALT鍵雙擊將會(huì)出現(xiàn)圖層組屬性蝌蹂,如下圖噩斟。可以在其中修改名字和組顏色標(biāo)志孤个。如果更改了組顏色標(biāo)志剃允,那么組中所有層的顏色標(biāo)志將被統(tǒng)一更改。

通道選項(xiàng)相當(dāng)于顯示組中圖層的紅綠藍(lán)色彩通道,全選代表正常顯示斥废。如果圖像是CMYK或其他模式的椒楣,這里就顯示相應(yīng)的通道選項(xiàng)。這個(gè)功能不常用牡肉,具體應(yīng)用將在以后介紹捧灰。

位于同一個(gè)圖層組中的圖層相當(dāng)于一個(gè)整體。這表現(xiàn)在兩個(gè)方面:

1:即使組中的各圖層沒(méi)有鏈接關(guān)系统锤,它們也可以被一起移動(dòng)毛俏、變換、刪除饲窿、復(fù)制煌寇。前提是必須選擇圖層組,單獨(dú)選擇組中的層是無(wú)法整體移動(dòng)圖層組的逾雄。2:圖層組也具有不透明度的選項(xiàng)阀溶。在選擇圖層組后可通過(guò)數(shù)字鍵快速設(shè)定圖層組的不透明度。同時(shí)圖層組也具有混合方式鸦泳,默認(rèn)為“穿透”淌哟。有關(guān)圖層和圖層組的混合模式將在以后介紹。

0548尤其是圖層組不透明度選項(xiàng)辽故,這使得最終圖像的不透明度又多了一個(gè)變數(shù)。在前面我們學(xué)習(xí)過(guò)腐碱,一個(gè)圖層中的內(nèi)容所表現(xiàn)出來(lái)的不透明度誊垢,一是在繪制時(shí)繪圖工具(以后還將接觸通過(guò)粘貼等方法)的不透明度設(shè)定,再就是圖層本身的填充不透明度和整體不透明度設(shè)定症见。如果這個(gè)圖層位于圖層組中喂走,那么還要參考圖層組的不透明度設(shè)定。這還不算全部谋作,因?yàn)镻hotoshop中可以建立多達(dá)5級(jí)的子圖層組芋肠,每一級(jí)的子圖層組不透明度都要受到上一級(jí)圖層組不透明度的影響。

雖然看起來(lái)很繚亂遵蚜,但這些影響不透明度的選項(xiàng)有一個(gè)共同的特點(diǎn):都是只能降低不能升高帖池。這樣我們?cè)谑褂美L圖工具或通過(guò)其他方式向圖層中添加內(nèi)容的時(shí)候,就應(yīng)盡可能令內(nèi)容不透明度達(dá)到100%(即完全不透明)吭净,這樣在后期修改中可以獲得最大的不透明度設(shè)定自由度睡汹。

再者就是盡可能減少調(diào)整不透明度的次數(shù),比如有多個(gè)圖層都需要調(diào)整到相同的不透明度寂殉,最好就是將其歸入同一個(gè)組中囚巴,這樣只需要設(shè)定圖層組的不透明度就可以了。類(lèi)似的操作上的小技巧在我們以后的實(shí)例練習(xí)中就會(huì)用到。

0549將圖層組拖動(dòng)到圖層調(diào)板下方的新建按鈕

上即可復(fù)制圖層組彤叉。如下左圖庶柿。

是否還記得選擇圖層后使用移動(dòng)工具〖V〗按下ALT移動(dòng)將復(fù)制這個(gè)圖層?那么在選擇圖層組后秽浇,使用移動(dòng)工具按住ALT鍵移動(dòng)就可以復(fù)制整個(gè)圖層組浮庐。需要注意的是,如果原先的圖層組中有圖層處于隱藏狀態(tài)兼呵,在通過(guò)這種方法所復(fù)制出來(lái)的圖層組中它們將自動(dòng)處于顯示狀態(tài)兔辅。比如先在圖層組中將“nose”層隱藏,然后使用移動(dòng)工具復(fù)制圖層組击喂,就會(huì)看到復(fù)制出來(lái)的新組中“nose”層是顯示的维苔。

這種復(fù)制方式在我們以后的設(shè)計(jì)制作中將發(fā)揮極大的作用。雖然即使不是用圖層組懂昂,我們也可以在選擇多個(gè)圖層后用同樣方法復(fù)制圖層介时,在視覺(jué)效果上也是相同的,但過(guò)多的圖層數(shù)量會(huì)降低圖層調(diào)板的使用效率凌彬。

0550刪除圖層組的方法就是拖動(dòng)圖層組(一個(gè)或多個(gè))到垃圾桶圖標(biāo)

上沸柔。如下右圖。也可以在選擇后(一個(gè)或多個(gè))直接按DELETE鍵或BackSpace鍵刪除铲敛。另外還可以通過(guò)【圖層 刪除 組】褐澎。

0551和圖層一樣,圖層組也可以被隱藏伐蒋,方法也是點(diǎn)擊圖層調(diào)板中圖層組名稱(chēng)左方的眼睛標(biāo)志

工三。當(dāng)圖層組處于隱藏狀態(tài)時(shí),位于圖層組中的所有圖層都將被隱藏先鱼。需要注意的是俭正,圖層組中的圖層依然可以自行設(shè)置隱藏與否,如果有些圖層自身被設(shè)置為隱藏狀態(tài)焙畔,那么無(wú)論圖層組是隱藏或是顯示狀態(tài)掸读,這些圖層都不可見(jiàn)。

0552除了新建圖層組并將現(xiàn)有圖層拖入組中的方法以外宏多,我們也可以將多個(gè)圖層直接組成圖層組儿惫,方法是先選擇多個(gè)圖層,然后通過(guò)【圖層 圖層編組】〖CTRL G〗也可以點(diǎn)擊圖層調(diào)板右上角的圓三角按鈕

后選擇“從圖層新建組”伸但。此外也可以在選擇多個(gè)圖層后直接拖動(dòng)到圖層調(diào)板下方的

按鈕處姥闪,如下右圖。

0553前面我們提到過(guò)圖層組中是可以存在子圖層組的砌烁,通俗地說(shuō)就是組中組筐喳。這有利于更好地管理圖層催式,在Photoshop中最多可以存在5級(jí)圖層組”芄椋可以直接將現(xiàn)有的組歸為新圖層組的子組荣月,方法是選擇圖層組(可選擇多個(gè))后〖CTRL G〗,如下左圖梳毙。也可以在現(xiàn)有的圖層組中選擇幾個(gè)圖層后〖CTRL G〗哺窄,將這些組歸為子組,如下右圖账锹。

也可以選擇圖層或圖層組后拖動(dòng)到圖層調(diào)板下方的新建組按鈕

處萌业。

如果在處于展開(kāi)狀態(tài)的圖層組中選擇任意圖層,點(diǎn)擊新建組按鈕

將建立一個(gè)子組奸柬。如下左圖生年。需要注意的是,如果之前所選的是圖層組廓奕,那么同樣的操作將建立一個(gè)同級(jí)組而不是子組抱婉,如下右圖。因此在操作前要明確圖層調(diào)板中的選擇以免發(fā)生錯(cuò)誤桌粉。

除此之外蒸绩,也可以在圖層調(diào)板中將一個(gè)圖層組拖入到另一個(gè)圖層組中,成為其的子組铃肯。如果目的地的圖層組處于展開(kāi)狀態(tài)患亿,還可以直接指定層次,如下左圖押逼。如果目的地的圖層組處于折疊狀態(tài)步藕,則拖入的圖層組位于目的地圖層組中的最底層,此時(shí)展開(kāi)圖層組即可看到宴胧,如下右圖。

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

0555最后要注意的是,在使用對(duì)齊功能時(shí)确镊,如果選擇的是圖層組士骤,那么將以整個(gè)組中的圖像內(nèi)容作為對(duì)齊的參考,智能參考線也基于整個(gè)圖層組的圖像內(nèi)容發(fā)生作用蕾域。如果想要以個(gè)別圖層對(duì)齊拷肌,就必須通過(guò)圖層調(diào)板選擇具體相應(yīng)的圖層到旦。

我曾制作了一個(gè)畫(huà)面內(nèi)容較多但技術(shù)水平中等的網(wǎng)頁(yè)設(shè)計(jì)稿,合并圖層后通過(guò)網(wǎng)絡(luò)發(fā)去一家正在招聘設(shè)計(jì)人員的公司作為題目巨缘,要求前來(lái)應(yīng)聘的人都模仿我的設(shè)計(jì)稿來(lái)制作添忘。之后我讓公司將30多份應(yīng)聘者制作的PSD源文件給我發(fā)來(lái),很快我便選定了一位若锁。公司對(duì)此還有些疑惑搁骑,因?yàn)樗麄円部催^(guò)全部人的作品,感覺(jué)沒(méi)有多少區(qū)別又固。我給出的理由是:不看實(shí)際效果仲器,因?yàn)槟遣](méi)有多少難度,重點(diǎn)是看他們的圖層組織仰冠。我在Photoshop中逐一打開(kāi)源文件觀看乏冀,這位應(yīng)聘者的圖層組織最合理。

合理的圖層組織非常重要沪停。首先煤辨,構(gòu)成網(wǎng)頁(yè)的圖像細(xì)節(jié)很多,且多有重復(fù)木张。使用圖層組復(fù)制可以快速地制作差別不大的各個(gè)部分众辨。再者,可移交性在團(tuán)隊(duì)合作中是很重要的舷礼,良好的圖層組織使別人可以較容易看懂源文件并接手工作鹃彻。最后,合理的圖層組織說(shuō)明操作者有清晰明朗的制作思路妻献,說(shuō)明其是一個(gè)富有經(jīng)驗(yàn)的成熟的設(shè)計(jì)師蛛株。

由此看來(lái),學(xué)會(huì)恰當(dāng)?shù)厥褂脠D層組是很重要的育拨。以后大家去應(yīng)聘的時(shí)候谨履,可要注意你源文件中的圖層組織哦。

全教程完,學(xué)完記得交作業(yè)熬丧。如果本教程對(duì)您有所幫助笋粟,請(qǐng)推薦給你的朋友。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末析蝴,一起剝皮案震驚了整個(gè)濱河市害捕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌闷畸,老刑警劉巖尝盼,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異佑菩,居然都是意外死亡盾沫,警方通過(guò)查閱死者的電腦和手機(jī)裁赠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)疮跑,“玉大人组贺,你說(shuō)我怎么就攤上這事∽婺铮” “怎么了失尖?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)渐苏。 經(jīng)常有香客問(wèn)我掀潮,道長(zhǎng),這世上最難降的妖魔是什么琼富? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任仪吧,我火速辦了婚禮,結(jié)果婚禮上鞠眉,老公的妹妹穿的比我還像新娘薯鼠。我一直安慰自己,他們只是感情好械蹋,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布出皇。 她就那樣靜靜地躺著,像睡著了一般哗戈。 火紅的嫁衣襯著肌膚如雪郊艘。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天唯咬,我揣著相機(jī)與錄音纱注,去河邊找鬼。 笑死胆胰,一個(gè)胖子當(dāng)著我的面吹牛狞贱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蜀涨,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼瞎嬉,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了勉盅?” 一聲冷哼從身側(cè)響起佑颇,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤顶掉,失蹤者是張志新(化名)和其女友劉穎草娜,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體痒筒,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宰闰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年茬贵,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片移袍。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡解藻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出葡盗,到底是詐尸還是另有隱情螟左,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布觅够,位于F島的核電站胶背,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏喘先。R本人自食惡果不足惜钳吟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望窘拯。 院中可真熱鬧红且,春花似錦、人聲如沸涤姊。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)砂轻。三九已至奔誓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間搔涝,已是汗流浹背厨喂。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留庄呈,地道東北人蜕煌。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像诬留,于是被迫代替她去往敵國(guó)和親斜纪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容